推荐阅读

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 11预设形状工具探秘
CorelDRAW 11新增了一些强大的功能和工具,将矢量绘图软件推到了一个新的高度。 而CorelDRAW 11中全新的预设形状工具栏,则大大简化了很多常见图形的绘制过程。不要以为只是绘制简单图形的小工具噢,COREL公司新增此工具栏当然有它的道理,我们不妨深入研究一下。 先来做做准备工作,好好认识一下。打开CorelDRAW11(以汉化中文版为例),将光标移到标准工具栏的"预设工具"上面,单击并按住不放,会弹出预设工具栏,将它拖动到屏幕上合适位置DD好,我们的主角出场了。 在此工具栏上按右键,选择"自定义"-> "弹出自选图形 工具栏" ,将"小按钮"和"图象下面"选中,最终工具条就如图1所示。 图 1 从上图图形按钮下的文字可以大致了解预设工具栏中各工具按钮的用途啦。 基本形状-用来绘制常见的基本形状,如平行四边形,梯形,三角形,心形及其他有趣的图形。 箭头形状-绘制单向,双向,多向等各种形状的箭头。 流程图形状-绘制流程图的各种图形元素

CorelDRAW 11抢鲜试用手记
期待已久的CorelDRAW Graphics Suite 11终于推出了,作为著名的设计软件,每次推出的新版本总会带来新的改进和激动人心的功能,笔者近日有幸试用了它,并将有关心得写成本文和大家共享交流。说明一点,CorelDRAW Graphics Suite 11是一个功能强大的综合软件包,包括CorelDRAW 11、PHOTO-PAINT 11、R.A.V.E. 2,这里我们仅仅对CorelDRAW 11做新功能试用 CorelDRAW 11的推出无疑是广大设计者的福音。新增的绘图工具、增强的Shaping Tools,Object功能、文本功能、创新性的符号及其应用,以及有待于挖掘和探索的更多精彩功能等,必将带给我们更加广阔的设计空间和缤纷创意。 一、安装、界面和稳定性 1.安装、启动和界面 CorelDRAW Graphics Suite 11的安装程序共5张光盘。其中CD1是CorelDRAW 11(核心程序), Corel PHOTO-PAINT 11和Corel R.A.V.E. 2。 CD2是英文扫描和文字识别软件OmniPage精简版和字库,CD3-CD5则是丰富的图片库。 最值得一提的是,安装光盘中同时提供了PC安装程序和苹果机的安装程序,这可以从安装界面上看出来。 如果以前经常安装CorelDRAW 10,你会发现CorelDRAW 11的安装比CorelDRAW 10要快很多。选择"典型安装"后,在我Windows XP 操作系统上(1G AMD CPU,160M内存)大约需要10分钟,和安装CorelDRAW 10时漫长的等待相比,CorelDRAW 11的安装可谓快捷利落。 相对CorelDRAW 10,个人感觉CorelDRAW 11的稳定性有所增强,启动画面简洁清爽,速度也很快,在我的电脑上(配置见上)启动CorelDRAW11需要12秒。 CorelDRAW 11主界面跟Windows XP银色的主题简直是绝配,各种图标别具风格,工具图标更加细腻精致,生动活泼,隐隐透着幽远的蓝色。主界面以及工具窗口的布局和以前版本大致相同,同时新增了一些新的好工具,并在其它很多方面有所改进和增强,这在后面将要具体讲述。

