推荐阅读

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){
最新发布

AICC怎么快速选中多个对象
第一步:选择工具,主要是选中对象进行一些对应的设置处理。第二步:如果要选某个对象进行属性设置,点击选择那个对象。第三步:如果要选择二个以上的对象或是多个对象一起选择。请按住Shift不放,点击多个图形,就可以选择多个图形了。第四步:另一种是框选,在所有对象的外部,点击选择工具,选点一下绘制一个选框,选框都框住的对象都会被选中。第五步:选中后的效果。如图所示:

AI制作QQ社交分享图标
效果图:第一步:使用椭圆工具,绘制企鹅的身子。第二步:再矩形工具绘制一个矩形。第三步:先选中矩形,再选圆形,点击窗口菜单里面路径查找器。点击修剪功能。进行修剪处理。

AI制作腾讯微博社交图标
效果图:第一步:点击椭圆工具,按住Shift键,绘制一个正圆。第二步:选中圆,点击对象菜单,点击路径里面的偏移路径。第三步:在偏移路径对话框里面设置位移2.8mm,点击确定。

AI制作新浪社交图标
效果图:第一步:使用椭圆工具绘制四个椭圆,如图所示。第二步:选择这四个椭圆,点击窗口里面的路径查找器,点击联集进行合并处理。第三步:合并好后有些地方不理想,点击钢笔工具下的锚点工具,删除红箭指的锚点。

AI如何等比例缩放复制
AI如何等比例缩放复制,其它很简单,下面来了解一下缩放功能的详细介绍,你就会了。1、怎么放大或是缩小对象,一般是选中对象,点击对象菜单,变换里面的缩放。2、我们进入了比例缩放对话框,等比设置是指宽度与高度一起放大或是缩小。超过100的是放大,没超100的是缩小。在这里设置一下150,点击确定,原对象就放大了。3、在这里设置50,点击确定,原对象就缩小了。4、不等比指的是,水平是宽,垂直是高。也就是你可以随放大宽与高不同的尺寸。5、怎么在放大时,复制呢,就是点击复制功能就可以。

ai混合工具指定步数介绍
怎么把混合好的对象修改步数,请详细ai混合工具指定步数介绍,以下就是使用的介绍过程。第1步:选中设置好的混合模式图形,点击混合工具。第2步:按一下Enter键,弹出混合选项,设置间距模式为步数,设置数量为3。点击确定。第3步:然后里面的数量由1变成3个。

ai包装盒设计教程
原图:效果图:第一步:点击矩形工具,点击绘图区,弹出矩形对话框,输入宽度75mm,高度:94mm,点击确定。第二步:点击矩形工具,点击绘图区,弹出矩形对话框,输入宽度13mm,高度:94mm,点击确定。

如何用Ai连续复制对象
效果:1、打开ai的软件,执行菜单栏中的文件—新建,或者直接使用快捷键Ctrl+N新建一个画布。2、选择矩形工具,将填充设置为浅褐色,描边设置为无,在画布上画一个矩形。3、选择放大工具,将画布放大;再将填充设置为深褐色,描边设置为无,在画布上画一个小矩形,效果如下图。4、选择选择工具,然后鼠标选中小矩形,再按住Alt键不放,鼠标点击小矩形拖动,可以得到一个相同的矩形,效果如下图。

ai文件用什么打开
我们在日常工作中常常会遇到ai文件,那么ai文件怎么打开呢?ai文件用Illustrator软件打开。1.首先鼠标右击电脑上的ai格式文件。 2.随后在弹出的窗口中点击打开方式。 3.在弹出的窗口中再点击更多应用。 4.下拉找到Illustrator软件。 5.最后点击Illustrator软件并点击确定即可打开ai文件。1.首先鼠标右击电脑上的ai格式文件。2.随后在弹出的窗口中点击打开方式。 3.在弹出的窗口中再点击更多应用。4.下拉找到Illustrator软件。5.最后点击Illustrator软件并点击确定即可打开ai文件。6.ai格式文件是Adobe企业发表的AdobeIllustrator制作生成的矢量图文件。占用磁盘空间小,开启速度快,便于格式转换专用文件矢量软件illustrator格式是它最大的优点。此软件主要是运用于印刷出版发行,海报图片,多媒体视频图像处理和移动互联网网页的设计等。

illustrator快捷键有哪些
illustrator快捷键有哪些呢?这是我收集比较全 比较好的快捷键 重点还是自己 多练就记得了 illustrator快捷键大全(AI快捷键汇总)如下: 移动工具 【V】 直接选取工具、组选取工具 【A】 钢笔、添加锚点、删除锚点、改变路径角度 【P】 添加锚点工具 【+】 删除锚点工具 【-】 文字、区域文字、路径文字、竖向文字、竖向区域文字、竖向路径文字 【T】 椭圆、多边形、星形、螺旋形 【L】 增加边数、倒角半径及螺旋圈数(在【L】、【M】状态下绘图) 【↑】 减少边数、倒角半径及螺旋圈数(在【L】、【M】状态下绘图) 【↓】 矩形、圆角矩形工具 【M】 画笔工具 【B】 铅笔、圆滑、抹除工具 【N】 旋转、转动工具 【R】 缩放、拉伸工具 【S】 镜向、倾斜工具 【O】 自由变形工具 【E】 混合、自动勾边工具 【W】 图表工具(七种图表) 【J】 渐变网点工具 【U】 渐变填色工具 【G】 颜色取样器 【I】 油漆桶工具 【K】 剪刀、餐刀工具 【C】 视图平移、页面、尺寸工具 【H】 放大镜工具 【Z】 默认前景色和背景色 【D】 切换填充和描边 【X】 标准屏幕模式、带有菜单栏的全屏模式、全屏模式 【F】 切换为颜色填充 【<】 切换为渐变填充 【>】 切换为无填充 【/】 临时使用抓手工具 【空格】 精确进行镜向、旋转等操作 选择相应的工具后按【回车】 复制物体 在【R】、【O】、【V】等状态下按【Alt】+【拖动】 文件操作 新建图形文件 【Ctrl】+【N】 打开已有的图像 【Ctrl】+【O】 关闭当前图像 【Ctrl】+【W】 保存当前图像 【Ctrl】+【S】 另存为... 【Ctrl】+【Shift】+【S】 存储副本 【Ctrl】+【Alt】+【S】 页面设置 【Ctrl】+【Shift】+【P】 文档设置 【Ctrl】+【Alt】+【P】 打印 【Ctrl】+【P】 打开“预置”对话框 【Ctrl】+【K】 回复到上次存盘之前的状态 【F12】 编辑操作 还原前面的操作(步数可在预置中) 【Ctrl】+【Z】 重复操作 【Ctrl】+【Shift】+【Z】 将选取的内容剪切放到剪贴板 【Ctrl】+【X】或【F2】 将选取的内容拷贝放到剪贴板 【Ctrl】+【C】 将剪贴板的内容粘到当前图形中 【Ctrl】+【V】或【F4】 将剪贴板的内容粘到最前面 【Ctrl】+【F】 将剪贴板的内容粘到最后面 【Ctrl】+【B】 删除所选对象 【DEL】 选取全部对象 【Ctrl】+【A】 取消选择 【Ctrl】+【Shift】+【A】 再次转换 【Ctrl】+【D】 发送到最前面 【Ctrl】+【Shift】+【]】 向前发送 【Ctrl】+【]】 发送到最后面 【Ctrl】+【Shift】+【[】 向后发送 【Ctrl】+【[】 群组所选物体 【Ctrl】+【G】 取消所选物体的群组 【Ctrl】+【Shift】+【G】 锁定所选的物体 【Ctrl】+【2】 锁定没有选择的物体 【Ctrl】+【Alt】+【Shift】+【2】 全部解除锁定 【Ctrl】+【Alt】+【2】 隐藏所选物体 【Ctrl】+【3】 隐藏没有选择的物体 【Ctrl】+【Alt】+【Shift】+【3】 显示所有已隐藏的物体 【Ctrl】+【Alt】+【3】 联接断开的路径 【Ctrl】+【J】 对齐路径点 【Ctrl】+【Alt】+【J】 调合两个物体 【Ctrl】+【Alt】+【B】 取消调合 【Ctrl】+【Alt】+【Shift】+【B】 调合选项 选【W】后按【回车】 新建一个图像遮罩 【Ctrl】+【7】 取消图像遮罩 【Ctrl】+【Alt】+【7】 联合路径 【Ctrl】+【8】 取消联合 【Ctrl】+【Alt】+【8】 图表类型 选【J】后按【回车】 再次应用最后一次使用的滤镜 【Ctrl】+【E】 应用最后使用的滤镜并调节参数 【Ctrl】+【Alt】+【E】 文字处理 文字左对齐或顶对齐 【Ctrl】+【Shift】+【L】 文字中对齐 【Ctrl】+【Shift】+【C】 文字右对齐或底对齐 【Ctrl】+【Shift】+【R】 文字分散对齐 【Ctrl】+【Shift】+【J】 插入一个软回车 【Shift】+【回车】 精确输入字距调整值 【Ctrl】+【Alt】+【K】 将字距设置为0 【Ctrl】+【Shift】+【Q】 将字体宽高比还原为1比1 【Ctrl】+【Shift】+【X】 左/右选择 1 个字符 【Shift】+【←】/【→】 下/上选择 1 行 【Shift】+【↑】/【↓】 选择所有字符 【Ctrl】+【A】 选择从插入点到鼠标点按点的字符 【Shift】加点按 左/右移动 1 个字符 【←】/【→】 下/上移动 1 行 【↑】/【↓】 左/右移动1个字 【Ctrl】+【←】/【→】 将所选文本的文字大小减小2 点象素 【Ctrl】+【Shift】+【<】 将所选文本的文字大小增大2 点象素 【Ctrl】+【Shift】+【>】 将所选文本的文字大小减小10 点象素 【Ctrl】+【Alt】+【Shift】+【<】 将所选文本的文字大小增大10 点象素 【Ctrl】+【Alt】+【Shift】+【>】 将行距减小2点象素 【Alt】+【↓】 将行距增大2点象素 【Alt】+【↑】 将基线位移减小2点象素 【Shift】+【Alt】+【↓】 将基线位移增加2点象素 【Shift】+【Alt】+【↑】 将字距微调或字距调整减小20/1000ems 【Alt】+【←】 将字距微调或字距调整增加20/1000ems 【Alt】+【→】 将字距微调或字距调整减小100/1000ems 【Ctrl】+【Alt】+【←】 将字距微调或字距调整增加100/1000ems 【Ctrl】+【Alt】+【→】 光标移到最前面 【HOME】 光标移到最后面 【END】 选择到最前面 【Shift】+【HOME】 选择到最后面 【Shift】+【END】 将文字转换成路径 【Ctrl】+【Shift】+【O】 视图操作 将图像显示为边框模式(切换) 【Ctrl】+【Y】 对所选对象生成预览(在边框模式中) 【Ctrl】+【Shift】+【Y】 放大视图 【Ctrl】+【+】 缩小视图 【Ctrl】+【-】 放大到页面大小 【Ctrl】+【0】 实际象素显示 【Ctrl】+【1】 显示/隐藏所路径的控制点 【Ctrl】+【H】 隐藏模板 【Ctrl】+【Shift】+【W】 显示/隐藏标尺 【Ctrl】+【R】 显示/隐藏参考线 【Ctrl】+【;】 锁定/解锁参考线 【Ctrl】+【Alt】+【;】 将所选对象变成参考线 【Ctrl】+【5】 将变成参考线的物体还原 【Ctrl】+【Alt】+【5】 贴紧参考线 【Ctrl】+【Shift】+【;】 显示/隐藏网格 【Ctrl】+【”】 贴紧网格 【Ctrl】+【Shift】+【”】 捕捉到点 【Ctrl】+【Alt】+【”】 应用敏捷参照 【Ctrl】+【U】 显示/隐藏“字体”面板 【Ctrl】+【T】 显示/隐藏“段落”面板 【Ctrl】+【M】 显示/隐藏“制表”面板 【Ctrl】+【Shift】+【T】 显示/隐藏“画笔”面板 【F5】 显示/隐藏“颜色”面板 【F6】/【Ctrl】+【I】 显示/隐藏“图层”面板 【F7】 显示/隐藏“信息”面板 【F8】 显示/隐藏“渐变”面板 【F9】 显示/隐藏“描边”面板 【F10】 显示/隐藏“属性”面板 【F11】 显示/隐藏所有命令面板 【TAB】 显示或隐藏工具箱以外的所有调板 【Shift】+【TAB】 选择最后一次使用过的面板 【Ctrl】+【~】