设计师如何提高UI设计的效率及质量_第1页
设计师如何提高UI设计的效率及质量_第2页
设计师如何提高UI设计的效率及质量_第3页
设计师如何提高UI设计的效率及质量_第4页
设计师如何提高UI设计的效率及质量_第5页
已阅读5页,还剩16页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、学IT技能上我学院网设计师如何提高UI设计的效率及质量在UI设计中,保证高效、快捷的完成设计任务,是每一个设计师所追求的,那么重点是如何才能够有效的提高UI设计的效率呢?这篇文章从习惯、软件、技巧三个方面分别为大家总结设计师的提速设计心得。一、习惯篇1、同一个项目尽量在一个psd里在项目中统一功能块、功能尽量保存在同一个psd里,日后使用会更加方便,节约在不同psd文件里查找时间。2、时刻保持图层命名、归类良好的归类、图层、命名习惯,在团队合作中psd源文件可用度效率更高,日后修改也会节省时间。3、尽量使用智能对象智能对象好处在于合并对象后不破坏对象,同时可以让这个合并后的对象具有可编辑特性,

2、同时具备同步更新功能。4、在文件夹中加蒙版,操作一步到位在文件夹加蒙版,再次修改的时候只需要把图片放入文件夹即可,可以减少重复调整蒙版等工作。5、输出尽量简单如果项目有命名标准建议以标准来命名,如项目没命名标准建议用简单易懂的中文命名方式命名。6、安装psd缩略图补丁安装PSD缩略图补丁,一目了然PSD文件的内容,提高效率拒绝猜测。二、软件篇工欲善其事,必先利其器。UI设计要更有效率,捷径就是从最常使用的Photoshop(下文简称PS)软件出发。PS软件更新很快,但出于对版本稳定性的追求,笔者并没有新版本出来就马上更新的习惯。而PS CC版本的出现,却改变了笔者的看法。用好PS CC,会在设

3、计效率方面带来很大提升。1、Photoshop CC精彩新功能多重形状和路径选择使用Photoshop CC提供的多重形状和路径选择,可以同时选取多个路径、形状和矢量蒙版,不需按多次鼠标即可完成更多任务。即使在拥有许多路径的多图层复杂图像文件中,也可以使用新的滤镜模式,直接在画布上锁定路径 (及任何图层)。简易绘制虚线PS CC不需要手工计算像素来进行绘制虚线,虚线绘制变成基础控件。文字优化旧版本的PS在使用微软雅黑字体时,无法清晰显示。而PS CC 增加了WindowsLCD的文字选项,编辑文字时选择WindowsLCD,就可在PS中获得文字外观的真实预览效果。背景存储与自动复原使用PS C

4、C,能够在背景储存大型的 PS 档案,同时还可继续工作;也可透过全新的自动复原选项保留所做的编辑,而不会中断工作进度。PS软件效率更高,大型文件处理更快PS CC对代码进行了优化,软件算效率有了很大的提升。可编辑的圆角矩形PS CC可以生成4个不一样圆角的矩形,圆角设置更加精准。更精细的描边描边能精确到0.x,能做更加精致的效果。2、简单设置Photoshop CC说了这么多好处,也谈谈问题。在使用PSCC的过程中,笔者经常遇到假死、闪退、崩溃的问题。出现这些问题的主要原因是目前大部分用户使用的都是机械硬盘,而从PS CS6开始就增加了一个后台储存的新功能,该功能的好处是定时给你的psd文件进

5、行保存,但这个功能在设计的时候并没考虑到目前大部分用户使用的都是7200转速的机械硬盘。我们平时做设计稿很有可能同时打开多个甚至数十个psd文件,如果当前运行的十个psd文件都同时储存,而刚好我们也在进行PS操作,那出现假死、闪退、崩溃的机率就非常大了。所以为了使用更稳定,可以在使用PS CC前先做一下如下设置,关闭后台储存功能。3、Photoshop CC bug一览表和解决方法除了关闭后台存储来降低软件崩溃的问题,这里笔者还根据工作经验,汇总了一些PS CC的常见问题。部分问题可以解决,但仍有部分问题只能留待下个版本的更新优化。三、技巧篇1、精简快捷键如果你肯花一点点时间来练系这些快捷键,

6、腾出你闲置的左手放到键盘上,相信这会让你的工作更加快捷高效。2、设置隔离图层快捷键设置隔离图层快捷键,好处在于进入了隔离图层后不会对其他图层进行误操作。技巧:进入隔离图层后,按Ctrl可以进行对画布中的其他图层加入此隔离图层。3、色阶的解决办法我们做效果图的时候经常会使用大面积渐变,时常会出现比较严重的色阶问题,通常出现这些明显色阶的时候,可以通过使用高斯模糊对色阶进行模糊化处理。4、文本框的好处当你需要处理一大段文字时,文本框的好处就会体现出来,它会永远保持你字体的宽度整齐展现。5、对齐像素平时画icon的时候会常常使用到二分一、三分一或者其他比例的线条,所以一般会对网格对齐功能进行关闭。而做界面的时候我们要求更加精准的界面,所以通常会开启网格对齐功能。开启与关闭网格对齐方法:Ctrl+K 勾选“将矢量工具与变化和像素网格对齐”6、图形可以合并PS CC图形图层集体合并后,仍然是可编辑图形。技巧:合并图层快捷键Ctrl+e,能把选中的图层快速合并。在Ui设计过程中,有许多小技巧可以提升你的设计效率,这需要你在具体的UI设计过程中不断的总结和积累,然后做好笔记,同时把握好每一个小细节,在不断积累的过程中,你的设计技巧会越来越娴熟,最终会总结为一整套属于你自己

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论