如何去设计优秀的APP界面视觉设计【app设计教程】

百度总裁李彦宏说过人要做喜欢且擅长的事，你们觉得呢？

首先，你要足够确定你真的喜欢设计，热衷于发现美、感受美、创造美，最终能解释美。积极的行动和思考是进步的源动力。

据我所知，业内优秀的视觉设计师都会用业余时间来做很多和视觉设计相关的事，摄影、涂鸦、手工创作、制作影片…兴趣和工作是可以结合的。

今天25学堂跟大家来小小议论一下，如何去设计优秀的APP界面视觉设计。

优秀的APP界面视觉设计首先是能够非常明确的传达这个APP的主旨的，说白了就是这个APP是用来干什么的。产品必须是一个优雅的整体，产品的设计必须是由内而外的统一、协调，像万万没想到里的孔女神一般只存在于电影或者游戏当中。所以，色彩、图案、形态、布局等的选择必须与APP的功能、情感相呼应，务必做到一脉相承，零时间传达APP的概念。

其次优秀的APP界面视觉设计是有特点的、吸引人的，特别是在第一眼的时候。当然这必须先满足上面那一点，而不是单纯的为了搏眼球、搏出位。整个设计过程会是一场微妙的博弈与平衡，以达到一种魅力的素雅的耐看的境界。

评估一套优秀APP视觉UI设计的标准有以下几个方面：

第一方面：是否清晰的展现了信息层级

对于APP的UI设计在层级方面，需要遵循的原则，

1）尽量用更少的视觉层级来展示信息，因为在移动场景中，用户的注意时长更短，需要在最短的时间引导用户关注到核心信息以完成主操作，如果层级过多，会使效率更低。

2）当不可避免的要采用多个层级，那么使用尽可能少的设计手法做层级区分。

例如，区分信息A和信息B，可以用颜色或大小或亮度或动静等等手法来区分，但是在这些手法中尽量选择一种，不要两种叠加，这样可以使界面展现更为优雅。关于这方面的详细内容，可以参考我的一个小结减少视觉层级，向优雅迈进一小步，其中有一些案例来说明。

第二方面：是否采用了一致的设计语言

这一点很好理解，在整个APP中采用一致的配色方案、材质、元素、厚度，但这里需要注意的是，设计语言包括但不仅限于这些内容，还需要在相同的使用场景中，相同性质的控件，提供一致的交互和样式呈现。这样做的意义是尽量降低用户的学习成本，尽快从新手过渡到中等熟练阶段。

第三方面：是否在细节上给予惊喜

这一点，我个人认为是最难的，也是体现设计师创新力和水平的部分，做的出色，可以让用户产生强烈的印象和好感。一个直观的翻页动画，一个有趣的加载状态、甚至一段让人忍俊不禁的文案，都能够让一个APP从"good"提升到“great"。

再说优秀的视觉设计师必须具备哪些能力和本事！

第一：优秀的视觉设计师是能够体谅用户的。每做一个决定的时候，都是从用户的角度出发，而不是总是陷入无限的自我的陶醉或者情怀当中。

其次：优秀的视觉设计师是熟悉精通多种风格的。用户是多样的，需求是多种的，流行是会随着时间变化的，APP的视觉有什么理由不做出必要的改变呢

最后：优秀的视觉设计师是有自己的理念的。这种理念不会是狭隘的扁平化或者拟物化，这些只是表象的手段。这种理念应当是基于它是如何有益于用户的，又或者给用户带来什么样的好处，获得了什么样的启发，或许是生理上的，或许是情感上的。