移动应用UI设计的素材分类方法
在移动应用UI设计的时候,需要用到大量的素材。一般一个合格的移动应用UI设计师都会随手收集各种应用素材。但是素材收集多了,如果不进行分类,对于移动应用UI设计的时候调用素材会增加工作难度。下面网我告诉您移动应用UI设计的素材分类方法。
一、移动应用UI设计素材的分类方法
既然设计素材这么重要,那有什么好的方式整理呢?最普通的方式可能就是文件夹了,一层层的嵌套,但是稍微有些繁琐,其实现在有很多的软件可以满足这些功能。 下面是这些软件的截图,大家可以去找一款最适合自己的,我目前用的是 RealMacsoftware 出品的 Ember.
1、平时没有整理素材怎么办
有的人平时可能很少整理素材,或者才意识到这个事情,其实有很多的网站已经帮帮我们做了这样的事情,下面的几个网站就是专门针对 UI设计的内容整理的素材库:
– iOSAndroid 按模块分类界面素材: pttrns.com
– Android: Android Niceties、 Android Pattern
– 寻找灵感:Pinterest 、花瓣、Calltoidea
– 头像素材: UI-face
– 风景素材: 500px
– iOS iocn: iOS icon Gallery
– 获取 Apple 资源的大图:iTunes Artwork Finder by Ben Dodson
2、设计的一些Tips
「工欲善其事,必先利其器」,如果说我们的素材是我们的「弹药库」,那 Photoshop 就是那杆枪了。其实设计中的技巧大多是围绕习惯培养、自动处理、善用某些功能来进行的。下面我就按这几个思路举些例子。
3、PS模块的布局设置
每个人的习惯都不一样,UI设计这块,我的布局是这样的:
UI设计的界面通常都是细长的,所以我们不需要太多的横向区域,所以我选择将工具设置成2列区域因为图层多,并且也是最多选择整理的内容,所以单独一列,而历史记录和图层一样有多的特点,但是却不常使用,所以放在同一个列表中,默认显示图层面板属性、信息、色板、字符样式模块较小但是确都是经常调整的内容,所以把他们集中在一起整体看就是:常用的调整设置放在右边,而工具条完全金可以用快捷键操作,这样再设计的过程中就不用鼠标指针飞来飞去了,很小的滑动距离就能完成相应的操作。
4、Photoshop CC 2015 快捷键:
二、坚持良好的图层命名
很多设计师都怕去修改别人的 PSD,很大的一个原因是无法理清各个图层!保证良好的图层命名和层级是一个设计师的基本素养。