Coreldraw制作“立体化”折扇
1.打开CorelDRAW11,新建一个文件,并将它的版面设置为横向。单击工具箱中的矩形工具,在工作区中绘制一个矩形对象。然后按住工具箱中的“填充”按钮不放,在弹出的工具中选择图样填充对话框。接着在弹出的对话框中选择“位图”选项,在其右侧的下拉列表中找到一个纹理图样赋予给矩形,同时去掉矩形的边框。 2.单击“形状”工具,选中这个矩形,在出现的“属性”工具栏中设置圆角数值均为50,使矩形的四个角产生圆角。 3.按住工具箱中的“交互式调和”按钮不放,在弹出的工具中选择“交互式立体化”工具,在矩形上拖动使其立体化,然后在“立体化”属性工具栏中设置立体化参数:立体化类型选择平行至背景选项,单击斜角修饰边按钮,在弹出的对话框中选择使用斜角修饰边选项,接着单击照明按钮,设置照明强度和方向。 4.接下来双击这个矩形,在出现旋转中心点标志后,将这个旋转中心点移动到矩形的下方部分。然后选择菜单栏中的“排列→变换→旋转”命令,在弹出的对话框中设置旋转角度为10°,接着连续单击“应用到再制”按钮,将矩形复制并旋转到一定角度,同理再选择原来的那个矩形,旋转中心点不变,将旋转角度为-10°,再连续单击“应用到再制”按钮,最终形成扇形骨架的效果(如图1)。 5.下面我们来制作扇面。单击工具箱中的“椭圆”工具,以矩形旋转中心点为圆心,以旋转中心点的上半部分矩形长度为椭圆半径,在工作区中绘制一个椭圆。然后在属性工具栏中单击饼形按钮,并设置起始角度和结束角度为10°和20°,绘制出饼形对象。然后将这个饼形对象复制一份,并将其缩小放置于较大的饼形对象的中间。单击菜单栏中的“排列→造型”命令,在弹出的修剪对话框中,不选中任何复选框,然后点击“修剪于”按钮,用鼠标单击一下较大的饼形对象,就会将较小的饼形覆盖的部分修剪掉。接着将它任意填充一种颜色,并去掉它的边框,将它放置到两个扇骨之间,并置于它们的后面。 6.接着选中这个修剪后的饼形对象,再打开旋转对话框,将它旋转10°并“应用到再制”,将复制出的饼形对象放置到下两个扇骨之间,按照上述方法就可将折扇的扇面制作完成了(如图2)。 7.选中工作区的所有的对象,单击菜单栏中的“排列→群组”命令,将它们组合到一起,然后单击菜单栏中的“文件→导入”命令,导入一幅风景画并放置到折扇的后面。选中这幅风景画,单击菜单栏中“效果→图框精确剪裁→放置在容器中”命令,然后用鼠标点击一下扇面,我们就可以看到整个扇面就描绘上了风景图案。 8.接下来单击工具箱中的交互式调和工具按钮不放,在弹出的工具中选择交互式阴影工具,为这把折扇添加上阴影,并设置好阴影参数。 至此,一把描绘了水墨风景画的折扇制作完毕,最终效果如题图所示。

用CorelDraw 11制作个人的情书
Corel 公司推出的coreldraw产品是流行于PC机上的矢量绘图软件,经过多年的不断发展,它终于奠定了在矢量绘图软件中的主导地位。现在也一直受到了计算机平面设计人员,网页设计人员的一致青睐。 Coreldraw 在用户界面,效率与功能,网页发布,支持应用式与文本格式等各方面都非常的强大,并且容易掌握。下面介绍用Coreldraw 制作一封情书来熟悉一下Coreldraw的操作环境吧! 1 选择 文件/新建,建立新文件,然后选择工具箱里的矩形工具绘制一个矩形(F6),然后选中矩形,选择“排列”/“转换成曲线”(ctrl+Q),将矩形转换成曲线轮廓。然后选则矩形,单击形状工具(F10),在属性栏将矩形的四个结点转换成曲线结点,调节曲线结点位置与控制柄,使矩形成纸张形状,选中纸张填充为白色(用鼠标左键单击右面调色板里的白色): 3.然后选择工具箱里面的文本工具(F8),绘制一个与矩形同样大小的文本框。(注意:大家在绘制矩形的时候应该注意属性栏上的长度与宽度的设置,这样可以方便我们进行定量的制作),并且输入一首诗歌 字体与大小自己随意设定: 选中文本,将其移到纸内,选择交互式封套工具使用形状工具调整文本框封套,使之与纸张形状符合: 5.选择 “文件”/“导入”(Ctrl+I),导入一张位图。

