推荐阅读
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){
最新发布
Illustrator图表工具详解
在创建图表之前我们一般要设置图表的类型，当然也可在创建后根据需要更改。展开Illustrator 10工具箱中的图表工具按钮，我们可以看到Illustrator 一共可以创建以下9种图表： 1.柱形图 2.重叠柱形图 3.条形图 4.重叠条形图 5.折线图 6.面积图 7.散点图 8.饼图 9.雷达图 在本教程中我们这里我们使用Illustrator 10，以一个实例贯穿始终，讲解最基本的图表工具应用。 一、创建图表 二、输入图表数据的方法 三、图表的组成及其选择 四、编辑更改图表数据 五、图表类型的更改 六、图表数值轴的位置 七、更改图表数值轴的刻度 八、不同图表类型的混合使用 九、自定义图表 十、的简单选项 十一、自定义图表的设计图案 十二、将设计图案应用到图表中 十三、在图表中显示数据列的数值 Illustrator 10的图表工具功能很多，并且十分强大，本文只是简略讲述了制作简单图表的基本方法，更多的精彩还有待于大家进一步探索。 图 1
轻松制作抽象矢量插图
1、进入AI，绘制两个大小和色彩各异的同心圆。 按F6键，选择填充色为淡蓝（102,102,255），边线色为无色，按I键，按住shift键不放，拖出一个直径在50mm左右的圆，再按住shift和alt键不放，在蓝色圆的中心拖出大约小于它1/3的圆，同时在颜色面板修改其填充色为亮红（255,102,102），按ctrl+A全部选择两个圆，再按下shift+F7键，设置排列为中心对齐。效果如下图所示。 ２、对这两个同心圆进行混和处理（blend，相当于CorleDraw里的交互调和工具）。 按ctrl+alt+B键，色彩自动混和。效果如下图所示。 ３、把混和后的对象进行画笔处理，生成抽象图案。 按F5键，在画笔面板（Brushes）选择你喜欢的画笔 ，看到它的变化了吧。效果如下图所示。
AI分页拼版全攻略
对矢量制图软件有所了解的朋友，一定知道没有类似coredraw ，pagemaker等排版软件界面下方状态栏处的分页栏(如图一)，但这不代表Illustrator无法制作分页哦！ 相反illustrator制作印刷拼版非常舒服，还不知道此功能的朋友，不妨跟着Relen一起看看吧！文章末尾我们提供.ai原文件下载。图一 Adobe Illustrator从早期版本就已经设置了 页面工具(page tool)，当我们选择它在页面上挪动时会产生如图二、图三的情况。 图二 图三 Tip： 页面拼帖工具没有快捷键。先按[H]键转换为 小手工具后，按住【Alt】+ 鼠标点击工具栏的小手工具，可以在 和 工具间进行转换。 通常我们做图时，可以完全不考虑画板区域以及页面拼贴区域。选择菜单：视图>隐藏画板，可以隐藏画板线，选择视图>隐藏页面拼贴，可以隐藏页面拼贴的虚线。（图四） 图四 下面我们来看看页面拼贴工具到底能为我们做些什么？ 如图五依次点选以下步骤：
AI参考线制作精确六面体
启动Illustrator后【Ctrl +N】新建一个文件，【M】选择矩形工具。点住【Shift】在画板上绘制一个正方形。 【Ctrl +R】打开标尺，从水平标尺区拖拽出一条参考线。在画板上点击右键，如果看到锁定参考线选项被选中，把它关闭。我们就激活了参考线。 Tip： 打开或关闭锁盯参考线选项，可以选择【Ctrl +Alt + ;】进行切换。 【V】选择选取工具，选中刚刚生成的参考线，任意上下拖动它。把它拖拽到我们所需要的位置上。
AI参考线制作精确六面体
启动Illustrator后【Ctrl +N】新建一个文件，【M】选择矩形工具。点住【Shift】在画板上绘制一个正方形。 【Ctrl +R】打开标尺，从水平标尺区拖拽出一条参考线。在画板上点击右键，如果看到锁定参考线选项被选中，把它关闭。我们就激活了参考线。 Tip： 打开或关闭锁盯参考线选项，可以选择【Ctrl +Alt + ;】进行切换。 【V】选择选取工具，选中刚刚生成的参考线，任意上下拖动它。把它拖拽到我们所需要的位置上。
AI10增效插件使用技巧
大家都知道Photoshop的插件非常多，其实Illustrator不但可以使用Photoshop所有的位图滤镜，除了它本身自带的矢量滤镜，Illustrator还有更多的外挂插件。 Illustrator发展到版本10，功能已经十分强大，8/9版本的多数第三方插件已经不需要了，但是谁会拒绝超炫又快捷的效果制作呢？但是请大家注意，要想让Illustrator顺利地使用好插件，还有一些注意事项，下面我们就一起来看看。 用Illustrator 10加上增效插件Vector studio 2制作出来的矢量图 Illustrator 10版本免费或破解的专用插件很难找到，如果你手头还有一堆的8/9版本的插件，别着急扔掉。在2000的系统上，你可以挑些Illustrator 10也没有的增效插件来安装。但是如果你用的是XP系统，那么就要小心了，因为那些插件开发时间较早，在XP系统上大多运行不好，经常花屏或者提示注册码不正确，严重的时候装坏一个插件会导致你要重新安装illustrator，那实在是太麻烦了！ 这里介绍一个比较安全的方法，可以让你放心在Xp系统上安装和测试Illustrator 插件，即使安装不成功，或者这个插件的效果你不需要，也不会影Illustrator的运行，并且方便删除，删坏了也不要紧。 从文件管理器中，找到插件文件夹，拷贝一份，备份在别处。
AI渐变网格巧制珍珠项链
一提起矢量绘图软件，可能有不少人很容易联想到色彩简单、面少且感觉不真实的图像。其实使用Illustrator的渐变网格工具，配合合理的色彩变化，制作细致一些，完全可以创作出比较接近真实的图像。 你有没有试过用Illustrator制作矢量的珍珠项链？使用渐变网格工具，加上简单的步骤，十分钟就可以制作出一条珍珠项链噢，一起来看看吧。最终效果如下。 按【L】选择绘制椭圆工具，左手按住【Shift】，右手鼠标拖拽出一个正圆，同时填充为灰色（RGB：204.204.204），去掉勾边。 按【Ｕ】选择渐变网格工具，再正圆图形上分割三个点，如下图位置。