推荐阅读

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 12循序渐进(12)-文本处理
在绘图过程中,往往离不开对文本的处理。 CorelDRAW 12具备了专业字处理软件和专业彩色排版软件的强大功能。文本是CorelDRAW 12中具有特殊属性的图形对象。在CorelDRAW 12中,有两种文本模式:美术字和段落文本。一、美术字 美术字实际上是指单个的文字对象。由于它是作为一个单独的图形对象来使用的,因此可以使用各种处理图形的方法对它们进行编辑处理。 使用键盘输入是添加美术字最常用的操作之一,操作步骤如下: (1)在工具箱中,选中(文本工具)或按快捷键F8 。 (2)然后在绘图页面中适当的位置单击鼠标,就会出现闪动的插入光标。 (3)即可通过键盘直接输入美术字。 在输入美术字时,可以方便地设置输入文本的相关属性。 使用选取工具选定已输入的文本,即可看到文本工具的属性栏。 该属性栏的设置选项非常简单,与常用的字处理软件中的字体格式设置选项类似。 使用(形状工具)选中文本时,文本处于节点编辑状态,每一个字符左下角的空心矩形框(选中时为实心矩形)为该字符的节点。拖动字符节点,即可将该字符移动。 技巧: 使用形状工具,按住Shift键,以加选的方式选中多个节点后,拖动节点即可以同时移动多个文本。

CorelDRAW 12循序渐进(11)-符号功能
一、创建和应用符号 在 CorelDRAW 12 中,创建符号的操作非常简单。具体操作步骤如下: (1)绘制好需要定义为符号的图形对象。 (2)单击菜单命令“编辑” / “符号” / “符号管理器”,打开“符号管理器”泊坞窗。 (3)将绘图页面上的图形对象拖入“符号管理器”泊坞窗中即可。 如果要在其它地方使用,将符号从“符号管理器”泊坞窗中拖回页面;或选中符号后,单击(插入符号)按钮即可完成符号的插入。 二、编辑和更改符号 图形对象作为符号存入“符号管理器”泊坞窗中后,还可以根据需要,随时进行编辑、修改并重新保存,绘图作品中以插入的符号也会同步更新。 编辑符号的操作步骤如下: (1)在“符号管理器”泊坞窗中选定需要修改的符号。 (2)单击菜单命令“编辑” / “符号” / “编辑符号”;或单击“符号管理器”泊坞窗中的(编辑符号)按钮,即可返回到工作页面进行编辑像平时编辑图形对象一样对符号进行编辑、修改。 (3)编辑完毕后,单击菜单命令“编辑” / “符号” / “完成编辑符号”,“符号管理器”泊坞窗中的符号和绘图作品中的符号就会立刻自动更新。 (4)对“符号管理器”泊坞窗中不满意的符号,可选定后单击(删除符号)按钮,将其删除。 (5)单击菜单命令“编辑” / “符号” / “还原为对象”,可将选定的符号恢复为图形对象,符号再次进行编辑和修改时,该对象将不再更新。

Coreldraw12将于2月面市(2)
智慧的工具提高设计效率 Coreldraw 12通过引入智慧的工具使快速创作的进程变得更加容易。这些新的工具,整合了节约时间和增强并改进了Corel富有盛名的文件兼容性,保证了截止时间到来前的重要性。 Coreldraw 12套件新特性如下: 1、智慧型绘图工具(新) 当一个设计师要画一个草图时,希望得到一个快速专业的结果,这个Corel专有的智慧型工具可以帮助用户完成工作。这个智慧型工具智能自动识别许多形状,包括圆形、矩形、箭头和平行四边形。它具有智能平滑曲线,提供最小化完美图像的操作步骤。另一个关键是节约时间,智慧型工具能够解释自由线工具,立刻应用对称和平衡,使设计师更加容易的建立完美形状,感觉速度像飞一样。 2、动态向导(新) Coreldraw 12的动态向导提供了史无前例的控制水平,它允许设计师建立形状、画线或者将定位物体等操作可一步完成。当动态向导打开后,临时向导出现在绘画的目标捕捉点上,提供自定义的分组标号,使用户能移动光标到准确的地方,释放在物体或文本上。用户在他的文档中移动目标时,向导可自动改变,立刻分发重要的信息,以便做出相应的调整。通过允许用户更加容易精确地创建物体的尺寸和位置,减少点击步骤,节省了设计时间。 3、捕捉目标工具(增强) 捕捉目标节省了设计师重要的时间,安排项目时设计师可以快速精确地修改目标,这样用户能得到实时的鼠标捕捉物体区域反馈,包括节点、交叉点、中点、象线、切线、垂直线、物体和线的边缘、中心、文本基线和可打印区域。 4、文本特性(新) 文本模式中用户能看到更详细的字体类型改变,无限放大使预览和操纵文本变得非常容易。Coreldraw 12中新的文本属性增强了文本排列定义,用户现在能像控制图形一样灵活地控制文本。