从coreldraw 11提取cdr文件缩略图查看功能
提取cdr文件缩略图查看功能我绕了一个大弯,解决之后才发现原来是自己的大意,白白的浪费了好多时间。 昨天看到网友们讨论coreldraw 12绿色版的贴子,想起前些天我朋友向我要coreldraw 12 的安装文件,就跟贴向大家要一个coreldraw12的下载地址,不一会儿lyons88 兄弟给了我一个下载地址,我下载了,虽然当时没有用上,但还是想表示一下感谢,就想到了cdr缩略图查看功能。 顺便也想替老大分担点工作:) 我从来不用coreldraw,但是出于爱好,早就想提取cdr缩略图查看功能了,但是我一直有个误会,因为我不用这个软件,所以和朋友聊起它的时候朋友告诉我coreldraw12才有缩略图查看功能,所以我也一直以为只有coreldraw12才能查看缩略图。我一直找不到coreldraw12的下载地址,所以一直没动它。没想到今晚我安装的coreldraw11也能查看cdr文件的缩略图,早知道我就早提它了。 提取某种文件缩略图查看功能,一般时候第一步要从文件类型入手, 首先正常安装coreldraw ,接下来打开注册表的第一根键,有一个和本类型同名的键,比如cdr文件对应“.cdr”、psd文件对应“.psd”。现在想查找cdr文件的缩略图功能,就先找到 [HKEY_CLASSES_ROOT.cdr] 这个键,然后观察一下,这个键的内容比较少,只有一个默认值的名是“CorelDRAW.Graphic.12”:(我查找的时候是在coreldraw 11和coreldraw 12中混着进行的所以文件类型编号是coreldraw 12的,但是查看缩略图的文件却是coreldraw 11的,懒得整理了) [HKEY_CLASSES_ROOT.cdr] @="CorelDRAW.Graphic.12"

用CorelDRAW制作一个正在转动的光盘动画
我们都知道CorelDRAW在进行设计广告宣传、名片设计、图形处理、网页发布等方面是非常出色的,但您知道吗?它在制作动画方面也同样优秀,今天,我们就用CorelDRAW 11来制作一个正在转动的光盘的动画。 一、设计光盘 1. 打开CorelDRAW 11中文版,单击菜单栏中的“文件→新建”命令,创建一个新文件,并单击工具栏中的“横向”按钮,使工作区变成横向版式。 2. 接着单击工具箱中的椭圆工具,按住Ctrl键不放,在工作区中绘制一个正圆形。然后单击工具箱中的标准填充工具,给这个圆填充颜色CMYK(100,0,100,50)(如图1)。 3. 选择这个圆形,然后再单击菜单栏中的“位图→转换成位图”命令,在弹出的界面中勾选“平滑处理”和“透明背景”两个复选框。接着再选择“位图→模糊→高斯式模糊”命令 并打开它,设置半径为30像素。 4. 再次单击工具箱中的椭圆工具,在执行位图转换的圆形上绘制一个圆形,单击工具箱中的渐变填充工具,在渐变填充类型中选择“射线”,在中心位移栏中设置水平为-20%,垂直为-20%。选择颜色调和栏中的自定义选项,在出现的渐变颜色栏中添加两个渐变点,单击“其它”按钮,弹出“选择颜色”对话框,选择RGB模式,对每一个渐变点设置渐变参数:RGB(14,18,14)、RGB(98,210,98)、RGB(140,255,150)、RGB(255,255,255)。单击“确定”按钮,对圆形进行填充(如图2)。 5. 选择椭圆工具绘制一个小的圆形放在大圆的中心处。打开渐变填充工具,对这个小圆形进行渐变填充,填充类型为“射线”,选择颜色调和栏中的自定义选项,在出现的渐变颜色栏中添加两个渐变点,渐变参数为RGB(141,100,255)、RGB(141,100,255)、RGB(255,255,255)、RGB(141,100,255),并去掉小圆的边线。 6. 下面我们要将圆形的中心抠出个圆心窟窿。用椭圆工具绘制一个小圆,并填充上颜色,可利用放大镜工具进行操作。然后选择这个最小的圆,选择菜单栏中的“排列→造型→修剪”命令,将它的两个选项全去掉,然后单击“修剪”按钮,单击最小的圆外面的小圆即可(如图3)。

用CorelDraw绘制卡通小老鼠
CorelDraw的功能非常强大,但很多没有使用过它的用户可能会认为它不易上手,其实CorelDraw使用起来并不难,下面就以制作一个卡通小老鼠为例,向大家介绍CorelDraw的基本用法。 设计软件:CorelDraw 11 制作步骤: 1.打开CorelDraw 11,新建一个文档,在主菜单中中选择“文本”下的“插入字符”(快捷键为Ctrl+F11),调出“插入字符”对话框。 2.在右方的“插入字符”对话框中选中“Webdings(符号)”字体,然后在下方选择“桃心”符号,按下鼠标拖到编辑区中。 3.在选中“桃心”的情况下在“属性栏”中设置“轮廓宽度”"中输入2.411,按下回车即可看到这个“桃心”的轮廓变粗了。

