推荐阅读

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 X3全新体验:智能填充工具
CorelDRAW X3新增了智能填充工具(Smart Fill Tool),在工具栏中它和智能绘图工具并处,而和其它相关填充工具如填充,交互式填充和网格填充等工具独立分开,可见它的特殊性。这个智能填充工具“智能”在何处呢?从图标上我们可以直观地看出,它主要是对重叠区域的填充控制。 智能填充工具的作用范围 根据用途来说,智能填充工具可以填充的对象包括: 1.对任何封闭的对象进行填色。 2.对任两个或多个对象重叠的区域填色。 特色:除了实现普通填充以外,还可自动识别相重叠的多个交叉区域,并对其进行颜色填充。 下面我们看一个例子,就会明白此工具有多么的重要的作用。 1. 用矩形和旋转复制生成如图的图形,用普通的交互式填充工具进行填充。

CorelDRAW X3新功能体验:裁切工具
CorelDRAW X3的裁切工具是新增的工具之一,非常实用,不由得让我们想起了Photoshop中的切片工具,但CorelDRAW X3所进行的“切片”几乎无所不包。 CorelDRAW X3裁切工具的对象: 1.可裁切的对象包括矢量图形(包括进行了填充,调和透明等效果的图形) 2.导入的或者转化的位图 3.段落文本与美工字, 4.上述对象的混合体。 方便的操作 这个新增工具小巧而方便,它像一把小巧的剪刀,帮助我们轻松得想要的部分。别看操作简单,可能会派上大用场。 想一下,如果导入一个漂亮的图片,却不需要其全部,怎么办?不用在PS等专门的软件中裁剪,轻轻一点一裁,就会得到你想要的。 广泛的用途

CorelDRAW X3功能体验:全新对象层叠排序
在CorelDRAW X3的Arrange->Order(层叠排序)菜单下,除了原先的Forward one(向前一个) Back one(向后一个) In front of(到…之前) Behind(在…之后)这些功能外,还进一步细化,新增了两个功能菜单: To front of page /To back of page 移动所选对象到当前页面上,在其它对象之前/之后。 to front of layer/to back of layer 移动所选对象到当前层上,在其它对象之前/之后。 这些功能理解和操作起来不是很难,下面我们用简单的例子加以直观说明。在此不再多做叙述。 1. Window->Docker-> Object Manager,打开Object Manager(对象管理器) ,单击默认图层“Layer 1”,使之成为当前图层。图层名称变为红色,表明以后所有操作在此层上进行。 2. 绘制两个图形并填充颜色。可以在Object Manager中看到按创建顺序显示的两个图形。 3. 两者在同一图层上,下面我们将粉色填充的Perfect Shap 移动到椭圆图形的前面:首先选择它,Arrange->Order->To front of layer,此时排列顺序发生了变化。

CorelDRAW X3新功能体验:角效果
CorelDRAW X3新增了执行角效果的功能,共分为三种类型:倒圆角,倒斜角,倒反圆角(Fillet/Scallop/Chamfer)。 角效果的应用范围和注意事项 对于一般手绘的贝塞尔曲线,矩形,椭圆,多边形和星形等基本图形,是可以直接执行角效果的。 对于其它情况,如果所选对象还没有转成曲线,在进行角效果时,会出现一个对话框,提供一个自动转成曲线的选项。 文本对象也不能直接执行角效果,需要手动转成曲线方可执行。 默认情况下,角效果会应用到图形对象上所有角点,除非你单独选择某个角点。 角效果不能作用于直线,光滑曲线或者对称曲线,图形角点需由两个以上的直线段或曲线段生成,并且其夹角小于180度。 当倒角数值太大时,将无法生成角效果,是因为倒角数值超过了曲线本身长度或距离,所以设定倒角数值是先从较小的开始尝试。 角效果的执行流程: 1.选择要执行倒角效果的对象(如果没有转曲线要先转成曲线)

CorelDRAW X3新功能体验:生成边界
生成边界在CorelDRAW X3菜单中的位置是:Effects(效果)->Create Boundary(生成边界),或者选择多个封闭图形后,在属性栏上找到它。 试用了之后大家会很容易想起原先的“Weld”(焊接)工具。但它们是不同的,不要混淆。 生成边界的基本原理是:自动建立所选取多个对象的最大边界的路径,当然,此操作仅对封闭的路径有效。它同焊接工具的不同之处,应该是自动将最大边界的路径描一遍,拷贝生成新的边界路径,而不会修改或破坏源对象。 实际操作: 下面我们进行简单操作体会一下。 绘制下面的图形并填充,为了便于对比,先水平复制一份。 选择复制的副本,在属性栏上单击“创建边界”按钮,即可生成边界。(为便于对比,边界线颜色用桔红色显示,并加阴影效果)