Coreldraw12将于2月面市(1)
Coreldraw 12设计软件包包括Coreldraw 12插图、页面排版和矢量绘图程序,Corel Photo-paint 12数字图像处理程序和Corel R.A.V.E 3动画创建程序。这套软件包中当然也包括CorelTRACE 12和Corel CAPTURE 12。 为了使用户获得这套软件包的完全价值和能力,Coreldraw 12提供了一个Lynda.com的训练CD。通过超过两个小时的视频内容,这套强力的培训程序帮助用户更加快速的适应新特性。 Coreldraw 12设计软件包也从其它软件那提供给用户其它更加优越的软件程序,包括Bitstream® Font Navigator® 5.0(字体管理程序), Microsoft® Visual Basic® for Applications 6.3, Kodak Digital Science® color management system(柯达科学数字颜色管理系统)以及QuickTime® 6.0 播放器。同时包括10000张专业的剪贴画,1000种TrueType® and Type 1字体和1000张照片和物体,为设计师的创作工具箱增添更多的方便。 “Coreldraw 12是因为杰出和革新的特性,为Coreldraw图像程序赢得了一个长期的的声誉。这套新程序包超越了以往人们看到的任何图像程序的水平。”世界市场的首席执行官Brett Denly说。“Coreldraw创意软件包回答了过去不可能完成的方法。她在设计师和工具中建立了更加深入的合作关系,提供了聪明的解释和用户需求的反馈。用户将直接的感受到产品独特的印象。 价格和发行时间 Coreldraw 12设计软件包将在2004年2月中旬,世界同时发行英文版、德文版、法文版、意大利文版、荷兰文版、西班牙文版、巴西的葡萄牙文版和日文版。Windows平台完全版在美国建议零售价399美元,升级版价格179美元,教育版价格99美元。 系统需求: Windows® 2000, Windows XP or Windows Tablet PC Editiont系统 Pentium® II, 200 MHz 或更高 128 MB 内存 (256 MB或更多) 250 MB 硬盘空间 分辨率1024 x 768的显示器 鼠标/绘图板 下面我们详细看看Coreldraw 12都有哪些新特性

CorelDRAW 12循序渐进(10)-对象的编辑
CorelDRAW 12提供了一系列的工具(和功能命令)用于对象进行编辑,利用这些工具或命令,用户可以灵活的编辑与修改对象,以满足自己的设计需要。 一、使用橡皮擦工具 使用橡皮擦工具可以改变、分割选定的对象或路径,而不必使用形状工具。使用该工具在对象上拖动,可以擦出对象内部的一些图形,而且对象中被破坏的路径,会自动封闭路径。处理后的图形对象和处理前具有同样的属性。 使用橡皮擦工具的方法如下: (1)使用(选取工具)选定需要处理的图形对象。 (2)从工具箱中(形状)工具的级联菜单中选择(橡皮擦工具)。 (3)此时鼠标光标变成了橡皮擦形状,拖动鼠标即可擦除拖动路径上的图形。 (4)可以在属性栏的增量框中设置橡皮擦工具的宽度。 (5)按下按钮可以在擦除时自动平滑擦除边缘,而按下按钮则可以切换橡皮擦工具的形状。 二、使用刻刀工具 使用(刻刀工具)可以将对象分割成多个部分,但是不会使对象的任何一部分消失。 (1)在工具箱中选中(刻刀工具),此时鼠标光标变成了刻刀形状。 (2)在属性栏中选择 按钮,可以将对象切割成相互独立的曲线,且原有的填充效果将消失。 (3)将鼠标移动到图形对象的轮廓线上,分别在不同的截断点位置单击。 (4)此时可看到图形被截断成了两条非封闭的曲线,且原有的填充效果消失。 (5)在属性栏中选择按钮,可以将被切断后的对象自动生成封闭曲线,并保留填充属性。 ( 6)将鼠标移动到图形对象的轮廓线上,分别在不同的截断点位置单击,此时看到图形被截断成两个各自封闭的曲线对象。 ( 7)我们也可以用拖动的方式来切割对象,不过这种方法在切割处会产生许多多余的节点,并且得到不规则的截断面。 ( 8)如果在属性栏中同时按下和按钮,则可将该对象生成为一个多路径的对象。

