推荐阅读

UI设计师最需要了解的设计工作流程
每个设计师看文章都有自己的喜好,有些人喜欢看一些纯设计技法或者设计教程,有些人喜欢看一些偏理论的知识点,比如工作经验、设计流程、设计分析等等。其实作为一名UI设计师应该看文章不要挑剔,每一方面都要看一下,这样才能更好的提升自己的设计水平和管理能力。欢迎关注作者所在的丁香园设计团队微信公众号:「花厂设计招待所」今天主要来跟大家聊聊我自己的工作习惯和方法,相信作新人看了一定会收获很多~1. 一般怎么规划好工作上的需求?我使用teambition软件来管理我的日常需求,teambition是一款团队协作软件,由于公司使用的是tower,所以目前teambiton我是用来管理个人需求。我用过tower,可能觉得界面不够美观,有些地方体验不是特别好,不过用来团队协作应该也是不错的。由于朋友的推荐,我就尝试用teambiton来管理个人的日常需求,发现已经能够满足日常的工作需要了。下面我放上几张截图来说明我如何使用teambition。因为teambition功能点非常多,这里只是做个示例,希望有兴趣的自己体验一下。产品设计流程图(PM)App设计流程图适合全新App设计,整理出所有大致需要做的东西,然后按照从左到右的顺序分别完成。

使用Photoshop给外景人像添加唯美逆光效果
最终效果原图1、打开素材图片,创建可选颜色调整图层,对黄色,青色进行调整,参数及效果如下图。这一步主要把草地的颜色转为橙黄色。2、创建色相/饱和度调整图层,对黄色进行调整,参数及效果如下图。这一步把草地颜色转为红褐色。

Camera Raw各版本英文变中文的方法
很多朋友对Photoshop CS2 RAW格式插件的安装没问题,只需拷贝Camera Raw.8bi文件到相应的文件夹就可以了,但是显示的是英文,希望此方法能够解决大家将Camera Raw各版本在Photoshop CS2 中英文变中文的方法的问题。高手就不要看了! Photoshop CS2 RAW格式插件的安装路径: PS CS2英文版,安装路径是:C:\Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins\File Formats把Camera Raw.8bi拷贝到这个目录下就行 Adobe Photoshop CS2简体中文版的安装目录:把Camera Raw.8bi文件copy到C:\Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins\文件格式 目录下面即可 安装好cs2后,将RAW格式的图片导入PSPScs2,若显示的Camera Raw英文界面,选择open,将图片导入PS中,选择文件,看看有没有关闭并转到Bridge选项,若没有,需要进行升级,即Adobe Bridge,Adobe Bridge 1.0.2 update的下载地址:http://download.adobe.com/pub/adobe/...idge102Win.zip。升级后,打开PScs2,文件--关闭并转到Bridge--提示保存图片,是否?进入在桌面Adobe Bridge中--Edit(编辑)--Preferences....(首选项)--Advnaced(高级)--Language(语言)--选择Chinaexe,Simplified(简体中文)--OK(确定)--关闭Adobe Bridge,重启PS,打开文件就出现RAW的中文界面了,此方法适合于Camera Raw各个版本

