推荐阅读

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 10设计应用之台历制作(2)
6.在"对象管理器"泊坞窗中单击"Layer2",使其成为当前层。按"F8"切换到文本工具,输入美术文本"2002 壬午年",再输入另一个美术文本"3 March"(为便于调整,这两个美术文本最好是独立的,分两次创建)。如果不是美术文本,请用"文字"菜单下的"转换成美术文本"命令(快捷键Ctrl+F8)将其转化成美术文本,这样才能对其应用一些特殊效果如立体化,阴影,渐变填充等。 选择美术文本"2002 壬午年",设置成你喜欢的字体(我用的字体是微软简综艺),并调整字体大小,颜色为黑色; 7.将另一个美术文本"3 March"设置为红色,分别用文本工具选择"3",设置为"Lightograph"字体,大小为32pt左右;将"March"设置为潇洒漂亮的"Englishi111 Vivace "字体。选择交互式阴影工具,给"3 March"加上阴影。选择这两个美术文本,移动到适当位置(如图6)。 8.下面要进行日历文本的制作了。同样也要大致规划一下,关于日历中星期,阳历和阴历等文本的位置和排版, 然后再进行制作。结合2002年3月实际的日期和星期,先设置辅助线以基本定位上述文本之位置,可参见图1。 按F8切换到文本工具,输入美术文本"日一二三四五六",选择合适的字体及大小,移动到辅助线划定范围内的适当地方,再用箭头键微调移动,仔细调整其位置。保持对它的选择,按F10选择形状工具,调节美术文本的横向字距,如图7。 当然还可以用"文字"菜单下的"格式"命令,在"间距"选项中进行精确的数值调整,但不如形状工具直观和方便。 9.好了,有了上面的经验,再做月份的具体日期文本就不很难了:选择上一步中的星期文本,按"CTRL"键垂直向下移动,并按下右键复制副本,依法再制四个,根据实际日期,将多余的字删除。将文本内容修改成正确的日期,参考辅助线,用形状工具仔细调整文本的水平和垂直间距,基本要与上面的星期文本垂直对齐,并将相关日期文本颜色设置为红色。如图8。 至于下面的阴历文本制作,以及其它简单修饰就不再赘述,结果如图9。

Coreldraw 10页面管理功能全接触 (1)
页面的快速移动和复制 要移动某页(某些页)并改变其顺序,在页面分类视图中单击并拖动页到一个新位置,拖动时,一个垂直的“I”会出现,指示出单页(或要移动的多页的第一页)插入点。如图5。 要复制页(当然也包括页上的所有内容),在单击并拖动时按住“ctrl”键,这时光标下面有个“+”,同时一个垂直的“I”会出现,指示出复制页(或复制的多页的第一页)的插入点。如图6。 更改页面的大小和方向 在页面分类视图中,所有页面的属性可以通过属性栏来控制,通过它,你可以设定标准的页面大小如A3,B2,自定义页面大小纸张类型,改变页面方向等。如图7。 要退出页面分类视图,单击图7中的“页面分类视图”按钮或者再次选“视图”->“页面分类视图”,退出之后,所作的更改(如移动,复制页面)将随之应用到页面上。 若要探索更多技巧,请先记住这一条技巧提示:使用页面分类视图可以快速导出(export)你所选的页或多页。方法是:选择要导出的页,单击标准工具栏上的“导出”按钮,打开“导出”对话框,选择“只导出此页”。如图8。

