推荐阅读
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 新功能(十二)
六、紧跟时代的网络特性・ 强化了HTML输出功能 CorelDRAW 10新增了浏览器预览、页面下载速度预警及FTP等功能。这些功能的操作方法如下：1. 单击File/ Publish To The Web/ HTML或Internet（国际互联网）工具栏中的 Publish To The Web- HTML按钮，弹出Publish To The Web对话框。图55 Publish To The Web（发布到Web）对话框2. 在General（常规）标签页面中可以进行相关选项的设置： HTML Layout Method（HTML配置方式）列选栏：可以针对不同的对象选择网页的配置方案为HTML Table（适用多数兼容）、Layers（适用Netscape4浏览器）、Styles（适用Netscape4/MS IE4或MS IE5浏览器）或Single Image with Image Map（用热点的单一图片）。 Destination（目的文件）选项框：可以选择网页的保存路径及Image folder（图像文件夹）名称。 Export Range（输出范围）选项框：可以选择网页输出的范围为All（所有页面）、Current Pages（当前页面）、Pages（选定页面）或Selection（选择页面）。 FTP（文件传输）选项框3. 在Details（详细）标签页面中，可以设置和更改网页页面的Page（页码）、Title（标题）和File name（文件名）。图57 Details（详细）标签页面
实例接触CorelDRAW 10 新功能(十一)
六、紧跟时代的网络特性・ 新增的Rollover功能3. 单击工具栏中的 Edit rollover按钮，进入编辑状态；4. 在Active rollover state列选栏中，选择Over（滑过）状态；5. 将选定的文本外形变化为大一些的形状(当鼠标滑过按钮时文本会变大)；6. 在Active rollover state列选栏中，选择Down（按下）状态；7. 将文本对象填充为红色(当鼠标按下按钮时文本变为红色)；8. 在behavior(行为)列选栏中，可以选择当前状态的行为为URL（指定信息位置）、Sound（声音）或Bookmark（书签）；当选定行为为URL（指定信息位置）时，可以在其后的文本框中输入链接的网页地址；9．单击 Finish editing rollover（完成编辑滚动）按钮完成设置；10．用同样的方法设置其余的按钮。11. 单击 Live preview of Rollovers（预览翻滚效果）按钮或View/Enable Rollover（使翻滚可能）命令预览效果；图54 鼠标滑过按钮时的效果
实例接触CorelDRAW 10 新功能(十)
五、支持广泛的文档管理 CorelDRAW 10继续保持并新增了对流行文件格式的广泛支持。还更新和增强了颜色管理、发布PDF及分离打印功能。・ 对流行文件格式的广泛支持 在CorelDRAW 10中生成的图像，一般以.cdr文件格式存储，同时还支持其他多种文件格式如：Photoshop 的PSD格式、Illustrator的AI格式、Flash的SWF格式、AutoCAD的DXF和DWG等。・ 彻底更新的颜色管理 CorelDRAW 10将所有的基本颜色管理选项都放在一个对话框里。该对话框的用户界面设计极具交互性，采用图标示意颜色管理的工作流程，使得颜色管理更加直观、简便。 单击Tool（工具）/ Color Management(颜色管理)菜单命令，即可弹出Color Management(颜色管理)对话框。图44 Color Management(颜色管理)对话框 该颜色管理对话框展示了在扫描仪、数字的照相机、打印机及监视器等各种设备之间进行颜色匹配的工作流程。通过对颜色管理对话框中展示的工作流程的控制，可以保证各种输入设备获取的颜色能在CorelDRAW 10中得到正确的显示，用CorelDRAW 10 设计的图形颜色，也能在各种各样的输出设备中尽可能真实的反映出来。 颜色管理对话框的设置，也非常的简单和直观。用户只需单击图标之间的流程指向箭头，使其变为橘红色，即可设置在扫描仪/数字照相机图标、分离打印机图标、、合成打印机图标、进口/出口图标、扫描仪/数字照相机图标以及内部RGB图标之间的颜色匹配流程。 单击设备图标，可以在弹出的高级设置对话框中，进行一些与选定设备相关的一些高级设置，以保证该设备能尽量匹配设计的图形颜色。・ 增强了PDF文件的发布 PDF文件格式是Adobo公司指定的一种计算机跨平台传递文档、图片等数据的通用文件格式。在CorelDRAW 10中，进一步增强了PDF文件的发布功能。用户可以嵌入ICC颜色方案、作者、关键字及索引图等信息，甚至任何类型的文件到PDF文件中。・ 灵活的颜色分离打印 在CorelDRAW 10中，可以指定颜色分离的顺序，并可以将打印机的所有标记排列对齐到图像或页面的边缘，为用户在设置颜色的分离打印时，提供了更为灵活的选择。
实例接触CorelDRAW 10 新功能(九)
四、更为方便的文本处理・ 更新了文本格式对话框及状态显示 文本格式对话框不但能反映出文本样式的应用，而且还能显示字符的格式选项。 在以前版本中，有一个白色的框线围绕处于编辑下的文本；在CorelDRAW 10中，改用闪烁的光标来表示文本处于编辑状态。在段落文本的输入中，按Enter键输入硬回车，按Shift+ Enter键插入软回车。我们也可以直接复制其他软件中已经编辑好的文本到CorelDraw 10中。 编辑艺术体文本1. 使用Pick Tool(选取工具)选定已输入的文本，即可看到Text Tool的属性栏。图28 Text Tool(文本工具)的属性栏2.在属性栏中的Font List(字体列表)列选框中选择字体；在Font Size List(字体尺寸列表)列选框中选择字号，即可完成字体大小的设置。3. 单击列选框按钮，可以选择文本的对齐方式为：None（无对齐）、Left（左对齐）、Center（居中）、Right（右对齐）、Full（全部对齐）或Force Full（两端对齐）。4. 单击按钮，可在弹出的Edit Text(编辑文本)对话框中编辑选定文本（如：字体、尺寸、对齐等）。5. 单击 或 按钮，可设置选定文本为水平排列或垂直排列。6. 使用Shape Tool(选取工具)选中文本，此时文本处于节点编辑状态，每一个字符左下角的空心矩形框（选中时为实心矩形）为该字符的节点。图29 处于节点编辑状态的文本7. 拖动字符节点，即可将该字符移动；拖动 或 图标，可以调节文本间距。 技巧：使用Shape Tool，按住Shift键，以加选的方式选中多个节点后，拖动即可以同时移动多个文本。
实例接触CorelDRAW 10 新功能(八)
四、更为方便的文本处理 CorelDRAW 10对文本编辑功能也进行较大的改善。・ 支持多语言文本 CorelDRAW 10为用户提供了充足的多国语言支援。即使在同一文本框内，每个文字项目内的每个字符，都可以设定为不同的语言，并能自动校正多语言文档。图26 Select Language（选择语言）对话框 单击Text（文本）/Writing Tools（书写工具）/Language（语言）菜单命令，即可弹出Select Language（选择语言）对话框，设置文本语言。
实例接触CorelDRAW 10 新功能(七)
橡皮擦和刻刀工具的增强 橡皮擦和刻刀工具的应用范围扩大了，可以应用于矢量图形，也可以应用于位图图象。 Eraser Tool（橡皮擦工具） 使用该工具在对象上拖动，可擦去对象内部的某些部分。如果是矢量图形，被破坏的路径会自动封闭。图象则处理前后属性不变。 方法如下：1. 使用Pick Tool（选取工具）选定需要处理的图形；2. 从工具箱中Shape（形状）工具的级联菜单中选择Eraser Tool；3. 拖动鼠标即可擦除；图23 使用Eraser工具应用于矢量图和位图的效果4. 可以在属性栏的 增量框中设置橡皮擦工具的宽度；5. 按下 按钮可在擦除时自动平滑擦除边缘，而按下 按钮则可切换橡皮擦工具的形状。
实例接触CorelDRAW 10 新功能(六)
三、性能加强的工具・ 加强了交互式工具的性能 CorelDRAW 10加强了交互式工具在预设效果、加速控制及应用范围等方面的性能。 增加了预设效果样式 下面我们就以Interactive Contour Tool(交互式轮廓工具)为例，来熟悉预设效果样式的使用方法：1. 使用Text Tool（文本工具）在新建的绘图页面中，输入要处理的文本；2. 选取工具箱中的 Interactive Contour Tool(交互式轮廓工具)；3. 在Interactive Contour Tool属性栏的前面，提供了一个Preset List(样式列表)列选栏，在该列选栏中有许多预置的轮廓样式；图16 轮廓样式列选栏4. 单击轮廓样式列选栏中的“Outside 1”效果样式，即可设置文本的轮廓效果。图17 应用预设效果样式5. 单击Preset List(样式列表)列选栏右边的“+”或“-”号，可添加效果到样式列表，或是将列表中的样式删除。・ 加强了交互式工具的性能 增加了交互式轮廓工具的加速效果 Interactive Contour Tool增加了控制轮廓的对象加速和颜色加速功能，使用户能创建更多的轮廓效果。操作方法如下：1. 选用 Interactive Contour Tool为对象创建轮廓效果。2. 单击 Object and Color Acceleration (对象与颜色加速度)按钮，弹出Acceleration（加速度）对话框。图18 对象和色彩加速轮廓对话框
实例接触CorelDRAW 10 新功能(五)
三、性能加强的工具・ 新增Basic Shapes Tool (基本图形工具) 为了使用户在短时间内创建复杂的图形对象， CorelDRAW 10 新增了一组工具Basic Shapes Tool (基本图形工具)。在这组工具的图库中预存了许多图形对象，如箭头、星形、插图框及流程图框等，用户只需选择相应的图形对象后，在绘图页面中拖动鼠标即可。 下面我们就通过对（图7）所示的流程图的绘制，来熟悉这组工具的性能。图7 流程图 绘制流程图的简单步骤如下：1. 在Pick（选取）工具属性栏中单击 按钮，将绘图页面设置为横放；2. 在工具箱中选定 Basic Shapes Tool (基本图形工具)；3. 单击属性栏中的 Perfect Shapes （图形库）按钮，在弹出的菜单中选择需要的形状；图8 Perfect Shapes （图形库）4. 在绘图页面上拖动鼠标即可绘制出所选的图形； 技巧：通过调节对象中的菱形和方形节点，可改变该图形的形状及大小。5. 在属性栏的（线条样式）和（线条宽度）下拉选项框中设置图形线条样式和宽度；6. 单击 Basic Shapes Tool (基本图形工具)按钮右下角的导角，即弹出该组工具中其他的几个工具,分别是 Arrow Shapes（箭头图形）、 Flowchart Shapes（流程图框）、 Star Shapes（星形）及 Callout Shapes（插图框）工具。图9 基本图形工具级联菜单参数解释： Basic Shapes Tool (基本图形工具)组中其余的工具图形库展示。 图10 箭头图形库 图11 流程图库 图12 星形图库 图13 插图框库. 选择相应的图形工具绘制好流程图的各元素图框；图 14 流程图的各元素图框8. 选定 Arrow Shapes（箭头图形）工具绘制“*处理器”图框与“输入设备”、“输出设备”及“存储设备”图框之间的连接符号；9. 从工具箱中的 Freehand（手绘）工具的级联菜单中选择 Interactive Connector Tool（交互式连接工具），绘制“控制器”图框与“输入设备”、“输出设备”及“*处理器”图框之间的连接线。10.在Start Arrowhead Selector（起始箭头）下拉列表框和End Arrowhead Selector（终止箭头）下拉列表框中设置连接线起始端的箭头和终止端的箭尾的形状；图15 箭头下拉列选框 注意：在使用Interactive Connector Tool（交互式连接工具）的时候，只允许从一个没有与其他对象连接的对象出发进行连接。但CorelDRAW却允许多个对象连接。
实例接触CorelDRAW 10 新功能(四)
方便的检视导航 为了方便用户编辑大页面或多页面的文档，CorelDRAW 10 还新增了Page Navigation（页面导航器）和Page Sorter（页面检视器）功能。 点击工作区右下角的页面导航器图标(小方块)启动Page Navigation（页面导航器），在弹出的含有当前编辑文档的迷你窗口中随意移动，可以显示文档的不同区域。特别适合对象放大后的编辑。图5 页面导航器 单击View（视图）/ Page Sorter View（页面检视）菜单命令，即可调用Page Sorter（页面检视器）将多页面文档中的各个页面分列显示。单击任一页面，即可快速进入该页,进行编辑。图6 使用Page Sorter（页面检视器）
实例接触CorelDRAW 10 新功能(二)
共享界面设计 如果想把自己设计的工作界面与他人共享,可通过CorelDRAW 10内置程序发送给远方的友人。当然，也能将别人的工作界面方案应用于自己的程序中。操作方法如下：1. 在工具栏上单击鼠标右键，弹出快捷菜单；图3 自定义快捷菜单2. 选择Customize（定制）/ Workspace（工作空间）/ Export Workspaces（输出工作空间）命令；3. 在弹出的Export Workspaces（输出工作空间）对话框中选择输出的内容选项；图4 Export Workspaces（输出工作空间）对话框4. 单击Email（电子邮件）按钮，即可弹出选取配置文件对话框；图5 选取配置文件对话框5. 确定电子邮件的配置文件后，单击“确定”按钮即可完成。