Flash动态解析Web应用程序服务器路径
玩过Flash+ASP/PHP开发的朋友都知道,在Flash软件里测试Flash从后台脚本读取数据的时候,不能直接的用如“loaddata.asp”这样的路径,必须是http://www.domain.com/Application/loaddata.asp 或者 http: 开头的路径。有些人问了?为什么呢?当FlashPlayer里测试的时候收到load("loaddata.asp")这个命令的时候,他会直接读swf文件路径下的 loaddata.asp文件。但由于没有经过IIS的运行处理,直接读入Flash内部,当然,读出的结果就是%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%类似这样了,所以就无法根据我们的意愿来处理数据了,而当FlashPlayer执行load("http://www.domain.com/Application/loaddata.asp")这个命令的时候,他就不再是本地的TXT文件读取命令,而是一个HTTP请求,FlashPlayer把这个请求发送到HTTP服务器,服务器的IIS解析脚本返回结果后Flashplayer便可以正确的处理这些数据了。(废话一堆)当然如果你清楚了路径的关系,也可以把写load("loaddata.asp")写到Flash里,上传的时候,把.asp .swf 和包含 .swf的html文件,都放在一个目录里就行了。特别指出的是swf 在取得路径时,是取包含他的html和.asp的关系的。而不是 swf 与 asp的路径关系。说起来已经是有一点晕了,但如果理解了路径的关系,那就非常简单了。好了,进入正题,虽然输入HTTP路径就可以正确读取数据,但是在程序开发测试阶段可能经常需要开发者更换服务器,那样就对我们造成了一定的麻烦,你每更换到另外一个服务器上面的时候就要修改一次他的HTTP路径,如果读取了N(N≠0)个文件,难道还要手动修改N次?当然不是,那么通过下面这个小技巧便可以轻松解决这个问题:把SWF文件嵌入到一个ASP页面里面,输入如下代码:<%Dim PageUrl,URLarry,i,ApplicationURLPageUrl="http://" & Request.ServerVariables("http_host") & Request.ServerVariables("url")Response.Write "PageURL="&PageUrlURLarry=Split(PageUrl,"/")Arryubound=ubound(URLarry,1)-1For i=0 to ArryuboundApplicationURL=ApplicationURL&URLarry(i)&"/"NEXTResponse.Write "<br>ApplicationURL="&ApplicationURL '这一句仅仅是测试代码是否正确,可省%>好了,对ASP有一定了解的朋友应该都明白代码是什么意思了,PHP也可以用这种思路来写,下面在SWF路径中可以这样写 <%="flash.swf?myserver="&ApplicationURL%> 这样就可以通过URL把变量传递给SWF文件,在Flash影片中便可以直接访问这个变量了,就是_root.myserver。 好的,现在来让我们测试一下结果,先编写一个loaddata.asp,让他返回一个back变量。打开FLASH,新建一个文件。然后在场景中拖入两个动态文本框,分别命名为txt.url 然后在第一帧输入以下代码:mytxt=new LoadVars()mytxt.load(_root.myserver+"loaddata.asp")mytxt.onLoad=function(sUCcess){if(success){
最新发布

CorelDRAW 10文本编辑操作快捷键
了解下面这些CorelDRAW 10文本编辑操作中的快捷键,能帮助我们在设计工作中事半功倍。 显示所有可用/活动的 HTML 字体大小的列表 【Ctrl】+【Shift】+【H】 将文本对齐方式更改为不对齐 【Ctrl】+【N】 在绘画中查找指定的文本 【Alt】+【F3】 更改文本样式为粗体 【Ctrl】+【B】 更改文本样式为斜体 【Ctrl】+【I】 将文本对齐方式更改为行宽的范围内分散文字 【Ctrl】+【H】 将文本对齐方式更改为左对齐 【Ctrl】+【L】 将文本对齐方式更改为右对齐 【Ctrl】+【R】 更改选择文本的大小写 【Shift】+【F3】

CorelDRAW 12中的属性复制快捷键是什么呀
CorelDRAW 12 中的属性复制快捷键是什么呀? CD12是要自己设置的. 点CTRL+J,出来一对话框.然后。。。工作区——自定义——命令在面版上选编辑,然后选中“复制属性自”,再设置快捷键~ 设置好了,就可以用了~

CorelDraw 9.0中的常用快捷键
Corel Draw9.0为方便使用者的操作,设置了许多快捷键,笔者在实践中感到如果能熟练使用这些快捷键,对提高操作速度,灵活运用各种功能大有益处。现将经常使用的快捷键列表如下:菜单快捷键文字说明复原Ctrl+Z恢复到上一个动作重作Ctrl+Shift+Z恢复到上一个复原动作重复Ctrl+R重复上一个动作剪下Ctrl+X剪下选取的物件并置于“剪切簿”中复制Ctrl+C复制选取的物件并置于“剪切簿”中贴上Ctrl+V将“剪切簿”的内容贴于绘图文件内删除Delete将选取的物件删除全部选取Ctrl+A选取整个绘图文件再制Ctrl+D再制选取的物件并按指定的距离偏移复制属性自Ctrl+Shift+A将指定的属性从另一物件复制到选取的物件全屏幕预览F9以全屏幕预览方式显示图文件贴齐网格Ctrl+Y将物件贴齐网格到最前面Shift+PgUp将选取的物件放置最前面到最后面Shift+PgDn将选取的物件放置最后面向前一个Ctrl+PgUp将选取的物件在物件的堆叠顺序中向前移动一个位置向后一个Ctrl+PgDn将选取的物件在物件的堆叠顺序中向后移动一个位置群组Ctrl+G将选取的物件组成群组解散群组Ctrl+U解散群组物件组合Ctrl+L组合选取的物件打散Ctrl+K打散选取的物件 以上快捷方式在使用Corel Draw 9.0过程中经常运用,应熟练掌握,下面的快捷方式虽然使用频率没有上面的多,但最好也能熟练应用。

