掌握色彩及表现形式风格设计把控力将获大提升

Author: Chris Song

色彩是决定风格的基础,而形式决定风格的表现。色彩及形式自然就形成了风格。设计师每天都必须跟色彩及形式打交道。在设计中对于设计风格的把控可以说是大多数设计师初级瓶颈遇到的最大困惑,很大程度上会打击设计师的自信心,甚至容易进入软件和技能的强化误区,而忽略某种风格的本质,风格相对来说是一个抽象的词,很大程度上无法具体的捕捉,而在设计中风格则是通过色彩进行传递,让观者更加的直接的体会感触到某种风格所带来的视觉和心里的感受;本期文章将通过色彩和形式来帮助一些在风格方面遇到瓶颈的设计师朋友,希望通过简明扼要的赘述能够理清你的思路。



什么是风格设计?

-


风格是艺术概念,艺术作品在整体上呈现的有代表性的面貌。是通过艺术品所表现出来的相对稳定、内在、反映时代、民族或艺术家 的思想、审美等的内在特性。本质在于是艺术家对审美独特鲜明的表现,有着无限的丰富性。


优雅&知性


在两个相同的人物画面中,当人物穿着白色裙子时传递给我们一种优雅的气质.而当穿着蓝色衬衫时则会给我们一种知性的感觉,但不同的气质却有很符合人物本身.而通过这些我们可以提取出一些特点:衣服款式/衣服颜色/形式


青春&性感


人物与前面人物不一样,装扮也不同,第一个虽然也是穿的白色衣服,但人物本身的气质和装扮与第一组相比却大相径庭,给人一种清纯的感觉,而与同组相比则是装扮和衣服的差别,给人一种性感的感觉;同样可以提取一些特点: 妆容打扮/颜色气质 /颜色


通过两组人物的观察我们可以看出,人物则是通过不同服装款式和 颜色以及不同的妆容来展现出不同的气质和风格,而这种气质风格则是与人物本身的综合风格中的某一点相吻合,服装的款式和装扮则是对某种气质的强调说明,而决定这种风格的则是衣服的颜色;人物本身的气质风格多变,通常会伴随着多个形容词来体现某个人物的气质,而设计师则需要捕捉到差异化的体现;接着看


 

炫酷&笨重&轻巧&硬朗


形容词:电脑主机 机械感 科技感 坚硬


通过案例可以看出,四个产品都是属于机械类的电脑主机。其属性除了行业特有的风格之外,自身也通过形状体积的大小和颜色传递传出不一样的风格和感受,而在相同背景颜色下则显得第一个.第二,第四个产品不太符合产品本身所要传达的感觉,其主要是受自身色彩和形状的影响,但却未偏离行业的大方向;




色彩&表现形式

-


通过两组案例,最终可以得出影响风格的因素除了自身之外,还受色彩形状,装扮,行业,文化,时代 等诸多内在外在的因素影响外在的因素则是可受控或者改变的因素,这些因素在设计中则可以用色彩和表现形式作为呈现,可以给观者最直观的感受,而这些直观的感受我们都可以称之为风格; 风格用更加通俗的话来说就是第印象,而决定第一印象的基础就是色彩,表现形式则是风格的催化剂;


实际案例分析




简约怀旧


画面以文字作为主体,文字本身的笔画结构特征就会传递一些风格气质,该字体给人一种复古怀旧的感觉,针对主体进行复古肌理的刻画,加强主体的风格气质,而背景则使用浅色突出主体,其他描述性的文字则使用宋体类型的繁体,进一步刻画复古陈旧的感觉,以表达画面的时间久远性:


潮流个性


相同的形式,相同的主体和细节刻画,而在不同颜色的背景下则会改变原来的风格,黄色本身就给人一种活力向上的感觉,与黑色的主体也是经典的配色用法,如果还用复古陈旧的风格来形容则会显得不太贴切,用个性潮流可能会更加恰当一些,但同时又保留了原来一些风格气质;