CorelDRAW 10文本编辑操作快捷键
了解下面这些CorelDRAW 10文本编辑操作中的快捷键,能帮助我们在设计工作中事半功倍。 显示所有可用/活动的 HTML 字体大小的列表 【Ctrl】+【Shift】+【H】 将文本对齐方式更改为不对齐 【Ctrl】+【N】 在绘画中查找指定的文本 【Alt】+【F3】 更改文本样式为粗体 【Ctrl】+【B】 更改文本样式为斜体 【Ctrl】+【I】 将文本对齐方式更改为行宽的范围内分散文字 【Ctrl】+【H】 将文本对齐方式更改为左对齐 【Ctrl】+【L】 将文本对齐方式更改为右对齐 【Ctrl】+【R】 更改选择文本的大小写 【Shift】+【F3】 将字体大小减小为上一个字体大小设置。 【Ctrl】+小键盘【2】 将字体大小减小为字体大小列表中上一个可用设置 【Ctrl】+小键盘【4】 将字体大小增加为字体大小列表中的下一个设置 【Ctrl】+小键盘【6】 将字体大小增加为下一个字体大小设置。 【Ctrl】+小键盘【8】 将文本对齐方式更改为居中对齐 【Ctrl】+【E】 将文本对齐方式更改为两端对齐 【Ctrl】+【J】 将所有文本字符更改为小型大写字符 【Ctrl】+【Shift】+【K】 删除文本插入记号右边的字 【Ctrl】+【Del】 删除文本插入记号右边的字符 【Del】 添加/移除文本对象的首字下沉格式 (切换) 【Ctrl】+【Shift】+【D】 选定“文本”标签,打开“选项”对话框 【Ctrl】+【F10】 更改文本样式为带下划线样式 【Ctrl】+【U】 显示非打印字符 【Ctrl】+【Shift】+【C】 向上选择一段文本 【Ctrl】+【Shift】+【↑】 向上选择一个文本框 【Shift】+【PageUp】 向上选择一行文本 【Shift】+【↑】 向上选择一段文本 【Ctrl】+【Shift】+【↑】 向上选择一个文本框 【Shift】+【PageUp】 向上选择一行文本 【Shift】+【↑】 向下选择一段文本 【Ctrl】+【Shift】+【↓】 向下选择一个文本框 【Shift】+【PageDown】 向下选择一行文本 【Shift】+【↓】 选择文本结尾的文本 【Ctrl】+【Shift】+【PageDown】 选择文本开始的文本 【Ctrl】+【Shift】+【PageUp】 选择文本框开始的文本 【Ctrl】+【Shift】+【Home】 选择文本框结尾的文本 【Ctrl】+【Shift】+【End】 选择行首的文本 【Shift】+【Home】 选择行尾的文本 【Shift】+【End】 选择文本插入记号右边的字 【Ctrl】+【Shift】+【←】 选择文本插入记号右边的字符 【Shift】+【←】 选择文本插入记号左边的字 【Ctrl】+【Shift】+【→】 选择文本插入记号左边的字符 【Shift】+【→】 将文本插入记号向上移动一个段落 【Ctrl】+【↑】 将文本插入记号向上移动一个文本框 【PageUp】 将文本插入记号向上移动一行 【↑】 将文本插入记号移动到文本结尾 【Ctrl】+【PageDown】 将文本插入记号向下移动一个段落 【Ctrl】+【↓】 将文本插入记号向下移动一个文本框 【PageDown】 将文本插入记号向下移动一行 【↓】 将文本插入记号移动到文本开头 【Ctrl】+【PageUp】 将文本插入记号移动到文本框结尾 【Ctrl】+End 将文本插入记号移动到文本框开头 【Ctrl】+【Home】 将文本插入记号移动到行首 【Home】 将文本插入记号移动到行尾 【End】 将文本插入记号向左移动一个字 【Ctrl】+【→】 将文本插入记号向左移动一个字符 【→】 将文本插入记号向右移动一个字 【Ctrl】+【←】 将文本插入记号向右移动一个字符 【←】 显示所有可用/活动字体粗细的列表 【Ctrl】+【Shift】+【W】 显示一包含所有可用/活动字体尺寸的列表 【Ctrl】+【Shift】+【P】 显示一包含所有可用/活动字体的列表 【Ctrl】+【Shift】+【F】 显示所有绘画样式的列表 【Ctrl】+【Shift】+【S】

CorelDRAW 10主界面操作常用快捷键
了解下面这些CorelDRAW 10主界面操作快捷键,能帮助我们在设计工作中事半功倍。 显示导航窗口(Navigator window) 【N】 运行 Visual Basic 应用程序的编辑器 【Alt】+【F11】 保存当前的图形 【Ctrl】+【S】 打开编辑文本对话框 【Ctrl】+【Shift】+【T】 擦除图形的一部分或将一个对象分为两个封闭路径 【X】 撤消上一次的操作 【Ctrl】+【Z】 撤消上一次的操作 【Alt】+【Backspase】 垂直定距对齐选择对象的中心 【Shift】+【A】 垂直分散对齐选择对象的中心 【Shift】+【C】 垂直对齐选择对象的中心 【C】 将文本更改为垂直排布(切换式) 【Ctrl】+【.】 打开一个已有绘图文档 【Ctrl】+【O】 打印当前的图形 【Ctrl】+【P】 打开“大小工具卷帘” 【Alt】+【F10】 运行缩放动作然后返回前一个工具 【F2】 运行缩放动作然后返回前一个工具 【Z】 导出文本或对象到另一种格式 【Ctrl】+【E】 导入文本或对象 【Ctrl】+【I】 发送选择的对象到后面 【Shift】+【B】 将选择的对象放置到后面 【Shift】+【PageDown】 发送选择的对象到前面 【Shift】+【T】 将选择的对象放置到前面 【Shift】+【PageUp】 发送选择的对象到右面 【Shift】+【R】 发送选择的对象到左面 【Shift】+【L】 将文本对齐基线 【Alt】+【F12】 将对象与网格对齐 (切换) 【Ctrl】+【Y】 对齐选择对象的中心到页中心 【P】 绘制对称多边形 【Y】 拆分选择的对象 【Ctrl】+【K】 将选择对象的分散对齐舞台水平中心 【Shift】+【P】 将选择对象的分散对齐页面水平中心 【Shift】+【E】 打开“封套工具卷帘” 【Ctrl】+【F7】 打开“符号和特殊字符工具卷帘” 【Ctrl】+【F11】 复制选定的项目到剪贴板 【Ctrl】+【C】 复制选定的项目到剪贴板 【Ctrl】+【Ins】 设置文本属性的格式 【Ctrl】+【T】 恢复上一次的“撤消”操作 【Ctrl】+【Shift】+【Z】 剪切选定对象并将它放置在“剪贴板”中 【Ctrl】+【X】 剪切选定对象并将它放置在“剪贴板”中 【Shift】+【Del】 将字体大小减小为上一个字体大小设置。 【Ctrl】+小键盘【2】 将渐变填充应用到对象 【F11】 结合选择的对象 【Ctrl】+【L】 绘制矩形;双击该工具便可创建页框 【F6】 打开“轮廓笔”对话框 【F12】 打开“轮廓图工具卷帘” 【Ctrl】+【F9】 绘制螺旋形;双击该工具打开“选项”对话框的“工具框”标签 【A】 启动“拼写检查器”;检查选定文本的拼写 【Ctrl】+【F12】 在当前工具和挑选工具之间切换 【Ctrl】+【Space】 取消选择对象或对象群组所组成的群组 【Ctrl】+【U】 显示绘图的全屏预览 【F9】 将选择的对象组成群组 【Ctrl】+【G】 删除选定的对象 【Del】 将选择对象上对齐 【T】

