APP设计5字诀：形、色、字、构、质

Sponsor

据说，界面设计能掌握这5字诀之人（形、色、字、构、质），APP设计都不会差到哪里去。

江湖上一直流传着这样一套理论，视觉设计语言五维度即“形、色、字、构、质”，说人话就是图形、色彩、字体、结构、质感。这套理论的来源我寻了很久也没找到，但是这套理论却经常出现在各种方法论里面。下面我来逐一分享一下我对这几个要素的理解。

1、形

形就是指图形，界面中的图形就包括图标、卡片、图片，因此，icon的风格、卡片圆角的大小、图片圆角的大小，都会影响界面的风格，所以要进行规范。

2、色

色即是色彩，在界面中色彩不是单一的色调，它是整个色彩规范，什么时候应该用主色，什么时候应该用辅色，主色和辅色的比例，颜色在图标、文字、装饰上的应用，这些会影响人的整体感受，吸引视觉注意力，规范的配色搭配会让界面的视觉更加舒适。

3、字

字即是字体，字体的形式、字号大小、文字的间距都影响着界面的信息传递，选择符合产品特性的字体、合适的字号、舒适的间距都能让界面看起来更加精致。

4、构

构即是结构，也就是界面的内容布局，排列的方式、分割的方式、留白的多少，都是属于界面结构的范围，结构的定义非常重要，决定着界面是否具有呼吸感、通透感、舒适感。

5、质

质就是质感，也就是整体页面的感觉，通过圆角的大小、留白的多少、排版的疏密、投影的大小来决定整个质感是扁平的还是拟物的、高冷的还是活泼的。

知道了这五个维度之后该如何应用呢？我们可以应用在竞品的视觉分析里，项目的视觉改版里，项目初期的定风格阶段里，反正就是应用在一切需要整理汇报的地方，提升你设计的专业度和可信度，如果在你的述职报告或者作品集里面搞一下，档次一下子就上去了。

最近因为季度汇报，我发现有些领导可太爱听这一套大道理了，加了这些方法论之后，他就会觉得这个人有思考、能力强、有自己的方法论，不过是好是坏那就各自评说吧。

作者：设研_仓仓君 | Leo设研所（公众号）
原文地址：https://mp.weixin.qq.com/s/AmbGw-fwydRTCbwxLmKHMQ

赞助商链接

喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。