推荐阅读
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){
最新发布
实例学用CorelDRAW9（一）
一直都在想写一篇CorelDRAW9的教程，但老是一开始动手，这样那样的事就忽然多了起来，再加上自己一直的不满意，于是一次次的重写。甚至到现在，连我自己也分不清楚，这篇讲解到底重写了多少次了。 一直拖到现在，终于勉强可算完成了。我有过这样的感受：在看一些知识性的文章的时候（特别是在网上），总是感觉特累，老是希望能轻松一些，直观一些！因此我会用一些教程来讲解，很简单，轻轻松松就能完成它。不过请注意：我的目的不在于让你学做这样那样的实例，而在于让你知道怎样操作CorelDRAW9，也就是说，重点不在于教程本身，而在于教程中说到的这样或那样东西，这也是后面很多小节用到同一教程的原因了。我把这篇教程分成两个部分：一、二、三、四小节是基础操作部分，五小节到十小节会讲一些工具或功能的应用，希望你能在中间找到喜欢的东西。现在，就开始我们的基础操作部分……？一、认识CorelDRAW9（海鸥）不管怎么说，在接触一个软件的时候，总得对其界面作个了解。现在，我就对CorelDRAW9的界面作一下简单的介绍：CorelDRAW9的界面和CorelDRAW8一样，没有什么大的区别，简单明了。屏幕最上方是菜单栏，包括文件、编辑、视图、版面、排列、效果、点阵图、文字、工具、窗口、帮助十一个菜单项。菜单栏下面是CorelDRAW9常用工具栏，常用工具包括有：建新文件、打开文件、储存文件、打印、剪下、复制、贴上、复原、复原、重做、重做、输入、输出、显示比例层次、应用程序启动盘、Corel Graphics community 、帮助等等。再下面一层是属性栏，显示各种对象的各种属性。屏幕左侧是工具箱，从上自下分别是：选取工具、选型工具菜单、显示比例菜单、手绘工具菜单、矩形、椭圆、多边形菜单、文字工具、互动式填色工具菜单、互动式透明度工具菜单、互动式渐变工具菜单、滴管工具菜单、外框工具菜单、填充工具菜单（这里，凡是按钮右下角有一个小三角形的，都表示具有隐藏工具，就可以：按下左键不放，等待菜单的出来，然后松开鼠标，点选工具）。通常，屏幕右侧都有一个缺 难丈调色板，另外CorelDRAW9的码头工也会出现在屏幕的右侧。
CorelDRAW 11预设形状工具探秘
CorelDRAW 11新增了一些强大的功能和工具，将矢量绘图软件推到了一个新的高度（请参见《CorelDRAW11抢鲜试用手记》）。 而CorelDRAW 11中全新的预设形状工具栏，则大大简化了很多常见图形的绘制过程。不要以为只是绘制简单图形的小工具噢，COREL公司新增此工具栏当然有它的道理，我们不妨深入研究一下。 先来做做准备工作，好好认识一下。打开CorelDRAW11（以汉化中文版为例），将光标移到标准工具栏的"预设工具"上面，单击并按住不放，会弹出预设工具栏，将它拖动到屏幕上合适位置DD好，我们的主角出场了。 在此工具栏上按右键，选择"自定义"－> "弹出自选图形 工具栏" ，将"小按钮"和"图象下面"选中，最终工具条就如图1所示。图 1 从上图图形按钮下的文字可以大致了解预设工具栏中各工具按钮的用途啦。 基本形状－用来绘制常见的基本形状，如平行四边形，梯形，三角形，心形及其他有趣的图形。 箭头形状－绘制单向，双向，多向等各种形状的箭头。 流程图形状－绘制流程图的各种图形元素 星形－绘制多种星形和多边形，以及其他特殊形状图形。 标注形状－绘制各种注释和说明文字所用的图形。 好了，不妨先绘制一些有趣的图形试试看。我们先从头开始，在预设形状工具条中单击"基本形状"按钮，然后单击属性栏上"自选图形"按钮，可以看到它提供了共15种自选图形，如图2。我们就来做一些例子研究一下吧。图 2 选择自选图形中的梯形，光标移动到工作区空白处单击并拖动，绘制出一个梯形图案（如果绘制时按住CTRL，就会绘制一个"正的"图形，预设图形工具条中的各种图形绘制基本如此）。 相对以前的版本，标准的梯形的绘制就这么简单！与先前不同的是，保持选中状态的梯形除了8个控制手柄外，还多了一个红色的菱形控制点（暂且这么称呼吧）。来试试它的用法：光标移动到控制点上（光标变成图3 ），拖动以改变梯形形状，最终就会变成三角形或者矩形，或者各种梯形。如图4图 4
融会CorelDRAW9之一
这是教程的第一小节，准备讲的内容是：“浮雕图案”。先看看图案效果吧。（如图1）（图1）首先：画一个矩形，点取“互动式填充工具”，在“填充类型”中选择“材质填充”，然后在“材质库8”中选择一种坚硬的石壁材质。我们已经得到了图片的背景，接下来，我们就应该生成文字“CorelDRAW9”了。接下来，点取文字工具，在画面中任意一处点击鼠标，输入文字“CorelDRAW9”（美术字文本），然后在属性条中进行字体（因较粗的字体力度较强，更能够体现浮雕感觉，所以建议使用粗体字）、大小、位置的设置，取消文字的边框。这时得到如图2的效果。（图2）这是我们进行实例的准备工作。现在，应该分支了，看看两种不同的方法――第一种方法：
融会CorelDRAW9之四
>(透明图案) 这篇教程也写了两个小节了，渐渐的，刚开始那一种有点“难”的感觉开始少起来，只觉得9这东西可真是奇妙，很多效果真的可用很多种方法做出来――哈哈，连自己都被征服了！――是不是有点自欺欺人的感觉？呵呵，反正我是这样了。而且教程走到这一步来，无论从那一方面说，我甚至有点欲罢不能的感觉了。这一小节说说如何做透明，没问题吧？当然也是两种方法了，这是老规矩嘛。先给你透露一点：这两种方法分别是用“交互式透明工具”和“透镜”。作好准备，实例开始了。第一种方法：这种方法使用“交互式透明工具”。先从CorelDRAW9的素材库中找一幅图片吧。如图13（图13）
融会CorelDRAW9之七
快捷键一览） 说实话，这一小节的内容来得最轻松：只是将9列出的一些快捷方式集中起来而已。集中起来，也许看起来会舒服一点――我想。下面就是……（这一些是CorelDRAW9菜单中列出来的）1、建新文件：Ctrl+N2、打开文件：Ctrl+O3、保存文件：Ctrl+S
融会CorelDRAW9之五
（透明、透镜与渐变） 教程走到现在，我们都是老朋友了。我想也不必再唠唠叨叨的说什么开场白了，就直接进入主题吧！至于这一小节的名字，我想来想去都没想好。不得已，应将就用有关的内容代替一下了，大伙儿谅解一下！这一小节的实例主要是如何减小图像的对比度，减弱图像在画面中的视觉强度，以避免喧宾夺主。方法有三种：透明、透镜、渐变。我并不打算对这三种方法进行多详细的讲解，因为这三种方法都很简单，只需一两个步骤就可以完成。主要目的是让你对这三种方法作一个比较直观的比较，从而……融会9.现在，我们先看图片，这是修改前的效果。（如图18）（图18）在这个图片里面，文字作为画面的主体，图片作为背景。但由于背景图片的对比太强了，因此减小了文字的视觉力度。所以我们要做的就是减小背景的对比度，以强调文字的视觉力度。先看看第一种方法：透明。
融会CorelDRAW9之二
（文字排版） 文字，是每一个图形软件所必然包括的重要组成部分，又尤其是在矢量图形软件中，又、又尤其在9中。CorelDRAW9的文字功能到底有多强大，太概不需要我在这里多说了。我在这里仅仅却准备运用CorelDRAW9的文字排版功能完成这一小节的排版实例，也算对其功能的一次小小的展示吧。但这只是这一小节内容的一部分。和第一小节一样，在这里仍然会运用别的办法来完成实例，目的，仍然只有一个：融会CorelDRAW9。下面，先让我们来进行第一种方法――CorelDRAW9的文字排版功能。第一种方法：第一步：导入图片（呵呵，我的素材库里实在没几张象样儿的图片，请将就一下），接着在画面任意位置输入一段“段落文本”（拉框输入即可！如果是英文，最好是语法正确的文章段落，千万别用字母拼凑哦），并调整好字体、大小。这一步效果如图6所示。（图6）看到图片上的那三朵玫瑰了吧？我们就是要将文字放在图片上方，并且围绕玫瑰排列。
融会CorelDRAW9之三
（镜框） 看到这个小节的小标题了吧？镜框！不是艺术镜框！我是一直不太喜欢提“艺术”这个词的，所以没有在镜框前面加上这两个字，因为我觉得是否“艺术”并不重要，它并不是这里讨论的主题，这里只告诉你这种东西怎么做，至于能否具有“艺术性”，我不能也不敢给你打包票，只能靠你自己的修为了。按老规矩，这一小节有两种方法。但谁好谁坏，我也说不准，看完了你自己比较一下就行了。你先看看原始的图片吧（找不到照片，用一张随随便便的图片代替一下，大伙儿通融通融吧，图9）（图9）现在，我们开始第一种方法……第一步：绘制一条闭合的曲线路径（这条曲线将作为镜框的基本形，随便你怎么画，你自己满意就成，你暂且看看我画的吧！）选择图片，在“安排”菜单下的“图框精确裁剪”命令中选择“置于容器内”子命令，于是鼠标在画面上变成了一个粗黑箭头，用它点取曲线，图片就被裁剪得只剩下路径内的部分（如果你对剪裁的位置不满意，可以单击右键，在出现的右键菜单中选择“编辑内容”命令，然后对图片进行位置移动）。看看这一步的结果吧，如图10
中文CorelDRAW 9应用速成(第八讲)
第八讲、将制作的Web页面向Internet网上发布 中文 9.0不仅具有制作网页的功能，并且还能将网页发布到Internet上。一、制作网页的参数设置 在使用中文CorelDRAW 9.0进行网页设计与制作时，最好将必要的页面参数进行设置，这样可避免因页面过大、显示分辨率过高等因素造成的浪费，还有一点比较重要，中文CorelDRAW 9.0的页面是不能被压缩或扩展的，这和使用Html编辑的页面是不一样的，所以在这里请用户一定要注意区分。 页面大小的可根据制作网页的内容而定，前面第五讲中已经讲述过了它的设置，在它里也就不再赘述了。页面的解析度可设为100dpi，因为显示器显示的解析度为一般为96dpi，这样的设置已经能够满足需要了。二、转换成HTML文本 将制作好的文档在Internet上发布之前，将它转换成HTML文本，这样它就可以在网络浏览器或的网络编辑器上进行编辑了，否则它将会在发行时被强制性转换成位图，也就无法进行编辑了。 将文档转换成HTML文本，可使用“档案”下拉菜单中的“Internet上发行”命令。在中文CorelDRAW 9.0中将文档转换成HTML文本时，会自动将文档中的图形以JPEG或GIF格式导出，并保存在HTML源文件夹内的一个子文件夹中。 三、在HTML文本中插入Internet对象
中文CorelDRAW 9应用速成(第七讲)
第七讲、制作文字特效中文 9.0工具箱中的“文字工具”，使用它可以十分轻松得将文本内容建立在图形的指定位置。文字是组成图形的重要部分，为使图形变得丰富多彩，可以在图形中制作出各种各样的文字。不同的文字有不同的创建方法，下面就将列举出常用文字的制作。一、制作透视文字 透视文字是在普通文字上增加透视效果而成的，透视文字会产生一种“深度”效果，文字看上去感觉它变远或变近了。如图27所示的是增加了透视效果的文字，制作所用的操作步骤如下所列。步骤一、单击选取工具箱中的“文字工具”。图28 输入文字“美来自真实”