通过案例分析可以看出,两组的配色都是比较经典的颜色搭配,而不同的颜色则会传递出不一样的感觉,在设计中的风格可能更多的是需要一种平衡感,而这种平衡则是要让颜色,字体,元素,细节,刻画等等一系列的外在因素与我们想要表达的某种风格气质达到高度统一的平衡;



搞定风格的两大招

-


色彩选择 表现形式


01色彩选择


色彩作为风格的决定基础,在设计中也是困扰设计师最大的问题之一,但却无时无刻不在与色彩打交道,而在设计作品时往往会不知道颜色该怎么选,颜色该怎么配,即使是选择了相应的色彩也会感觉不伦不类,最终影响作品的品质感,无法达到满意的风格呈现;而在使用颜色时我们通常会遵循一些方法和技巧来满足设计需求,使色彩更加细腻具有品质感; 以色彩九宫格法为例;



色彩九宫格法


色彩九宫格法就是把软件中的拾色器用九宫格的形式加以区分,以色彩的明暗度和饱和度为基础,当在确定色相的情况下,调整明暗度和饱和度的同时风格也会随之改变,每种风格则可以找到相对应的格子,可以使风格和颜色更加具体化,同时也可以更好的理解色彩的应用与选择;



从色彩九宫格图可以看出,每个颜色都可以以这种方式进行划分,每个小格子也是有纯度和明度构成,而对于设计中的风格来说则是在色相统一的的情况下使明度和纯度在视觉上保持一致,每个格子最多使用1-3种颜色; 从黑到白则是无色相色,明度和纯度的变化


如下:


色彩明度变化



色彩明度的变化与无色相的黑白变化一致,以红色为例,最高明度的色也是最高纯度的颜色,从最亮到最暗的黑色亦或者从黑色到最亮的红色为基础,即使在相同色相的基础上也可以演变出不同的风格,而决定风格的则是颜色的基调,无色的黑到白则是对有色明度的过渡或者是缓和作用;


高明红色&中明红色


通过两组不同明度基调的对比可以看出,在以黑色作为过渡辅助的情况下,两组所传递的出的感觉完全是不一样的,高明度通透,而中明度深沉,在实际应用中与风格则是现在与过去的关系;



在相同的案例中,使用高明度的基调以无色的黑白作为画面的过渡,给人一种积极向上朝气蓬勃的感觉,与新年的气氛不谋而合;



当把明度降低到中明度的基调时,同样的形式和黑白过渡也是表达新年喜庆的主题,却给人一种深沉怀旧的感觉,与朝气蓬勃的风格相悖;

内高外中


如图所示,在纯度一致的情况下,明暗结合的使用则是为画面增添层次感,很多时候颜色使用的不够纯正也就是在色相确定的基调下,颜色的明度和纯度与风格的气质没有达到和谐统一;


色彩纯度变化



纯度也就是我们经常说的饱和度,饱和度的高低也就是纯度的浓与浅,与风格则是清新到浓烈的关系,同时与无色的黑白明度变化一致,当明度达到色相最亮的颜色时,开始由纯度到无色相的白色过渡,从黑色到白色中间的过渡包含了明度与纯度;


中纯度无色相&低纯度无色相


在色相统一的情况下,以不同的纯度作为基调,同样是以无色进行过渡的搭配,而风格的转变的则是从浓烈到清新自然的变化,并不只是深浅的变化,在实际应用明度和纯度只有结合才能达到风格的和谐统一;



在中纯色的基调下,由于受主体的暗色影响,画面整体过于浓烈而吞噬了主体自身的风格,强烈的对比无法突出画面视觉效果,给人一种厚重的感觉



而低纯度的基调下,暗色的主体比较醒目,展现出了自身的风格气质,而低纯度的基调则是起到了修饰性的作用,与主体的对比可以很好的展现出来;


由此可以看出,色彩的明度和纯度是相辅相成的,同时也是与色相一起构成了色彩的三要素,而色彩九宫格法则是色彩搭配选择的一种工具,在练习时借助于方法可以更好的把控色彩与风格的变化;


 

风格在受色彩影响的同时也受主体的影响,画面中的主体并非单一的色彩存在,而是基于多种元素形成了主体自身的风格,色彩的基调则是基于主体而定,在色彩选择时要与主体的色彩保持和谐统一:


