uniapp 的ui设计思路。设计五要素
https://www.shejidaren.com/app-sheji-5-zi-jue.html
据说,界面设计能掌握这5字诀之人(形、色、字、构、质),APP设计都不会差到哪里去。
江湖上一直流传着这样一套理论,视觉设计语言五维度即“形、色、字、构、质”,说人话就是图形、色彩、字体、结构、质感。这套理论的来源我寻了很久也没找到,但是这套理论却经常出现在各种方法论里面。下面我来逐一分享一下我对这几个要素的理解。
APP设计5字诀:形、色、字、构、质
1、形
形就是指图形,界面中的图形就包括图标、卡片、图片,因此,icon的风格、卡片圆角的大小、图片圆角的大小,都会影响界面的风格,所以要进行规范。
2、色
色即是色彩,在界面中色彩不是单一的色调,它是整个色彩规范,什么时候应该用主色,什么时候应该用辅色,主色和辅色的比例,颜色在图标、文字、装饰上的应用,这些会影响人的整体感受,吸引视觉注意力,规范的配色搭配会让界面的视觉更加舒适。
3、字
字即是字体,字体的形式、字号大小、文字的间距都影响着界面的信息传递,选择符合产品特性的字体、合适的字号、舒适的间距都能让界面看起来更加精致。
4、构
构即是结构,也就是界面的内容布局,排列的方式、分割的方式、留白的多少,都是属于界面结构的范围,结构的定义非常重要,决定着界面是否具有呼吸感、通透感、舒适感。
5、质
质就是质感,也就是整体页面的感觉,通过圆角的大小、留白的多少、排版的疏密、投影的大小来决定整个质感是扁平的还是拟物的、高冷的还是活泼的。
知道了这五个维度之后该如何应用呢?我们可以应用在竞品的视觉分析里,项目的视觉改版里,项目初期的定风格阶段里,反正就是应用在一切需要整理汇报的地方,提升你设计的专业度和可信度,如果在你的述职报告或者作品集里面搞一下,档次一下子就上去了。
最近因为季度汇报,我发现有些领导可太爱听这一套大道理了,加了这些方法论之后,他就会觉得这个人有思考、能力强、有自己的方法论,不过是好是坏那就各自评说吧。