江湖上一直流传着这样一套理论,视觉设计语言五维度即“形、色、字、构、质”,说人话就是图形、色彩、字体、结构、质感。这套理论的来源我寻了很久也没找到,但是这套理论却经常出现在各种方法论里面。下面我来逐一分享一下我对这几个要素的理解。
形就是指图形,界面中的图形就包括图标、卡片、图片,因此,icon的风格、卡片圆角的大小、图片圆角的大小,都会影响界面的风格,所以要进行规范。
色即是色彩,在界面中色彩不是单一的色调,它是整个色彩规范,什么时候应该用主色,什么时候应该用辅色,主色和辅色的比例,颜色在图标、文字、装饰上的应用,这些会影响人的整体感受,吸引视觉注意力,规范的配色搭配会让界面的视觉更加舒适。
字即是字体,字体的形式、字号大小、文字的间距都影响着界面的信息传递,选择符合产品特性的字体、合适的字号、舒适的间距都能让界面看起来更加精致。
构即是结构,也就是界面的内容布局,排列的方式、分割的方式、留白的多少,都是属于界面结构的范围,结构的定义非常重要,决定着界面是否具有呼吸感、通透感、舒适感。
质就是质感,也就是整体页面的感觉,通过圆角的大小、留白的多少、排版的疏密、投影的大小来决定整个质感是扁平的还是拟物的、高冷的还是活泼的。
整体页面的需要什么样的感觉是要从项目需求中来,比如一个面向幼儿教育的产品你不能走高冷的风格,这样你的设计就与产品的调性不符合。需求决定了需要什么风格,然后设计再通过某些手法来表现出这种风格,这就是我所理解“质”的定义。
在实际操作中,比如你需要做一个幼儿教育的产品,页面的感觉就需要明亮轻快,富有童趣的。具体的视觉表现就是圆角要大,颜色要鲜艳,图标要可爱,文字要大,按钮要大,元素都看起来圆乎乎的等等,在设计的时候遵循这些基本准则,也可以说是设计规范,就可以让页面准确的表现出可爱的质感。
由此可以知道一个页面的质感和之前其他四个要素“图形、色彩、文字、结构”密不可分,所以基本功扎实很重要,因为你光知道理论但是没有手头上的硬功夫去支持你的理论,你很难达到你想要的效果。就比方说之前很流行的玻璃质感的图标,你虽然知道这个风格是最近流行的,你也想用到你的界面里面,但是你不知道怎么去做这种质感的图标,那就很难实现你想要的效果了,还有就是你知道了技法,但是你的图标颜色用的不好,图标的形态结构画的不好,那这样也很难达到你想要的效果。
知道了这五个维度之后该如何应用呢?我们可以应用在竞品的视觉分析里,项目的视觉改版里,项目初期的定风格阶段里,反正就是应用在一切需要整理汇报的地方,提升你设计的专业度和可信度,如果在你的述职报告或者作品集里面搞一下,档次一下子就上去了。
必须是你的设计能力能够匹配你的理论知识,如何去提升基本功,我觉得提升基本功的方法就是刻意练习。
比如某一个时间段去刻意练习图标的绘制,刻意练习可以每天下班画一个图标一周就可以画成一组图标,或者是在工作中时间允许的情况下,每次有画图标的需求可以多尝试很多风格,每个风格尽量都是完整稿,当然,刻意练习不是闭着眼睛,自己想画啥就画啥,而是要找好看的参考,去画一组与参考风格相似的图标,甚至初期的时候可以直接临摹,去领悟这种风格精髓。其他方向的刻意练习也是大致一个思路。