CorelDRAW X3体验:全新复制功能
CorelDRAW中简单的复制用Duplicate和Clone即可完成。 以Duplicate为例:我们先选择要复制的对象,选择菜单Edit-> Duplicate,在弹出对话框中指定副本和源对象的相对距离(偏移数值)。偏移数值分为水平偏移和竖直偏移两方面。特例就是若只沿某一方向复制,将另一方向的偏移数值为零即可。 使用中发现的不足是每次只能复制一个对象出来。如果要复制多个,需要重复使用这两个命令。有没有更好的方法呢?答案是肯定的,那就是新增的Step and Repeat工具。 上面提及的Duplicate 和Clone确实比较经典,关于它们方面的用法和技巧,具体请参见天极设计在线CORELDRAW专栏中的《漫谈CORELDRAW中的复制》。而本文中我们重点要研究的是Step and Repeat。 Step and Repeat工具实际上是X3为多重复制设的泊坞窗,打开它进行设置就可以实现一次多个的精确复制,某种程度上起到阵列的功能。 在泊坞窗中,你可以同时设置水平和垂直方向上要复制的拷贝数,是否偏移以及偏移的距离,或者等间距分布,只需告诉所需参数,复杂的阵列和精确的复制都由CorelDRAW X3完成! 具体操作方法: 选择菜单“Edit”(编辑)->“Step ande Repeat”,打开泊坞窗。相关设置的功能如下: Number of copies:要复制对象的数量。 Horizontal Settings/Verticak Settings:(水平/垂直设置) 分为:(1)No offset:无偏移 (2)offset:有偏移 (3)Spacing between objects:等间距排列 Distance :(距离)偏移或者排列的距离 Direction:(方向)要进行复制的方向/阵列方向,当然也可以水平垂直两个方向同时进行。

CorelDRAW X3全新体验:星形工具
星形工具是CorelDRAW比较经典的基本图形绘制工具之一,CorelDRAW X3版本中的星形工具做了革新:可绘制星形和复合星形工具。这些当然不仅仅是五角星哦,其边数和角点数是可以设置的。 一般星形的填充和复合星形填充结果不太一样。复合星形的自相交区域是没有填充的。 CorelDRAW X3星形工具操作方法 操作方法十分简单: 1.选择星形/复合星形工具,在属性栏上设置参数:星形的角点数,星形的尖锐程度等。这些参数会直接影响到星形的形状。 2.拖动进行绘制,同时可配合CTRL或 SHIFT键使用,得到正的星形或者从中心绘制的星形。 CorelDRAW X3星形工具编辑方法 1.利用属性栏

CorelDRAW X3 全新体验:整形工具
之前我们介绍了CorelDRAW X3安装和全新界面,今天我们看看整形工具。CorelDRAW X3的整形工具相对以前版本做了改进,我们可以更轻松高效地调节曲线。 一、新的节点控制手柄 新设计的控制手柄能帮你选择并自如的调整节点,另外还可以更容易的移动曲线段。如图。 二、更丰富的节点选择方式 节点的选择分为“Rectauglar”,“Freehand ”和“Select all nodes”三种方式,可以选择部分或全部节点。如图。 “Rectauglar”相当于PS中的矩形选区,就是拖动出一个矩形区域,区域内的节点全部被选中。 “Freehand ”类似于套索工具,用自由手绘的方式拖出一个不规则形状区域,此区域内的节点全部被选中。如下图。 “Select all nodes” 就是全选。 具体的操作方法其实很简单: 1. 切换到整形工具。

CorelDRAW X3全新体验:安装与界面
CorelDRAW是平面图形设计和印刷中常用的设计软件,具有非常友好的界面和丰富全面的功能。笔者从8.0版本开始接触,多年来一直追随,从9.0,10.0…直到今天的X3,可谓“情深意浓”。 Corel公司于2006年1月17日推出了最新的CorelDRAW Graphics Suite,简称“CorelDRAW X3”(应该是V13版)。Corel公司表示:“Corel公司开发团队进行了前所未有的开发测试工作。程序纠正了比过去版本任何时候都要多的BUG,这个新版本绝对值得使用,是CorelDRAW的一个重大转变。CorelDRAW X3在支持中文等双字节文字上会有更大的提高…Corel公司将准备在2006年下半年隆重推出CorelDRAW Graphics Suite X3简体中文版”。 推荐参考:Corel公司揭开CorelDRAW X3神秘面纱 新功能体验:安装与界面、整形工具 这次新版本的推出,可谓一个大的革新。据称“它拥有超过40个新的属性和增强的特性”,我们将逐一进行探索和介绍。 让我们一起揭开CorelDRAW X3的迷人面纱,仔细体验它的全新功能。今天我们简单介绍安装和界面方面的一些新特点和改进。 安装 笔者目前安装的的是英文试用版,(点击此处申请下载)选择安装,经过一番初始化后,出现如图界面: 选择输入试用注册码后,进入安装组件选项的画面: 选择好之后,单击“下一步”,进入安装进度画面。

