推荐阅读

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结合 R.A.V.E 制作动画
说到做动态图,大家可能会想到Photoshop自带的Imageready,Fireworks、Flash等,其实Coreldraw自带的Corel Rave也可以做动画。先看下完成图吧: 制作步骤: 1、脸。打开Coreldraw,用椭圆工具画一个椭圆,填充一个褐色,无轮廓。 2、按小键盘“+”键原地复制一个,缩小一点,填充深黄色,再复制一个缩小填充浅黄色。选择“交互式调和工具”,在两个黄色椭圆之间拉出一个调和,步数为20,形成脸部明暗效果。 3、僧帽。用贝塞尔工具画一个五边形,用形状工具增加2个节点调节成僧帽的形状,填充红色,轮廓为黄色,宽度为1.411mm,再用贝塞尔工具画出帽子中间的2条黄色线段,最后用文字工具打一个佛字,黄色,隶书。 4、眼睛。先用贝塞尔工具画一个三角形调节圆滑后填充黑色,形成左眼,复制一个水平翻转形成一对微闭的眼睛。

CorelDraw 9能否导出透明GIF图像?
问:为何CorelDraw 9不能导出透明GIF图像? 在CorelDraw 9中为何导出gif格式时不能选择透明背景? 答: CorelDraw9绝对可以导出GIF透明图像,只是它的GIF导出设计对话框可能有误导的倾向——其实第二个对话框才是设置透明底的功能的。 具体看图片设置: 1、选择对象,选择菜单:文件,输出,输出GIF格式。 2、设置好如下图,分辨率依自己需要定,并确定。

Coreldraw 9能输出PDF文件吗?
CorelDraw疑难杂症速查手册》收集了作者木平与各位平面设计同仁相互探讨提出的问题以及百度CD吧的提问,结合实际操作和工作中遇到的问题整理而成。其中有些问题参考了吧中好友和网络上同道中人的回答,对于一些不清楚或有疑问的问题作者都亲自用CorelDraw 9和CorelDraw X3分别验证了操作性与真实性。 本教程为分期连载教程,欢迎大家持续关注。 问:Coreldraw 9能输出PDF文件吗? 答: 方法一、利用CD9本身的输出前准备或PDF发行 利用CD9本身的输出前准备或PDF发行这种方法虽然简单,但是所产生的PDF文件兼容性不是很好。 利用文件菜单中的输出前准备可以产生一个标准的PDF文件。 利用PDF发行,注意在一般选项中不要选择PDF FOR THE WEB,选其它的任意项。 在进阶中注意要选中保持文件套印。这样输出的PDF我本人测试可以通过。

实例学用CorelDRAW9(十)
十、阴影的建立(海鸥) 不要生气,实例又用海鸥,没办法,我只是太懒了……我不是说过吗?我希望用很简单的实例告诉你C9怎么用,而不是让你学会做这样或那样的实例……我保证下次再不了……这一次,我们将要用到的工具是“交互式下落阴影工具”,呵呵,一听名字就知道很专业……现在,我可以开始实例了?谢谢…… ^_^打开海鸥,启动“互动式下落阴影工具”,这时就可以开始了(就是“互动式渐变工具”菜单里最后一个图标,有阴影的那个)。第二步:做出阴影。在画面上点击鼠标,随意拖动一定距离,松开就可以了。注意,阴影控制线上的白色滑块离黑色块越近,则阴影越深,反之则越浅,你可以试着调节一下。这一步的效果如图51所示。

实例学用CorelDRAW9(九)
实例学用CorelDRAW9 九、学习透明。( ) 说实话,当教程写到这个地方的时候,我开始感到惭愧。以往几个小节中,我都尽力在找一个简单但能包括某一个工具或命令大部分功能的实例,但是当走到这里时,我开始迷茫了,我实在找不到那一个实例能将这一小节的内容包括完的。像前四个小节那样:包括大部分,其他地方作讲解?我不敢那样做,因为我不知道这样能否讲清楚我想讲的东西。这一小节所涉及的知识有两个,一个是透镜,一个是交互式透明工具。之所以要把他们合成一个小节来讲,是因为,他们俩在很多地方很相似(但不能否认,他们各有所长)。采用权益之计!我只能这么做了,所以这一小节没有标题,括号里,是空的。让我们打开一个幅图像,先看一下原始效果:图44(图44)在“效果”菜单下选择“透镜”命令,看到了吗?调出“效果”码头工了(快捷键:Alt+F3)。这时你看到码头工上显示给你的是“无”,你也看到码头工上的其他几个复选框了吧?想知道怎样用这几个复选框吗?好,说给你听。1、先画一个圆,填充为绿色,放在图像上去,保持选择,点击码头工上“无”旁边的三角形按钮,打开下拉菜单,随意选择一个选项,应用,拖动圆,看一下结果(图45中下面一个圆)。重复操作,点选下面的“冻结”复选框,点击应用,拖动图形,看一下有什么区别(图45中上面一个圆)。现在,你应该明白“冻结”的作用了吧?如图45。

实例学用CorelDRAW9(八)
实例学用CorelDRAW9 八、学用立体工具(CorelDRAW)。 在这一小节开始之前,我先说明一个事实:CorelDRAW9始终是CorelDRAW9,他不是3D MAX,也就是说,CorelDRAW9是二维软件,而不是三维软件,虽然他也能制作出类似三维的效果来。但是,请你别去相信他,因为CorelDRAW9骗了你,而且,你的眼睛也骗了你。即使如此,“互动式立体化工具”的吸引力依然无可比拟,而CorelDRAW9也就主要依靠这个工具来欺骗你。下面让我们开始实例,了解这个工具。了解他之后,你就不会再受骗了。第一步:建立美术字CorelDRAW。如图37。(图37)不知你发现没有,我始终翻来覆去的使用几个实例?其实,这只是想证明一个事实:在CorelDRAW9中,你可以对一个对象进行种种不同的处理,生成各种完全不同的效果,或用种种不同的方法生成完全相同的效果。(哦,还有一点,我这个人太懒,哈哈。)第二步:点取“互动式立体化工具”。