色彩是决定风格的基础


之所以说色彩是决定风格的基础,主要是通过色彩构成的三要素加以九宫格的配色法,与想要表达的风格或者是主题特有的风格在画面中达到和谐统一的视觉效果,了解了明度和纯度之后可以更好的把控色彩细微的变化对风格的影响


和谐统一




在选择不同的色相中,要想让色彩与风格和谐统一,则需要注意不同色相在明度和纯度上的选择统一;


差异变化


 



而在色相不同时,明度和纯度的变化则会直接影响色彩与风格在视觉的统一,同时也是选择色彩中最容易犯的错误;


渐变的选择



高明中纯度&高明低纯度&高明高纯度


渐变的配色中,除了色相要选择适当的搭配之外,明度和纯度则必须有一个是在视觉上的感受达到协调统一的,如在纯度上存在差异,那么在明度上则要保持统一,反之明度也一样;


 

案例演示


 

以人物为例,通过从人物主体自身所传递的各种特征和色彩特征提取关键词和色彩可以看出,色彩的变化较多,但在视觉上的感受却是非常和谐统一,在设计时可以针对某一特点进行风格的延伸和色彩的选择使用;



在提取的色彩特点和人物特点中可以以可爱,清新,知性文艺等方向着手开始,而这几个特点在色彩表现上均与高明度低纯度相呼应,在缩小范围的同时让思路逐渐清晰,先着手从提取中的颜色选择一个暖色,但却很容易把主体若化掉,然后在此基础上再调整色相;



冷色调&暖色


以冷暖色对比可以看出,色彩在视觉上都与主体的风格较为统一,冷色可以给人一种宁静的感觉,与主体特点整体的风格气质不太吻合,而暖色的玫红则可以与清新可爱等特点达成一致,分析之后选择暖色调作为风格的基调,然后加入信息和刻画细节;


 

渐变的使用除了要注意明度和纯度与主体的气质风格协调统一之外,还要注意色相与色相之间的协调统一,具体使用则需要根据实际的需求而定



02 表现形式


风格的表现形式多种多样,而每种风格都有独特的特征,在与产品或者要表达的内容结合时,则是要依赖于行业或者固有的特定风格中寻求细化的特征,以作为某种风格下的细化风格产物; 在设计中常见的风格如手绘风格,三维风格,游戏风格,简约风格,现代风格,扁平风格等等,这些风格都可以作为设计中的表现形式,附加与产品之上,使其拥有独立的商业化风格特征;


形式决定风格的表现


在行业较为固定的特征之外,对于活动以及其他主题性的风格,产品自身的风格则会被弱化,而作为修饰性的元素依附于主题的调性;


从产品出发



把产品自身的风格特点作为整个画面的主体,色彩和形式上都是围绕主体出发,强调产品自身的风格;


从主题出发



在活动主体中,产品的风格就是行业属性的风格,把行业的风格与活动氛围的风格结合在一起,产品则是修饰辅助性的元素;


案例演示



通过三组不同的形式变化可以看出,在固定的主题中,产品自身也可以加以形式的变化来增强画面的表现,尤其是在较为复杂的情况下,形式则是随着风格而变,产品自身的风格也会随之弱化调;


 

为其选择一个合适的背景基调。让基调与产品自身在视觉上的感受和谐统一,然后在固定的风格的情况下,把每个形式置入其中并进行适当的刻画:



如上图所示,三组案例都是在固定的色彩和主题中进行形式的变化,每一个形式最终的视觉表现都会有不一样的感觉,没有好坏之分,只有合适不合适,即使是两种不一样的风格也可以通过形式的有效结合使其更加和谐起来;



总结

-


色彩是决定风格的基础,形式决定风格的表现,通过高纬度的视角以简明扼要的方式简单的讲述了把控风格的要素,在设计风格不能确定的情况下试着把纬度提高一下,上升到形式的角度去看一下,对于风格的把控有莫大的帮助; 同时也要注意在画面中所使用的元素对风格的影响,即使是在混合使用时也需要确定主风格旋律,否则会是画面不伦不类。


相关阅读