公众账号

二维码 微信扫描关注

当前位置:首页 > 技术文章 > 前端开发 >

3个方面提升设计效率(2)

下面是这些软件的截图,大家可以去找一款最适合自己的,我目前用的是 RealMacsoftware(就是知名Todo软件 Clear 的开发商)出品的 Ember.我的 Ember:平时没有整理素材怎么办有的人平时可能很少整理素材,或者才意识到这个事情,其实有很多的网站已经帮帮我们做了这样的事情,下面的几个网站就 是专门针对 UI 设计的内容整理的素材库:– iOS\Android 按模块分类界面素材: pttrns.com– Android: Android Niceties、 Android Pattern– 寻找灵感:Pinterest 、花瓣、Calltoidea– 头像素材: UI-face– 风景素材: 500px– iOS iocn: iOS icon Gallery– 获取 Apple 资源的大图(专辑封面、电影封面、App icon 大图):iTunes Artwork Finder by Ben Dodson设计的一些Tips「工欲善其事,必先利其器」,如果说我们的素材是我们的「弹药库」,那 Photoshop 就是那杆枪了。其实设计中的技巧大多是围绕习惯培养、自动处理、善用某些功能来进行的。

下面我就按这几个思路举些例子。 

3个方面提升设计效率_www.uibq.com

PS模块的布局设置(针对UI设计)每个人的习惯都不一样,UI 设计这块,我的布局是这样的:简单的解释下我的布局:UI 设计的界面通常都是细长的,所以我们不需要太多的横向区域,所以我选择将工具设置成2列区域因为图层多,并且也是最多选择整理的内容,所以单独一列,而历 史记录和图层一样有多的特点,但是却不常使用,所以放在同一个列表中,默认显示图层面板属性、信息、色板、字符样式模块较小但是确都是经常调整的内容,所以把他们集中在一起整体看就是:常用的调整设置放在右边,而工具条完全金可以用快捷键操作,这样再设计的过程中就不用鼠标指针飞来飞去了,很小的滑动距离 就能完成相应的操作。

3个方面提升设计效率_www.uibq.com

Photoshop CC 2015 快捷键:

3个方面提升设计效率_www.uibq.com

坚持良好的图层命名很多设计师都怕去修改别人的 PSD,很大的一个原因是无法理清各个图层!保证良好的图层命名和层级是一个设计师的基本素养。PS的动作使用PS的功能很多很多,平时设计的过程中用的 只是冰山一角,比如动作很少人去使用,然而这个是提高效率的一大利器。我就简单的举几个例子吧!(设置方法自己搜索下吧,这里不赘述了)
1、快速拉参考线,设定 App 框架做 UI 设计的都知道,任何平台的 APP 都有其规范性,有着各个平台的栅格,这样不仅能保证界面整洁,还能让设计有一定的节奏感,那么我们每每开始设计一个新的界面的时候免不了去设定他们的框 架,这样可以很快的开始一个 App 的界面设计。快速设定字体iOS的设计字体用的是平方(中文)和 San Fransico(英文),而 Android的字体用的是思源黑体(中文)和 Roboto(英文)(别问我Windows Phone), 那么再涉及到中英文混排的时候,你的做法也许是这样的:选定中文内容 → 设置「平方」 → 选定英文内容 → 设置「an Fransico」,而我只需要「One Click」!看看是怎么样做到的:我先会设置一个动作,选定一个有中英文混排的段落字体,设置字体「 San Fransico」 → 设置字体「平方」,顺序一定要对,聪明的你一定知道为什么吧,OK,保存动作。然后下次你再也不用一个个的设置字体了,So easy!我的动作:Photoshop CC 库的使用现在很多人应该都在用 CC 的版本了吧,其实这里面有个非常强大的功能(前提是你用的是正版):Creat Cloud库 ,而这个能保存你的一切素材:图片、矢量文件、颜色、字体样式等。

上一篇:高清ICON SVG解决方案(下) 下一篇:没有了
关于 商务 项目 联系 友情链接网站地图 Copyright ©-2018 UiBQ版权所有(http://www.uibq.com)