分享一些APP开发的UI设计流程

在多年的APP开发经验中，我们积累了一些UI设计的流程和方法，在这里分享给做APP设计的设计师们。

 

一、前期工作

1.画!

无论是一张纸、笔记本，还是一片什么能写的玩意儿，都可以。我需要用纸笔记录下脑中的创意，避免遗忘。有些时候，灵感经常不经意出现，而一时半会儿又找不到合适的纸，因此我会用银行收据、餐馆账单、书籍封面等做暂时记录。

可以专门用一个笔记本来收集你的创意，不时的翻翻，可能会找到一些非常有趣的旧想法，你可以根据这些旧点子想一些新玩意儿。

2. 收集图片

还有一项前期要做的工作就是收集图片，我每天都会收集一些图片。收集图片的方法可能有好几百种，但是我还是习惯最Old-School的方法——Dropbox文件夹分类(例如，我会分成后台界面设计、iOS设计、插画设计等等)每当我有新的项目的时候，我就会看看这些图片，用来寻找灵感。

3. 情绪板和准备工作

Dribbble，Behance，Pttrns，Pinterest——我们有很多可以需找灵感的地方。而且很容易就能找到和你项目相关的作品。多去逛逛，你可能会从别人的经验中学会解决问题。

 

二、开始着手设计

1. 不必在乎线框图的质量

我不喜欢精雕细琢线框图。毕竟，这玩意儿只是一个过渡，而且客户能够预先准备好线框图就更好了。真正的业界好客户(而且肯定对品质也有追求的)肯定预先会以草图或者线框图的形式来表述需求。

线框图的作用是就是让彼此更好的理解目的，而不是最终结果。线框图能够帮助架构层级，让你了解大概需要多少屏界面，让你了解客户的想法

设计师必须懂得去“敏捷”设计，如果真的太在意线框图的细节，那么整个设计流程会拉长，设计师应该学会去取舍。

2. 整理、规范图层和图层组

建议如果超过8个图层，那么就创建一个图层组。

3. 和朋友沟通

重视那些能够给出专业性反馈意见的人。留意他们的反应和初次看到你设计时的想法，这未尝不是一种用户测试。而且多聆听别人的意见，能够让你从不同的角度看待问题。在整个设计流程中，我尽可能的多和别人沟通，避免出现主观差错。每个人都可以给出一些不错的意见。还记得那句话吗?“只要你进了这个屋子，你就是用户体验设计师。”

4. 配色表

扁平化的要领之一是配色精简。也方便了我们展现配色表。

5. 字体表

要完善的记录Logo使用的字体，文本使用的字体，标题使用的字体等等，这对于开发会大有裨益。个人复查作品时也会很有帮助。

 

三、提高效率的一些建议

1. 待办事项

前面已经提过，我是一个崇尚有序的人。因此我高度依赖待办事项清单。我推荐Cultured Code的Things，或者直接用一张纸来做真正的待办事项清单也可以。这样当你完成整体清单时，感受会非常的棒。以前可能我会5项工作同时展开，但是最近我发现，如果仅仅做1-2项工作，我会更集中，效果也自然会更好。

2. 目标

必须要清除的了解，你想要达成什么目标，但是也不要过于受目标限制。

 

以上就是UI设计的一些工作流程，希望你能从中得到帮助。