剪短你的裙子! -玛丽・奎恩特
"迷你裙"席卷全世界,玛丽・奎恩特开创了服装史上裙下摆最短的时代.玛丽・奎恩特成为六十年代红极一时的时尚代表.她不同于以往的设计大师们,不是一个自始至终的时装家,但她曾经是六十年代伦敦时装狂飙运动的领袖,她被誉为"迷你裙之母".像一颗彗星一样迅速升起,像焰火一样光芒四射,但又很快在时装界里消逝了.这是一位独特的,在服装史上不可忽视的重要的设计专家 就在迪奥离开人世之前,她已经预感到时代的变化,新设计师们的冲击,传统的高级时装已不能顺应世界潮流,在他最后几年的设计里已经在造型线与功能上作了重大的修改.同时,由二次大战以后发展起来的成衣时装,从开始对高级时装的粗糙模仿的阶段发展到了另辟蹊径,走出新路,越来越成为时装界领导潮流的中坚.纵观时装历史,时装大多数为成年妇女所穿用,设计家们的高级时装主要内容是各种奢华的礼服、悠闲的晨衣、蹒跚的紧身女裙.人们往往不重视年轻少女群,特别是忽视了二次大战后生活方式的多样化,运动、旅游、游泳热的广泛兴起,对传统时装设计不能不是强力的挑战.有人说,年轻的成衣时装的成功,是由于全世界少女突然间对巴伦夏卡精致绝伦的典雅的女装的厌倦.确实,时代需要更加活泼年轻和更加富有朝气的时装. 首先作出这种反应的是英国伦敦.作为世界时装中心之一的伦敦,具有保守和激进的双重性格,它时而会成为最时髦、最革命的温床.六十年代的伦敦时装就是走在世界的前列.英国时装界的有识之士在五十年代已开始酝酿着这一变化.伦敦皇家美术学院创建的时装分院,其首任教授加兰德女士就是一位有较高造诣和远见的服装教育家,她认为,二十岁的青春年华是一生中最美好幸福的时刻,她们的服装应属最美丽的.当今高级时装不能顺应世界大势.所以,加兰德教授则以极大的热忱推动"青年女装运动".同时,战后各种青年流派的出现,对传统观念的藐视以及"波普艺术"的流行,不能不对时装界的新生起到推波助澜的作用. 正当英国街头的时髦青年,身穿奇特的黑色服装,骑着摩托横冲直撞时,一位来自威尔士的年轻女子玛丽・奎恩特的服装设计使时髦青年的时髦衣着变得微不足道了.1934年玛丽・奎恩特出生在英国威尔士的阿伯腊斯特威思,她是一个教师的女儿.十六岁她到了伦敦,就读于伦敦金饰学院绘画系,毕业以后在女帽商埃里克的工作室里开始她的设计生涯.她的设计对象,恰是针对当时还未引起人们注意的少女时装.当时女孩们衣着毫无特色,通常是穿着母亲的老式衣服,玛丽说:"我时常希望年轻人穿上她们自己所喜欢的衣服,它不是古板过时的,而应是真正二十世纪的年青女装.但是,我知道这一工作尚未引起人们的足够的关注." 1955年,年轻的玛丽・奎恩特和丈夫亚历山大・普伦凯特・格林在伦敦著名的英王大道开设了第一家"巴萨"百货店.他们的服务对象就是面向青年,玛丽・奎恩特推出的第一件服装,就是后来名闻遐迩的"迷你裙".虽然当时他们俩的产业极小,更属时装界的无名之辈,但这种微弱的震动,恰预示着服装界未来的强烈地震,这是具有划时代意义的一步.我们记得,五十年代的裙长徘徊在小腿肚上下,迪奥曾在1953年只不过将裙下摆剪短了若干英寸在新闻界里就爆出一大冷门.而当时鲜为人知的玛丽・奎恩特,却以其激烈的观点,开始了新时期的服装革命.她当时的战斗口号是-"剪短你的裙子!" 这时的英王大道开始变成官方认可的"垮了的一代"青年们聚集和游弋之地,他们蓄着长发,穿着紧身裙,黑白丝袜,使英王大道成为众人侧目的地方.次年,接任加兰德教授的艾恩赛德也鼓励皇家学院的学生为新时期服装革命推波助澜. 1960年,玛丽・奎恩特到美国作了一次愉快而成功的旅行,美国人自由、开放的性格,鼓舞了她的设计构想,在美国她获得了良好的反应.1962年,玛丽・奎恩特为美国市场设计了第一个系列,美国《时尚》杂志率先刊登玛丽・奎恩特的女装作品,立即受到了广泛的欢迎.