CorelDRAW 10简介
1.1.1 安装CorelDRAW 10 CorelDRAW10 是 Corel 公司出品的最新版本的矢量图形制作工具软件,它既是一个大型的矢量图形制作工具软件,也是一个大型的工具软件包。因此在安装此软件之前 , 你的计算机系统中如果已经安装了 CorelDRAW10 以下版本的软件,建议最好先将其卸载后,再开始安装 CorelDRAW10 。因为 CorelDRAW10 不提倡将其安装在原有的低版本软件上,这样做是为了避免该软件在使用中发生一些意外故障。 CorelDRAW10的安装和其他windows应用程序的安装类似,运行安装目录下的setup.exe。就可以开始进入安装向导。接下来就用不着我说了,一杯茶的功夫就可大功告成。 1.1.2 启动CorelDRAW 10 当正确安装了 CorelDRAW 10以后,我们就可以通过在“开始”菜单中执行“开始/程序/ CorelDRAW10/ CorelDRAW10”命令,即可启动CorelDRAW10;在启动CorelDRAW10以后,在屏幕将出现一个欢迎窗口Welcome to CorelDRAW; 图 1-5 CorelDRAW10的欢迎窗口 在这个欢迎窗口中提供了六个选项: 注意: 在以后对 CorelDRAW 10的操作中,你可能不希望这个欢迎画面每次都出现,可以将画面左下角的Shoe this Welcomes Screen at startup(启动时显示此欢迎屏幕)复选框中的“V”号选项取消。

CorelDRAW 10快速入门
1.2 快速入门 Polygon Tool(多边形工具) 使用 Polygon Tool(多边形工具)可以绘制出多边形、星 形和多边星形。选中Polygon Tool(多边形工具)后,在 属性栏上的 栏中选定多边形(或星形)按钮,即可开始绘制多边形 或星形; 图 1-24 用多变形工具绘制出的多边形和星形 在多边形工具的属性栏中的 栏中设置和更改多边形(或星形)的边数(或角数), 可以得到不同的多边形(或多角星)。 图 1-25 多边形工具的属性栏 多边形工具的属性栏中的其他选项同矩形工具属性栏的 相应设置相似,在这里就不多讲了。 图 1-26 设置多边形工具属性栏后绘制的多边形和多角星 在多边形工具的级联菜单中,还包含了两个不同类型的 工具: Spiral Tool(螺旋线工具)和