CorelDRAW 12快捷键
垂直定距对齐选择对象的中心 【Shift】+【A】 垂直分散对齐选择对象的中心 【Shift】+【C】 垂直对齐选择对象的中心 【C】 将文本更改为垂直排布(切换式) 【Ctrl】+【.】 打开一个已有绘图文档 【Ctrl】+【O】 打印当前的图形 【Ctrl】+【P】 打开“大小工具卷帘” 【Alt】+【F10】 运行缩放动作然后返回前一个工具 【F2】 运行缩放动作然后返回前一个工具 【Z】 导出文本或对象到另一种格式 【Ctrl】+【E】

CorelDRAW 9的剪切
CorelDRAW 9是非常常用的矢量绘图工具。如何实现剪切?如下图的效果: 步骤如下图。绿色为主要对象,另外画出一个矩形框。 把矩形框放在绿色对象上面,如下图。 点击CorelDRAW 9的菜单栏“窗口→泊钨窗口→造形→修剪”,“来源物件”和“目标物件”都不要打勾。先选中矩形框,然后点击一次下图的“修剪...”键,再点击一下绿色对象,即可完成。

融会CorelDRAW 9之三
(镜框) 看到这个小节的小标题了吧?镜框!不是艺术镜框!我是一直不太喜欢提“艺术”这个词的,所以没有在镜框前面加上这两个字,因为我觉得是否“艺术”并不重要,它并不是这里讨论的主题,这里只告诉你这种东西怎么做,至于能否具有“艺术性”,我不能也不敢给你打包票,只能靠你自己的修为了。 按老规矩,这一小节有两种方法。但谁好谁坏,我也说不准,看完了你自己比较一下就行了。 你先看看原始的图片吧(找不到照片,用一张随随便便的图片代替一下,大伙儿通融通融吧,图9)(图9) 现在,我们开始第一种方法…… 第一步:绘制一条闭合的曲线路径(这条曲线将作为镜框的基本形,随便你怎么画,你自己满意就成,你暂且看看我画的吧!) 选择图片,在“安排”菜单下的“图框精确裁剪”命令中选择“置于容器内”子命令,于是鼠标在画面上变成了一个粗黑箭头,用它点取曲线,图片就被裁剪得只剩下路径内的部分(如果你对剪裁的位置不满意,可以单击右键,在出现的右键菜单中选择“编辑内容”命令,然后对图片进行位置移动)。 看看这一步的结果吧,如图10(图10)

在CorelDRAW 9中绘制矩形的技巧
实现目标】 在CorelDRAW 9中,有时需要快速绘制一个与页面大小相同的矩形,如果先绘制矩形,然后修改矩形的长度和宽度,最后与页面进行对齐,则操作过程显得较麻烦。 【操作方法】 在CorelDRAW 9中,当需要绘制一个与页面大小相同的矩形,可以双击“工具箱”上的“矩形工具”,即可在CorelDRAW的绘图区自动生成一个与页面大小相等,同时位置与页面位置一致的矩形,同时,该矩形会被放置在最底层。

