推荐阅读
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 9应用速成(第一讲)
第一讲 开始绘制新图形与设置辅助线中文 9在安装和启动上没有特殊要求。成功得安装了该软件后，在Windows 95/97/98/2000的“程序”菜单中会自动起CorelDRAW 9子菜单，并提供启动中文CorelDRAW 9的命令。您能在这个子菜单中看到一个彩色汽球，通过它即可选择到该命令，执行后屏幕上将显示如图 1所示的“欢迎来到CorelDRAW 9”对话框，单击此对话框中的任何一个图标，即可开始进行操作了。图1 单击“新文件”图标 为了绘制新图形，您需要在“欢迎来到CorelDRAW 9”对话框中单击“新文件”按钮，进入如图2所示的主操作窗口，中文CorelDRAW 9也将同时建立一个绘图页面，并且命名为“图形1 。在图2中，光标所在的矩形区域是绘图页面中的可打印区域，中文CorelDRAW 9允许在操作窗口中创建多个页面，单击工具栏的“新建”按钮便能建立起一个新的页面，并自动以“图形……命名。当然了，如果需要的话您可以轻而易举的修改这些名称。 图2 进入中文CorelDRAW 9操作窗口为了方便绘制图形，中文CorelDRAW 9提供了“辅助线”功能，帮助您在操作过程中迅速准确的定位坐标点，而且辅助线可以设置成垂直的、水平的、斜向的以及预设置效果的，还可以在屏幕上任意移动以及改变它的方向。
中文CorelDRAW 9应用速成(第二讲)
第二讲、绘制基本图形元素 中文 9.0提供有多个绘制基本图形的工具，它们都放置在了工具箱中。该工具箱位于操作窗口的左边缘，工具箱中的每一个按钮都代表一个工具，并且每一个工具都有一个名字，将光标移到某一工具按钮上，停留片刻，该工具的名称就会显示在光标的尾部。其中用于绘图的工具有：直线、曲线、矩形、椭圆形以及多边形等。与先前的版本一样绘图工具和键盘上的Ctrl键、Shift键配合使用能十分快捷得绘制出正方形、圆形以及正五边形等图形。如，绘制正方形时，需先按住键盘上的Ctrl键，然后使用“矩形工具”即可绘制出它了。 在使用“多边形工具”绘制一个六边形时，可按以下步骤进行：步骤一 、双击工具栏的“多边形工具”，进入“选项”的“多边形工具”对话框中，如图8所示。然后在 在“点/边数目”的数字框中输入一个数字，如6，然后按下“确定”按钮。步骤二、按住键盘上的Ctrl键不放，再按住鼠标左键不放并拖动光标，此时，随着光标的拖动屏幕上出现了一个正六边形，如图9所示。步骤三、当正六边形的大小合适时，需先放开鼠标左键，再释放Ctrl键就完成了正六边形的绘制操作。
中文CorelDRAW 9应用速成(第三讲)
第三讲、移动图形和旋转图形 在中文 9.0中，可使用两种方法对图形进行移动或者旋转。一种方法是运用工具箱中的“挑选工具”对图形进行移动或者旋转；另外一种方法是使用“安排”下拉菜单的“变形”命令。下面所要讲述内容便是对这两种方法的运用： 使用“挑选工具”对图形进行移动的操作如下：步骤一、单击工具箱中的“挑选工具”。 步骤二、将“挑选工具”光标移至图形中，单击鼠标左键选取图形，被选取的图形四周会有八个黑色的小方块，并且在图形的中心有一个X标志，如图10所示。图10 使用“挑选工具”选取的图形
CorelDRAW9 阶段学习
一直都在想写一篇9的教程，但老是一开始动手，这样那样的事就忽然多了起来，再加上自己一直的不满意，于是一次次的重写。甚至到现在，连我自己也分不清楚，这篇讲解到底重写了多少次了。一直拖到现在，终于勉强可算完成了。 我有过这样的感受：在看一些知识性的文章的时候（特别是在网上），总是感觉特累，老是希望能轻松一些，直观一些！因此我会用一些教程来讲解，很简单，轻轻松松就能完成它。不过请注意：我的目的不在于让你学做这样那样的实例，而在于让你知道怎样操作CorelDRAW9，也就是说，重点不在于教程本身，而在于教程中说到的这样或那样东西，这也是后面很多小节用到同一教程的原因了。 我把这篇教程分成两个部分：一、二、三、四小节是基础操作部分，五小节到十小节会讲一些工具或功能的应用，希望你能在中间找到喜欢的东西。 一、认识CorelDRAW9（海鸥） 二、曲线（茶壶） 三、对象的填充（星星） 四、文字（CorlDRAW） 五、运用造形工具（茶壶） 六、两种变形方法（CORELDRAW）
猴年画猴：CD11绘制小猴头像(1)
不管是使用什么设计软件，都需要在脑海中大致构思出制作对象或是找一些素材进行临摹。本例中的小猴子是笔者在电视上的一部动画片中看到的，感觉挺可爱，就将其绘制下来，加上外环成为一个小贴图。 1.打开CorelDraw 11，新建一个文档，在工具栏中选择“椭圆工具”，按下Ctrl键拖出一个正圆。 2.在选中圆形的情况下在“属性栏”中设置“轮廓宽度”中输入2.411，按下回车即可看到这个圆的轮廓变粗了。 3.然后在选中圆形的情况下双击右下角状态栏中颜色桶右边的方块，这时会弹出一个“标准填充”的设置对话框，在这种CMYK模型的“名称”里选择“霓虹粉”。
CorelDRAW 11抢鲜试用手记(10)
七、其它工具的增强 交互式透明工具中的透明渐变类型比以往更加丰富。有线性，放射形，锥形，矩形，双色图案，全色填充，位图填充和纹理填充等透明渐变类型，配合原有的各种颜色模式，使透明渐变更加丰富多彩多样化。不仅仅对填充（Fill）设置透明渐变，而且对于轮廓线（Outline）也可应用，或者同时对两者应用。 交互式阴影工具创建的阴影看起来很细腻柔和，色彩鲜亮纯正，在色彩和显示上有所改进。但是依然不能套印（叠印）。 在Fill和 Outline工具栏中多了色彩泊坞窗工具按钮（Color Docker Windows）（左图），单击它可迅速打开Color Docker（色彩泊坞窗），方便设置填充色及轮廓色（右图）。 对象属性泊坞窗（Object Properties Docker）能够方便地查看和更改对象的一般属性。各种属性分为Fill，Outline， general， Detail ，Internet等6个选项卡，最后一个随对象的不同（如矩形，贝塞耳曲线，文本等）而呈现不同的选项。 11的推出无疑是广大设计者的福音。新增的绘图工具，增强的Shaping Tools，Object功能和文本功能，以及创新性的符号及其应用等等，以及有待于挖掘和探索的更多精彩功能，必将带来更加广阔的设计空间和缤纷创意。
融会CorelDRAW9之六
在前面四个小节中，每节的实例都用了两种不同的方法来完成，为的是向大家表明：“CorelDRAW9中要想达到某种效果可以有很多种不同的方法”，呵呵。在这一小节中，我介绍如何合成两张图片――我不知该如何形容这种结果，反正有点像Photdshop5中的“羽化”的效果。如果你还不能理解，请看看图片吧！（真对不起，我实在找不到一个合适的形容词了）。效果就是图21那种。（图21）还有一点需要请你原谅：这种效果虽然也有好几种不同的方法。但我在这里只能给大家介绍一种方法。因为有些方法实在过于麻烦，根本不能在这短短的篇幅中说清楚（真抱歉！不然头儿就得为稿费担忧了，^_^）。不过我可以稍稍提示一下，你自己去试验一下：1、可以运用“交互式透明工具”。2、可以运用“滤镜”结合点阵图中的“效果”以及“交互式渐变工具”。3、可以运用“图框精确裁剪”结合“交互渐变工具”使用。其中以运用“交互式透明工具”最为简单，效果也最好（其余方法所得效果稍次一些），所以最值得使用（我也挑轻松的活儿干……）。现在，我们就试着运用“交互式渐变工具”来完成实例。首先输入图片，我们就准备用这两张图片合成，来达到那种梦幻般的羽化效果。图22（图22）
融会CorelDRAW9之六透明合成
在前面四个小节中，每节的实例都用了两种不同的方法来完成，为的是向大家表明：“CorelDRAW9中要想达到某种效果可以有很多种不同的方法”，呵呵。在这一小节中，我介绍如何合成两张图片――我不知该如何形容这种结果，反正有点像Photdshop5中的“羽化”的效果。如果你还不能理解，请看看图片吧！（真对不起，我实在找不到一个合适的形容词了）。效果就是图21那种。（图21）还有一点需要请你原谅：这种效果虽然也有好几种不同的方法。但我在这里只能给大家介绍一种方法。因为有些方法实在过于麻烦，根本不能在这短短的篇幅中说清楚（真抱歉！不然头儿就得为稿费担忧了，^_^）。不过我可以稍稍提示一下，你自己去试验一下：1、可以运用“交互式透明工具”。2、可以运用“滤镜”结合点阵图中的“效果”以及“交互式渐变工具”。3、可以运用“图框精确裁剪”结合“交互渐变工具”使用。其中以运用“交互式透明工具”最为简单，效果也最好（其余方法所得效果稍次一些），所以最值得使用（我也挑轻松的活儿干……）。现在，我们就试着运用“交互式渐变工具”来完成实例。首先输入图片，我们就准备用这两张图片合成，来达到那种梦幻般的羽化效果。图22（图22）
融会CorelDRAW9之五透明、透镜与渐变
教程走到现在，我们都是老朋友了。我想也不必再唠唠叨叨的说什么开场白了，就直接进入主题吧！至于这一小节的名字，我想来想去都没想好。不得已，应将就用有关的内容代替一下了，大伙儿谅解一下！这一小节的实例主要是如何减小图像的对比度，减弱图像在画面中的视觉强度，以避免喧宾夺主。方法有三种：透明、透镜、渐变。我并不打算对这三种方法进行多详细的讲解，因为这三种方法都很简单，只需一两个步骤就可以完成。主要目的是让你对这三种方法作一个比较直观的比较，从而……融会CorelDRAW9.现在，我们先看图片，这是修改前的效果。（如图18）（图18）在这个图片里面，文字作为画面的主体，图片作为背景。但由于背景图片的对比太强了，因此减小了文字的视觉力度。所以我们要做的就是减小背景的对比度，以强调文字的视觉力度。先看看第一种方法：透明。操作步骤为：1、选择背景图片。2、运用“交互式透明工具”，运用任意一种透明类型，在属性条中设置好透明度，“回车”确认（或用鼠标控制透明效果直到满意）。
融会CorelDRAW9之七快捷键一览
说实话，这一小节的内容来得最轻松：只是将CorelDRAW9列出的一些快捷方式集中起来而已。集中起来，也许看起来会舒服一点――我想。下面就是……（这一些是CorelDRAW9菜单中列出来的）1、建新文件：Ctrl+N2、打开文件：Ctrl+O3、保存文件：Ctrl+S4、输入图像：Ctrl+I