CorelDRAW 10简介(二)
1.1.4 定制自己的操作界面 象其它的一些图形处理软件一样。 CorelDRAW 10 也为用户提供了很多的工具,为了避免诸如调色板中、工具条中或其它的一些浮动面板中不常用的功能按钮及小部件,占用过多的屏幕空间;也为了使自己在工作时更加方便快捷地使用CorelDRAW;我们可以使用CorelDRAW 10提供的自定义界面功能,定制自己的操作界面。 在 CorelDRAW 10中,自定义界面的方法很简单,只需按下Alt键不放,将菜单中的项目、命令拖放到属性栏或另外的菜单中的相应位置,就可以自己编辑工具条中的工具位置及数量。 图 1-16 将工具箱中的Zoom Tool(缩放工具)移动到常用工具栏中 在 CorelDRAW 10中,还允许用户通过修改Options(选项)对话框中的相关设置,来进一步的自定义菜单、工具箱、工具栏及状态栏等界面。 图 1-17 Options(选项)对话框中的Command(命令)属性页 注意: 在 Command(命令)属性页的General(常规)标签页面中,显示了该命令当前所在的位置;在Shortcut Key(快捷键)标签页面中可以设置该命令的快捷键;在Appearance(外观)标签页面中还可以更改和自定义该命令的图标。 在 CorelDRAW 10中,通过对另一个功能选项的设置,也能帮助我们有效的利用界面空间和快捷的操作相关功能,那就是Dockers(泊坞窗)。CorelDRAW中的Dockers(泊坞窗)类似于PhotoShop中的浮动面板,在Dockers(泊坞窗)命令选项中可以设置显示或隐藏具有不同功能的控制面板,方便用户的操作。

用CorelDRAW 11制作铅笔
文/刘春鹏 小的时候在学校学习,铅笔可以说是我最好的伙伴,并一直伴随着我成长。如今,虽然长大了,但一走进文具用品商店,总会被那些花花绿绿的铅笔所吸引,也不禁要买回几枝。 1. 打开CorelDRAW 11,单击工具箱中的矩形工具,在工作区中绘制一个长方形对象,然后将其复制两个,并将它们并排放置。 2. 选择最上面的长方形对象,打开渐变填充工具,填充类型设置为线性,角度为90°,颜色调和设置为双色:从30%黑到100%黑,将颜色赋予长方形。同理,给中间的长方形对象填充颜色为:从红到深黄,给第三个长方形对象填充颜色为:从30%黑到100%黑,角度为0°,并将这三个长方形的边框全部去掉。 3. 接下来绘制铅笔头。双击工具箱中多边形工具,在弹出的选项对话框中,选择多边形选项,设置边数为3,在工作区中绘制一个三角形,然后再绘制一个同宽度矩形,将它们放置到一起。 4. 选中三角形和矩形,并执行菜单栏中的“排列→造形→焊接”命令,然后给焊接后的对象填充上颜色RGB(210、170、120),并将其边框去掉。 5. 选择工具箱中的刻刀工具,在铅笔头部执行切割操作,使其分成两个部分,然后再单击形状工具,对切割处进行调整操作。操作完毕后,将铅笔头后半部分复制后,并给其添加上黄色的边框,然后将整个铅笔头放置于笔杆处。 6. 选择铅笔头后面的部分,执行“位图→转换为位图”命令,再执行“位图→杂点→添加杂点”命令,在弹出的对话框中设置杂点类型为均匀,层次为28,密度为38,按“确定”按钮返回。接着再对其进行动态模糊操作,设置其参数为距离:5像素,然后返回。 7. 选择铅笔头的前面部分,打开渐变填充对话框,设置填充类型为线性,角度为90°,在颜色调和栏中选择自定义选项,在出现的颜色渐变栏中添加五个渐变点,设置填充颜色为RGB(180、177、180)、RGB(129、129、126)、RGB(255、255、255)、RGB(204、204、203)、RGB(180、177、180)、RGB(120、125、122)、RGB(98、103、98)。最后设置的渐变填充效果(如图1)。

使用CorelDRAW 11.0 制作玻璃按钮
你见过苹果网站的玻璃按钮吗?玲珑剔透,晶莹欲滴,真是让人爱不释目。现在,我们就用CORELDRAW11也来作一个吧。作出的矢量图可以用在网页上,也可以导入进FLASH和COREL R.A.V.E。另外,我们还可以同时学习到透视工具的使用方法。 1. 我们用rectangle tool画一个长方形。然后用 shape tool ,按着shift键将长方形的点移动如图所示的样子。 2. 用pick tool,按着shift键,移动图形的短边如图(2)所示,然后不要松开左键,同时按下右键,再松开右键,最后再松开左键。这样,就会多出一个图形。 3. 按着shift键,移动新图形的长边,使其压缩。再按着ctrl键,把它移动到原来图形的底部, 如图(3) 所示。 4. 再用rectangle tool画一个长方形,用画第一个图形的方法,画一个相似的圆角矩形,形状如图(4)所示。

巧用CorelDRAW 11制作足球飞翔效果
足球,这项体育运动一直以来就深受国人的喜爱,而我们心中的愿望就是让中国的足球能在世界的舞台上展现中国足球的风采。 创意工具:CorelDRAW 11 一、绘制运动中的足球 1. 打开CorelDRAW 11,新建一个文件,并将版面改为横向。 2. 单击工具箱中的多边形工具,并在其属性工具栏中将边数改为6,然后在工作区中绘制一个六边形对象,接着将它复制出多个并排列起来(如图1)。大家可以利用放大镜工具进行辅助操作。