CorelDRAW 10 小技巧选登
这是我对10的一些感受,把这些东西集中起来后写成的一些技巧…… View菜单下,将一些分散的功能集中起来,例如:CorelDRAW9或以前版中所谓“出血”的显示转换到Show子菜单下;并且,View菜单中新增Enable Rollover命令,以预览Rollover效果。 在Layout菜单下可以对页面背景进行设置,而在以前,您必须进入“选项”对话框才能进行页面背景的设置。CorelDRAW10在这里提供了一条捷径,由此,您可以进行背景色,背景图片,背景纹理之类的设置。 Effects菜单下的Adjust子菜单中,新增了数条色彩调节命令。这里大多数命令都是针对点阵图有效的,也就是说,只有在点阵图被选的情况下,这些命令才能被激活。(如图1) 如果非要详细的讲述这些命令的话,决不是短短几百字可以解决的。不过,我想,大多数朋友都会使用Photoshop吧,这条菜单中的命令其实和Photoshop中的“色彩调整”命令相似,所以我便不在这上面浪费时间了。 Windows菜单下的Dackers子菜单中新增Properties命令,执行这条命令,可以打开Object Properties泊坞窗。这个泊坞窗中提供了被选对像的一些基本属性,包括:填充、轮廓线、页、表格。您能利用这个泊坞窗了解被选对象的性质,也可以利用这个对话框对被选图形进行编辑,这,有点像中的Object控制面板。Object Properties泊坞窗如图2所示。 (图1) (图2) 不知您注意到没有:以往版本中的“交互式透明工具”如今不再单独存在于标准工具箱中了,在CorelDRAW10中,交互式透明工具的位置转换到效果(Interactive)工具组中了。 在幕屏右边的色彩样式库的最上方,新增了一个色库菜单,利用它,您可以进行集合轮廓线颜色、集合填充颜色、打开其它色彩库、新建色彩库、改变色彩显示模式等操作。这样,在CorelDRAW10中,您再也不必回到主菜单中就能进行操作了。菜单如图3。

CorelDRAW 10基础教程(一)
1 安装 10 CorelDRAW10是Corel公司出品的最新版本的矢量图形制作,它既是一个大型的矢量图形制作工具软件,也是一个大型的工具软件包。因此在安装此软件之前,你的计算机系统中如果已经安装了CorelDRAW10以下版本的软件,建议最好先将其卸载后,再开始安装CorelDRAW10。因为CorelDRAW10不提倡将其安装在原有的低版本软件上,这样做是为了避免该软件在使用中发生一些意外故障。 CorelDRAW10的安装和windows应用程序的安装类似,运行安装目录下的setup.exe。就可以开始进入安装向导。接下来就用不着我说了,一杯茶的功夫就可大功告成。 2 启动CorelDRAW 10 当正确安装了CorelDRAW 10以后,我们就可以通过在“开始”菜单中执行“开始/程序/ CorelDRAW10/ CorelDRAW10”命令,即可启动CorelDRAW10;在启动CorelDRAW10以后,在屏幕将出现一个欢迎窗口Welcome to CorelDRAW;

Coreldraw 10设计应用之台历制作(1)
自己制作一个台历放在桌面上,不管是真桌面还是WINDOWS桌面,应该是件很惬意的事情。 在本例中,主要涉及到了辅助线设置,图层管理,编辑美术文本,图框精确剪裁功能,以及交互式填充和调和等工具。 制作之前,参考一下实际生活中的台历,在设计时不妨先画个草图,规划出设计布局,做到心中有数,这样未尝不是个好习惯。我的初步设计草图如下(图1)。 正式绘制之前,先不要急于求成,还有更加仔细一些的准备工作要做: 1.打开Coreldraw10,按"Ctrl+N"新建一个文档,单击属性栏上"横向页面"按钮,设置页面为横向;根据绘制的草图,进行辅助线的设置,对页面进行大致的规划。如图2。 方法是:单击并拖动,从标尺上拉出相应的水平或垂直辅助线,以帮助定位。 如果要精确设置,右击标尺,从菜单中选择"辅助线设置"。在Coreldraw10中,辅助线也是一种对象,可以移动,复制,旋转和删除等。 2.打开"对象管理器"泊坞窗,单击"新建图层"按钮,新建一个图层Layer1。如法炮制,分别建立另外两个图层Layer2,Layer3。这样将草图中不同布局区域内的对象在各层内绘制,层次清楚,便于组织管理。如图3。 3.打开属性栏上的"对齐辅助线"按钮,以方便下面步骤中对象的绘制和定位。准备工作基本完成,下面正式开始台历制作: 4.单击"对象管理器"泊坞窗中的"Layer1",切换到此层。首先绘制绘制三个矩形,利用"对齐辅助线"功能完成定位,分别设置不同的轮廓线宽。其中最小的矩形作为图象框,如图4。