实例学用CorelDRAW9(七)
七、运用渐变工具(海鸥) “交互式渐变工具”位于工具箱自上而下倒数第四的位置(由很多个方块图案组成的那个图标)。他主要用来……怎么说呢?从一个对象到另一个对象的变形。我只能这样说了,事实上,他的功能也的确是这样,但至于实际工作中你要用于什么地方就得看你的了。现在,开始我们的实例,打开前面我们用过的一只茶壶,一只海鸥,我们就制作从茶壶到海鸥的变形,看看到底“交互式渐变工具”是怎样工作的(呵呵,越来越懒了……)。第一步:打开图形。如图32。(图32)这是两个对比非常鲜明的物体,马上你就会看到他们如何渐变的了。第二步:点取渐变工具,作出一个渐变来,如图33。(图33)这个工具使用起来很方便,先点取一个物体,拖动鼠标,到下一个物体,松开鼠标。你就会看到一个渐变产生了。你现在做的这个渐变是CorelDRAW9中的缺省控制的结果,所以,他中间有20个渐变的新对象,属于直接渐变。你试着自己控制一下属性条吧……是不是很简单?

实例学用CorelDRAW9(四)
实例学用CorelDRAW9 四、文字(CorlDRAW) 说实话,我找不到一个词来准确的说明我这一小节要说的内容,因为在CorelDRAW9中,文字实在包括了两种含义,一种是美术字,一种是段落文本,在这一小节中,我会对这两方面的内容作一个简单的说明。在这个实例中,我运用了美术字,也运用了段落文本。事实上,“美术字”是对象的一种,而段落文本才是文字。只是美术字的创建,也必须用到文字工具。下面我们开始讲述。第一步:创建建美术字。(如图13)(图13)点击工具箱中的“文字工具”,在画面中单击,然后在属性条中对字体、大小作好设置(“样式列表”中显示“预设美术字”,不去管他),从键盘输入“CorelDRAW”。就可以了。在CorelDRAW9中,创建“美术字”和“创建段落文本”都是用“文字工具”:选择“文字工具”之后,如果你在画面上单击一下鼠标,表示你创建的是“美术字”。如果在画面上拉出一个矩形框,就表示你将要创建“段落文本”,记住了,这很重要!你也可以单击鼠标后,在属性条的“样式列表”中选择你需要创建的项目(“样式列表”的下拉菜单中列出了九个项目供你选择,其中包括:预设美术字、特殊项目符号123、项目符号123、预设段落文本、预设的图形)。属性条右侧是一些例如对齐、缩进这类常用的属性,不过多数时候处于灰色状态,很多要在“段落文本”时才能激活。第二步:对美术字串进行填充,缩放处理。

实例学用CorelDRAW9(三)
实例学用CorelDRAW9 三、对象的填充(星星) 在前两个小节中,我们学习了一些关于CorelDRAW9的基础操作,在这一小节我打算说一说有关于对象填充的问题。现在你看到下面这个图案了吧?和上面一样,实例很简单,只是过程中会涉及到有关对象填充的问题。我可以现在开始讲了……?(图12)第一步:建立一个四角星形,并对星形作一定调整(图7)。关于建立星形的方法就和CorelDRAW8一样――右键单击多边形工具,选择属性,在出现的对话框中选择多边星形选项,边数设为4。锐利度设为34。确认!(按下Ctrl键并拖动鼠标,能画出一个对称的四角星形)调整也和CorelDRAW8中没有区别,移动光标到星形的任意一个内部点,拖动鼠标,达到效果即可。(图7)第二步:为星形填充颜色。这一步的方法是:点选星形,选择工具箱中的填色工具中的互动式填色工具。到属性栏中的“填色类型”下拉菜单中选择“材质填色”(你就可以清楚的看到里面的类型了:无填色、标准填色、渐变填色、花纹填色、材质填色、PostScript填色)。然后在“材质库”下拉菜单中选择“Samples7”材质库,在“起点色彩选取器”中选择相应的材质即可。效果如图8。

实例学用CorelDRAW9(二)
实例学用CorelDRAW9 二、曲线(茶壶) 上一节,几只海鸥讲述了一些CorelDRAW9的基本操作(啊,不是海鸥,是我),在这一小节中,我也采用相同的办法,利用一个简单的茶壶实例,讲述一下在CorelDRAW9中怎样进行“节点编辑”。当然,其中还会涉及到一些其它问题,例如工具的使用等等。首先来看看这个实例完成后的效果:(图4)(图4)事实上,如果你采用CorelDRAW9提供的绘图工具“手绘工具”创建对象的话,你就一定会感受到这一点:鼠标和笔完全是两码事!即使我相信你是一个非常高明的画师,能够很轻松的画出一个物体来。你仍然会对鼠标作画感到痛苦,而且非常痛苦,你会像一个刚开始画画的人一样,线条完全不会你的控制。对吧?为什么不用一下其他的办法呢?现在开始实例……第一步:画一个圆!(如图5)(图5)圆?能行吗?没错,就是画一个圆,方法很简单,你仅仅需要选择工具箱中的“椭圆形工具”,在画面上拖动鼠标就可以了(如果想画得很……圆,按住Ctrl拖动鼠标就行了)。