推荐阅读

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 导入表格的完美解决方案
太多朋友都被CorelDraw里面的表格问题所困扰,最常见的就是从MS EXCEL中获得的表格。以下方法是在长期的实际操作中寻找出来的最简捷,最容易理解,最具版本兼容性的方案,请仔细看: 1、现在我们要把MS EXCEL表格弄到CD中去,直接拷贝所需要的区域; 2、 在CD中建议开一个新文件,然后“选择性粘贴”刚才的内容: 3、建议去除所有的文字属性,便于下一步的操作; 4、 这里关键了!一定要选择最下面的这项,你将来才有东西可改;

用CorelDRAW制作自己的贺卡
圣诞来临,元旦、春节也即将到来,远方是否有自己牵挂的人呢?发封电子邮件问候一下吧,祝她(他)节日快乐。贺卡站去找一张贺卡吧,又觉得这么多的贺卡中要么就不能表达自己的心意,要么在贺卡上有原作者的名字,很难找一张真正中意的贺卡。怎么办呢!Do it yourself!贺卡也来DIY!当远方的她(他)收到这张有你自己签名的贺卡,心里别提有多感动…… 要制作贺卡,我们有很多软件可以选择,Flash、Photoshop、Fireworks、Corel DRAW等都是贺卡制作的好工具,下面我们就用Corel DRAW软件为远方的她(他)制作一张代表自己心意的贺卡。一起来吧! 一、贺卡创意 制作一张代表自己心意的贺卡,这一步很是重要,要不然还不如到网上去找一张呢?这一步主要是构思一下用这张贺卡表达一种什么情意,并设计这张贺卡的大致布局,或用什么样的图案来表现。 相信很多人跟我一样,思念之人远在天边,即使买了一大堆节日礼物,也无法送到她的手中,寄托自己思念的唯一方法就只能是在电脑屏幕上敲上问候,深深祝福她。那就将自己的这种思念用贺卡的方式告诉她,呵,创意不就有了。 下面我们主要考虑用什么样的图案和颜色来表现,圣诞节来了,送上一张圣诞卡,圣诞老人的图案当然少不了,而且是一个扛了一大袋礼物的那种。表达自己的思念,创意中提到的电脑当希望是少不了,要不然,她怎么会知道你是在电脑前想她呢! 主角已经敲定,其它的配角如图案填充、辅助线条、辅助图案,就等最后来根据需要来制作它了。本新闻共6页,当前在第1页 1 2 3 4 5 6 二、绘制主角图案 先绘制扛着一大包礼物的圣诞老人,如果对Corel DRAW不是很熟悉,你最好在纸上先画好造形。 (1)先用贝塞尔工具勾出圣诞老人的帽子及边缘,并填充为红色,边缘部分填充为白色,如图01所示。 图01

Excel表格导入Coreldraw的方法和处理技巧
太多朋友都被CorelDraw里面的表格问题所困扰,最常见的就是从MS EXCEL中获得的表格。以下方法是在长期的实际操作中寻找出来的最简捷,最容易理解,最具版本兼容性的方案,请仔细看: 1、现在我们要把MS EXCEL表格弄到CD中去,直接拷贝所需要的区域; 2、在CD中建议开一个新文件,然后“选择性粘贴”刚才的内容: 3、建议去除所有的文字属性,便于下一步的操作; 4、这里关键了!一定要选择最下面的这项,你将来才有东西可改; 5、OK!你在页面内应该可以看到表格的雏形了,我这里是个示意表格,你的表格如果在EXCEL更复杂,也会一样转过来。

CorelDraw快速复制方法与技巧
一、快速拷贝色彩和属性 在 CorelDraw 软件中,给其群组中的单个对象着色的最快捷的方法是把屏幕调色板上的颜色直接拖拉到对象上。同样地道理,拷贝属性到群组中的单个对象的捷径是在用户拖拉对象时按住鼠标右键,而此对象的属性正是用户想要拷到目标对象中去的。当用户释放按钮时,程序会弹出一个右键显示菜单,在菜单中用户可以选择自己想要拷贝的属性命令。 二、让渐变效果更平滑 渐变效果是图象制作过程中常用的一种效果,如何把这种效果的渐变层次处理得更平滑、更自然一点,就变得非常重要了。在 CorelDraw 中,获得平滑的中间形状的最好方法是以渐变控制物件作为开始,此渐变控制物件使用相同节点数量,并且是在相同的绘图顺序 ( 顺时针或者逆时针方向 ) 下建立的。这样做的话,需要通过修改第一个物件的拷贝来建立你的第二个物件。在第一个物件被选择后,在数字键盘上按 + 键来复制它。把复制件放在一边,选择 Shape 工具,并且开始重新安排节点。如果你需要在这儿或那儿添加额外的节点来制造第二个物件 ( 在 CorelDraw 中,你能在曲线上双击以添加节点 ) ,请同时在第一物件中添加相对应的节点。如果你的形状有许多节点,你可以放置一个临时性如圆圈一样的标识器在第一物件中邻近节点的地方,也放置另一个标识器在第二物件中邻近对应的节点的地方。 三、保证调色板的颜色相同 制作图象时,为了能达到一个整体协调一致的效果,我们往往需要对不同的对象进行相同颜色的处理,而要达到色彩相同的目的,我们就需要对这些对象设置相同的调色板。设置时,我们可以按照如下步骤来进行:首先在 CorelDraw 中,打开 Tool 菜单下的 New Palette From document . New Palette From Selection 命令来抓取,命名并且存储调色板。然后利用 Palette 编辑器 ( 可在 Tool 菜单中找到 ) 按你喜欢的秩序分类整理颜色。最后,在另一个文件中显示新的调色板,选择 View , Color Palette , Load Palette ,并且选择你已命名的的调色板。 四、自由擦除线条 在 CorelDraw 中,我们可以使用其中的手绘铅笔工具进行任意地“发挥”,不过,一旦发挥过头,不小心把线条画歪了或画错了,您该怎么处理呢?也许,您会想到将线条删除或者做几次撤消工作,其实还有一种更灵活的方法就是按下 Shift 键,然后进行反向擦除就可以了。

CorelDraw填色技巧简明图解手册
本文中我们用图解的方式介绍一些基本的CorelDraw填色技巧,希望对Coreldraw初学者有一些帮助。 1,首先,习惯使用Photoshop调色板朋友的可以看看这里,打开Coreldraw的这个面板。 2,是不是觉得已经很面熟了?注意红色标注的几个按钮。 3,点击可以切换不同方式的调色面板,这个就是第二个按钮 4,这个是第三种,色标方式。 5,注意每种方式在下拉框里面都可以进行RGB/CMYK/HSB...的切换。

CorelTRACE轻松将位图转换为矢量图
CorelTRACE是corelDRAW附带的软件,主要是执行位图矢量化的功能。 可不要小看这个软件,个人感觉比起Illustrator(以下简称AI)的矢量描图功能不知道爽了多少倍,期待ai也能够在下一个版本中做出这样优秀的功能来。 1.CorelTRACE软件的界面。 2.CorelTRACE软件的界面,左图为位图的原始图,右图为矢量化以后的矢量图。 3.工具栏上面的各种各样的描图方式,以及图像查看工具。 4.CorelTRACE软件的基本描图方法。

Coreldraw图像文件导入Photoshop三种方法
Coreldraw和Photoshop长期以来一直是PC上常用的的著名设计软件,是专业设计用户的首选,二者在图形、图像的处理方面各有千秋,Coreldraw是矢量图形处理的霸主,而Photoshop则是平面图像设计的不二之选,综合应用二者可以充分发挥你的想像力,绘制出美丽而神奇的图案。 这就涉及到怎样将Coreldraw中的图形、图像正确输出到Photoshop,以及哪种方法更好的问题。 (一) 在Coreldraw中选取相应的对象,COPY,然后再在Photoshop中开个新档,粘贴上去,这是最简便的方法(下称“剪贴板法”); 这种方法的特点是简便易用,不用生成中间文件,缺点是图像质量差,由于是由剪贴板进行转换,所以图像较粗糙,没有消锯齿(ANTI-ALIAS)效果,是一种不提倡的方法。 (二) 在Coreldraw中使用Coreldraw的“输出”功能(有些版本叫“导出”),将Coreldraw的矢量图形输出为点阵图(下称“点阵图法”)。 这种方法生成的图像,较剪贴板法生成质量有所提高,所以很多用户都是用这种方法,但比起“EPS”法,还是有缺点。 (三) 其实还有一个更好的方法,就是使用Coreldraw的输出命令将图形输出为EPS格式,再在Photoshop中使用置入(PLACE),来达到矢量向点阵的转换(下称“EPS”法)。 这种方法主要的优点是输出为EPS文件后,图形仍是矢量图形,RASTERIZE(光栅化)是最后在Photoshop中才进行的,所以输出过程和最终图像的分辩率无关,最终图像的质量,取决于你在Photoshop中置入的图档的分辩率。“点阵图法”一经输出后,分辩率即已确定,如果图像需要放大,将会有明显的锯齿,而“EPS法”则不管图像大小,质量仍然一样好。 下面我们具体说明“EPS”法的操作: 首先,在Coreldraw中完成你的图形,选定要输出的相应部分。

CorelDRAW特色滤镜应用
图像处理领域,毋庸置疑Photoshop(以下简称PS)乃当世王者,论综合实力无出其右者。不过其滤镜在对位图的处理方面,笔者却认为CorelDRAW亦敢称雄。PS自带的经典滤镜,CorelDRAW几乎全揽,甚至连许多PS外挂滤镜才拥有的功能,CorelDRAW亦手到擒来。下面咱们就来一起领略一下CorelDRAW的特色滤镜Show。 启动CorelDRAW(以下简称CD,笔者以10.0版本为例),新建一个文件并选择“文件”菜单下的“导入”命令,导入一张位图图片并选中它。 提示:本文的操作本应直接启动CD套件中的Corel PHOTO-PAINT进行,考虑到读者朋友可能未安装此套件,故直接在CD中进行。 ★卷页效果 卷页效果在PS中需通过外挂滤镜KPT等才能完成。选中刚刚导入的位图图片,点选菜单命令“位图→三维效果→卷页”,弹出“卷页”属性设置对话框(注:点击该对话框左下方的眼睛图标,可预览效果),如图1所示,读者可自行调试选择。设置完成后按下确定,源图与效果对比图如图2所示。 ★令人叫绝的“素描盘” 与PS的素描相比,CD的此项滤镜可调节性更大,细节更精致。点选菜单命令“位图→艺术笔触→素描盘”,弹出如图3所示的控制面板,建议将样式选为“精细”。设置完成后按下确定,效果如图4所示。

CorelDraw技巧谈
一、快速拷贝色彩和属性 在CorelDraw软件中,给其群组中的单个对象着色的最快捷的方法是把屏幕调色板上的颜色直接拖拉到对象上。同样地道理,拷贝属性到群组中的单个对象的捷径是在用户拖拉对象时按住鼠标右键,而此对象的属性正是用户想要拷到目标对象中去的。当用户释放按钮时,程序会弹出一个右键显示菜单,在菜单中用户可以选择自己想要拷贝的属性命令。 二、让渐变效果更平滑 渐变效果是图象制作过程中常用的一种效果,如何把这种效果的渐变层次处理得更平滑、更自然一点,就变得非常重要了。在CorelDraw中,获得平滑的中间形状的最好方法是以渐变控制物件作为开始,此渐变控制物件使用相同节点数量,并且是在相同的绘图顺序(顺时针或者逆时针方向)下建立的。这样做的话,需要通过修改第一个物件的拷贝来建立你的第二个物件。在第一个物件被选择后,在数字键盘上按+键来复制它。把复制件放在一边,选择Shape工具,并且开始重新安排节点。如果你需要在这儿或那儿添加额外的节点来制造第二个物件(在CorelDraw中,你能在曲线上双击以添加节点),请同时在第一物件中添加相对应的节点。如果你的形状有许多节点,你可以放置一个临时性如圆圈一样的标识器在第一物件中邻近节点的地方,也放置另一个标识器在第二物件中邻近对应的节点的地方。 三、保证调色板的颜色相同 制作图象时,为了能达到一个整体协调一致的效果,我们往往需要对不同的对象进行相同颜色的处理,而要达到色彩相同的目的,我们就需要对这些对象设置相同的调色板。设置时,我们可以按照如下步骤来进行:首先在CorelDraw中,打开Tool菜单下的New Palette From Document或New Palette From Selection命令来抓取,命名并且存储调色板。然后利用Palette编辑器(可在Tool菜单中找到)按你喜欢的秩序分类整理颜色。最后,在另一个文件中显示新的调色板,选择View,Color Palette,Load Palette,并且选择你已命名的的调色板。 四、自由擦除线条 在CorelDraw中,我们可以使用其中的手绘铅笔工具进行任意地“发挥”,不过,一旦发挥过头,不小心把线条画歪了或画错了,您该怎么处理呢?也许,您会想到将线条删除或者做几次撤消工作,其实还有一种更灵活的方法就是按下Shift键,然后进行反向擦除就可以了。

去除CorelDRAW轮廓笔飞边
我工作中经常会利用CorelDRAW做大量图片输出工作,用过多个版本CorelDRAW,发现CorelDRAW的中文字使用“轮廓笔”后导出位图时有一个“飞边”现象。经验告诉我,“飞边”关键是制作时“轮廓笔”的默认选项“转角”为尖锐、“线条端头”为内凹导致(见图1)。 “飞边”的多少、严重程度与在CorelDRAW使用“轮廓笔”默认选项后的字体、字体的多少、导出位图的大小有一定关系,较粗的字体容易导致。如上所说,当做较大画幅输出时这些“飞边”实在不雅。如何解决呢? 文字少的,导出位图后用Photoshop修除,但较麻烦,要求技巧也较高。大家也可试一下以下方法: 1.使用“轮廓笔”时尽量用以下选项组合“转角圆头”配“线条任意端头”,“转角尖头”配“线条外圆凸端头或平端头”(图2)。 2. 对没有使用以上搭配的“轮廓笔”描边字,采用“位图→转换为位图”(图3),就可以解决。