移动应用UI设计的素材分类方法

2021-12-01 23:22:28

阅读 12992次标签： ui交互设计游戏ui设计作者：蓝blue

　　在移动应用UI设计的时候，需要用到大量的素材。一般一个合格的移动应用UI设计师都会随手收集各种应用素材。但是素材收集多了，如果不进行分类，对于移动应用UI设计的时候调用素材会增加工作难度。下面一品威客网小编告诉您移动应用UI设计的素材分类方法。(专业事找专业人做，找相关服务请加小编qq：1482553732，专业、优质、低价，先服务后付款，不满意不用钱）

　　一、移动应用UI设计素材的分类方法

　　既然设计素材这么重要，那有什么好的方式整理呢?最普通的方式可能就是文件夹了，一层层的嵌套，但是稍微有些繁琐，其实现在有很多的软件可以满足这些功能。下面是这些软件的截图，大家可以去找一款最适合自己的，我目前用的是 RealMacsoftware(就是知名Todo软件 Clear 的开发商) 出品的 Ember.

　　1、平时没有整理素材怎么办

　　有的人平时可能很少整理素材，或者才意识到这个事情，其实有很多的网站已经帮帮我们做了这样的事情，下面的几个网站就是专门针对 UI设计的内容整理的素材库：

　　– iOSAndroid 按模块分类界面素材： 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

　　2、设计的一些Tips

　　「工欲善其事，必先利其器」，如果说我们的素材是我们的「弹药库」，那 Photoshop 就是那杆枪了。其实设计中的技巧大多是围绕习惯培养、自动处理、善用某些功能来进行的。下面我就按这几个思路举些例子。

　　3、PS模块的布局设置(针对UI设计)

　　每个人的习惯都不一样，UI设计这块，我的布局是这样的：

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

　　4、Photoshop CC 2015 快捷键：

　　二、坚持良好的图层命名

　　很多设计师都怕去修改别人的 PSD，很大的一个原因是无法理清各个图层!保证良好的图层命名和层级是一个设计师的基本素养。

一品威客网汇聚了数百万专业的移动应用UI设计、软件UI设计、整站网页设计、网站模板设计、网站标志设计、网站广告设计、网站动画设计、网页美工设计等优秀威客人才，只要您在网站发布任务需求，就能够吸引众多威客给您献上最好的创意服务。（如需要找相关服务，请加我的qq:1482553732,专业优质，先服务后付款，不满意不用钱）