CorelDRAW 12循序渐进(3)-基本图形创建与曲线编辑
提示:在四个节点均被选中的情况下,拖点其中一点可以使其成为正规的圆角矩形,如果只选中其中一个节点进行拖拉,那么就变成不正规的圆角矩形。(如上图)(三点矩形工具将与三点圆形工具一并讲解,在此不述) 使用“矩形工具”绘制矩形、正文形、圆角矩形后,在属性栏中则显示出该图形对象的属性参数,通过改变属性栏中的相关参数设置 ,可以精确的创建矩形或正方形。 在框中设置对矩形四角圆滑的数值,当被按下时,则全部角被圆滑。反之则只圆滑设置数值的角。 2.椭圆工具 使用“椭圆工具”可以绘制出椭圆、圆、饼形和圆弧。(椭圆与正圆方法同矩形一样,在此不述)。

CorelDRAW 12循序渐进(1)-概述篇
在这个窗口中提供了六个选项: 新图形:单击此项可以创建一个新图形。 打开上次编辑的图形:单击此项,可以打开上次编辑过的文件。(在这个图标上方显示上次编辑图形文件的名称。 打开图形:单击此项打开已经存在的图形文件。 模版:单击此项可以打开CorelDRAW 12为您准备的绘图模版。 CorelTUTOR(Corel教程):单击此项可以启动教程,但是全部是英文的。 有什么新功能:介绍了CorelDRAW 12的新功能。 提示:在以后对CorelDRAW 12的操作中,如果不希望欢迎界面出现,可以将左下角的“启动时显示欢迎屏幕”前面的“√”去掉。 每次启动CorelDRAW 12时,会显示出漂亮的初始界面及版权信息: 1.2 了解CorelDRAW 12的工作界面 打开CorelDRAW 12后,在欢迎窗口中选择“新图形”按钮,就可以看到如图所示的操作界面,CorelDRAW 12所有的绘图工作都是在这里完成的,熟悉CorelDRAW 12操作界面,将是学习CorelDRAW 12绘图制作等各项设计的基础。 菜单栏:CorelDRAW 12的主要功能都可以通过执行菜单栏中的命令选项来完成,执行菜单命令是最基本的操作方式;CorelDRAW 12的菜单栏中包括文件、编辑、查看、版面、排列、效果、位图、文本、工具、窗口和帮助这11个功能各异的菜单。

Coreldraw 12新功能简介
Corel公司宣布屡获殊荣的Coreldraw12创意软件包即将在2004年2月面市。Coreldraw12创意软件的新生属性和智慧型工具将帮助用户成倍的提高工作效率。 图像领域的专业和商业用户都将发现,强力的图像软件程序包将帮助他们更快的完成工作和项目,给客户留下极为深刻的印象。世界上最受欢迎的软件包Coreldraw将帮助设计师在操作中减少点击步骤,节约时间。 提供无限的价值,Coreldraw12图像软件包提供给用户3个难以置信强力的图像应用程序。这套新组件包括Coreldraw12插图、页面排版和矢量绘图程序,Corel Photo-paint12数字图像处理程序和Corel R.A.V.E 3动画创建程序。 “Coreldraw12是因为杰出和革新的特性,为Coreldraw图像程序赢得了一个长期的的声誉。这套新程序包超越了以往人们看到的任何图像程序的水平。”世界市场的首席执行官Brett Denly说。“Coreldraw创意软件包回答了过去不可能完成的方法。她在设计师和工具中建立了更加深入的合作关系,提供了聪明的解释和用户需求的反馈。用户将直接的感受到产品独特的印象。 智慧的工具将减少设计时间和提高工作效率。 Coreldraw12通过引入智慧的工具使快速创作的进程变得更加容易。这些新的工具,整合了节约时间和增强并改进了Corel富有盛名的文件兼容性,保证了截止时间到来前的重要性。 用户将立即会从Coreldraw12的新特性、智慧工具和其它增强的属中获益,这套组件包括以下新特性: 1、新的!智慧型绘图工具。 当一个设计师要画一个草图是时,希望得到一个快速专业的结果,这个智慧型工具——Corel专有的,帮助用户解答完成工作。这个智慧型工具智能的自动识别许多形状,包括圆形、矩形、箭头和平行四边形。它智能平滑曲线,最小化完美图像的操作步骤。另一个关键是节约时间,智慧型工具能够解释自由线工具,立刻应用对称和平衡,使设计师更加容易的建立完美形状,感觉像飞一样。