体验CorelDraw12智能绘图工具
大家都知道CorelDRAW 12新增了Smart Drawing Tools,即智能绘图工具。当我们进行各种规划,绘制流程图,原理图等等草图时,一般要求就是准确而快速。智能绘图工具能自动识别许多形状,包括圆、矩形、箭头、菱形、梯形等,还能自动平滑和修饰曲线,快速规整和完美图像。 智能绘图工具还有另一个重要的优点是节约时间,它能对自由手绘的线条重新组织优化,使设计者更易建立完美形状,感觉自由且流畅。 智能绘图工具有点像我们不借助尺规进行徒手绘草图,只不过笔变成了鼠标等输入设备。我们可以自由地草绘一些线条(最好有一点规律性,如大体象卵圆形,或者不精确的矩形,三角形等),这样在你草绘时,智能绘图工具自动对涂鸦的线条进行识别、判断并组织成最接近的几何形状。 例如,按S切换到智能绘图工具,大体绘制一个方块样的形状,很快就会被转换成一个准确完美的矩形,并和矩形工具绘制出的一样具有矩形的属性-可以切换到选择工具单击查看属性栏。 草绘的线条在形状相差不多时,被智能草绘工具转换成的图形结果有时会有差异的。那么是尽量忠实原草绘线条的程度高,还是优化成规则几何形状的程度高呢?这就涉及到此工具的两个选项。 选择智能绘图工具,会在属性栏上发现调整选项,。 一个是shape recognition level (形状识别级别),smart smoothing level (智能平滑级别)。两个选项都是分无,最低,低,中,高,最高6个级别。

CorelDRAW 12的“捕捉”功能
说到CorelDRAW里的捕捉功能,也许有人不太重视,实际上捕捉非常有用,它往往用在绘制、移动、变形等操作中,帮你准确找到需要的点或位置,方便对象定位和编辑图形的操作。CorelDRAW 12新增的动态捕捉和动态辅助线非常突出和重要,我们一起来仔细看看。 CorelDRAW 12*有四种捕捉种类: 1.捕捉到网格 2.捕捉到辅助线 3.动态捕捉 4.动态辅助线 动态捕捉、动态辅助线是CorelDRAW 12新增和增强的功能,这里我们重点介绍一下。 一、动态捕捉 在CorelDRAW 12中,原先的“捕捉到对象”功能增强了,它应叫做“动态对象捕捉”,(快捷键ALT+Z),它可让你的对象或光标捕捉并对齐到其他对象上,也可以设置捕捉到那些特定的点。后面我们会具体讲到点类型以及这些设置。 CorelDRAW 12增强了捕捉功能。目标捕捉节省了设计者的时间,通过捕捉,用户能得到实时的反馈,这包括节点、交叉点、中点、象线、切线、垂直线、物体和线的边缘、中心、文本基线。 菜单如下:“工具-选项-捕捉对象”,打开对话框。

CorelDRAW 12绘束小花送给她
实例效果: 实例目的: (椭圆工具)的应用 进一步熟悉 (手绘工具)组及 (形状工具)的使用 进一步熟悉 (交互式填充工具)的应用 变换泊坞窗功能的应用 (群组)功能的应用 实例制作: