扁平化手法中色彩元素的运用

PAGE12PAGE扁平化手法中色彩元素的运用摘要：随着时代的发展，大众对于艺术的审美需求愈加向异质化倾向发展。工业革命带来了生产和生活方式上的巨大改革，侧面推动了大众审美趣味的变化。高楼林立的钢铁森林当中，繁忙的生活让人无暇品味更加细致和繁复的装饰艺术，简约而不简单的扁平化设计之美开始逐渐成为大众青睐的艺术表现形式。这次通过插画艺术来体现扁平化艺术的色彩之美。扁平化艺术设计正当潮流之际，这种潮流也开始慢慢席卷了整个设计领域。现在无设计不是扁平化，而这种设计虽然流行，但是它也只是万千风格的一种而已。本文就从扁平化设计上的审美视域下对插画色彩元素等的运用进行多方面深入探析。通过色彩的层级搭配，对图形拟物化与扁平化的对比表现形式，以及层次化处理等角度分析扁平化设计风格的特征来讨论。关键词：扁平化;色彩元素;插画;

目录1绪论………………………11.1研究背景……………………11.2研究目的和意义………………………11.3研究的内容和方法………………………12扁平化设计概述………………………32.1扁平化设计的形成原因………………32.2扁平化设计的发展…………32.3扁平化设计带来的改变……………………33插画设计中扁平化图形设计地影响因素………23.1扁平化图形设计表达地精髓………………23.2扁平化图形设计影响下的插画设计………24基于扁平化手法中对插画色彩搭配的应用………………44.1扁平化图形设计在插画设计中的过程…………………44.2插画设计中扁平化图形设计的色彩原则………44.3扁平化手法的色彩考量……………45设计实例……………………55.1设计方案………………55.2小结………………5总结……………6致谢………………7参考文献…………………………8绪论1.1研究背景随着移动互联网的飞速发展，扁平化设计横空出世，它也是这几年被提出来的一个名词，有人形容扁平化设计就是把一个东西拍扁，没有立体感觉的设计。扁平化设计是相对于“拟物化设计”而言。拟物化设计是指给图标等对象添加阴影、细节等等，让它能够更形象的表现。扁平化风格的设计流行是起源于2013年9月18日苹果公司推出的平板和电脑的操作系统ios7.早在这之前2010年10月11日，微软公司的Windowsphone手机智能操作系统Metro界面早就问世了，到2012年10月26日微软的Windows8系统才引起了业界的注意。关于扁平化设计的起步比其他设计来得晚了些，相关著作文献也不是很多。而国内一般以期刊杂志为主。也同时出版了不少关于扁平化设计的书籍，主要还是以技术指导为主要内容。而国内第一本使用“扁平化”这个词汇的书籍是《交互设计的艺术：ios7拟物化到扁平化革命》。1.2研究目的和意义在当代中国，信息和各种知识都在通过互联网以最快的速度传播和发展。设计这种走在第一前沿的领域，每天也在不断的更新着发展。所以我认为扁平化图形设计不仅仅可以应用在网页设计领域，也可以向其他领域比如插画设计领域进行拓展，这是适应新的环境和形式。同时，插画设计也不再是单纯的、仅仅通过纸媒的插画设计，通过互联网传播，不仅是插画设计还是拓展的其他设计板块都可以发展出新的形式和内容，同时也和目标人群互动的能力。扁平化设计的研究有多种意义，主要提的是理论意义和实践意义。理论意义就是可以有效促进扁平化图形设计的发展和完善。通过利用互联网传播的特点，来满足用户的需求。扁平化图形实现了快速识别元素和简洁的设计，并且色块化设计降低了对高像素的需求还能满足精致化的视觉效果，最重要的是这种扁平化图形降低了图像载入的速度，最大效率的实现了图像传播的有效性。而实践意义就是扁平化设计可以以最直接的方式接触到我们心中所想的信息。将内涵信息图像化，将插画设计拓展不只是纸媒设计，更加适应现在的传播方式，将互联网元素融入传统领域。这样会更有助于传统设计方式向现代互联网设计方式转变，并且可以快速的传达到每个人的面前，还大大提升了设计的艺术性和趣味性。1.3研究的内容和方法本课题通过深入研究扁平化图形在插画设计领域中的应用的设计方法，探索扁平化图形在传统插画设计领域的创新，同时探讨扁平化图形其他可变形式与插画设计配合与发展，以期最大限度的达到扁平化图形创新应用的目的，创建插画、图形和不同学科在互联网背景下的交叉融合。扁平化设计的概述2.1扁平化设计的形成原因扁平化图形设计是一个能让设计界流行多年的概念。由于很多网站、app界面、系统都进行了对自己本身进行了再设计，并且采用了扁平化图形设计的风格，这种趋势几乎无处不在，无论是网站、应用程序还是插画设计中。使这种趋势变得更加流行的是Windows8和新谷歌的设计，他们其中包括了一个完全扁平化的审美版本。并且其他流行网站也同样进行了改变。扁平化图形设计，可以既是漂亮的又是非常优美的。没有大量的增加装饰效果，它通过一个干净和简单的方式来传达信息或者推销产品和想法。2.2扁平化设计的发展没有大量的增加装饰效果，它通过一个干净和简单的方式来传达信息或者推销产品和想法。现在我们看到的大多数东西，无论是网页上还是其他数字媒体上都是发源于印刷和一种艺术形式的降格化。虽然现在已经很困难缺人扁平化图形设计准确的开端，但是我们还是在历史的细枝末节中找到激发这种设计产生的时间点。瑞士风格的设计：当我们谈起关于扁平化图形设计的历史的事后第一个月入脑海的最重要的设计风格就是瑞士风格。瑞士设计风格起源于瑞士，并且从18世纪40年代到50年代是最强势的设计风格。而瑞士设计大多主要抓住与网格、无衬线体字体、挑剔的内容和无惧层次。极简设计：另一个对扁平化设计具有很大影响的就要追溯到历史上的极简化设计了。现在的极简主义设计曾经是扁平化设计的互译，无论如何极简主义设计在互联网业出现之间就已经建立并且非常著名。它是让扁平化图形设计闻名于世的媒介，是视觉艺术表现传达和极简化设计。极简化设计闻名于它消除任何成为一片式，并且只留下什么是最重要的元素和一些必备元素。微软以及它的metro设计：在2010年的10月，微软推出了Windowsphone7就是基于Zune的系统设计的。这款操作系统包括了大量色块、干净简单的版式设计和扁平化的图标设计。自适应设计：就一般情况下，越来越多不同种类的设备、屏幕尺寸、浏览器和网页都是互联互通的。设计师要很努力的调整他们过去的设计风格，那些包括不同种类的材质、阴影、图像，甚至是一些更小得设计部分可以更简单地适应各种不同尺寸地浏览器和屏幕尺寸。扁平化设计可以让他更简单和更好组织地方式去适应这一切地变化。2.3扁平化设计带来的改变虽然现在已经很困难缺人扁平化图形设计准确的开端，由于不同设备之间屏幕尺寸的变化，扁平化设计的色块和字体都可以最方便的适应变化，不用设计师肺里的调整拟物化设计的特效和阴影，这也是扁平化图形设计的一大优点。而我们现在所用的移动互联设备都是有很大的局限性、屏幕的大小、便携性、操作性、屏幕本身可实现的分辨率等等。插画设计中扁平化图形设计地影响因素3.1扁平化图形设计表达地精髓很多人都同样地意识到了扁平化图形设计毫无疑问非常切合移动互联设备的性质。手机有一个较小的屏幕，这个屏幕尺寸不足以承担非常复杂的信息。所以更大一些的设计元素和简单背景是最合适不过了。扁平化图形设计还有一个很好的优势，那就是，它大量的使用很多明快大胆的颜色，这让浏览的人们带来了很好的心情，明亮色调和温暖色调的完美组合使得浏览者非常舒适喜悦。有重点明确的版式设计，可以让我们更少的分心，可以把你的更多的注意力集中在寻找你要的信息上。我们应该把更多的注意力放在版式的设计和选择上。事实上，扁平化图形设计确实看起来很美观，同时具有简洁清晰的视觉效果。这种设计风格在色彩上非常丰富，并且设计醒目，我们可以更好地找到我们需要地信息。同时也非常大胆地采用几何元素。当我们不再添加更多不必要地装饰时，设计地诚恳和有效性会显现出来在设计方面。3.2扁平化图形设计影响下地插画设计很多人都同样地意识到了扁平化图形设计毫无疑问非常切合移动互联设备的性质。手机有一个较小的屏幕。扁平化图形设计风格现在依然处在普及地高峰期，并且短时间内不太可能离开我们的实现。这些话题总是围绕着它的字体选择、色彩设计等等，并且已经有很多教程来教会大家使用这种风格。但是仍然还是有一个小漏洞，那就是扁平化图形设计从网页设计、app界面设计发家，但是它已经向其他领域发展，比如说在扁平化图形设计影响下的插画设计。矢量规整化图形。扁平化图形设计影响下的插画设计带有矢量化特征，他们要不是强调色块与色块之间的组合，要不是强调粗线条，但都是非常规整化的，线条的外观倾向直线和规则曲线，鼠标钢笔作图的痕迹很明显。可以通过复制一个图形，制作出突变或者排列这种效果。这样的风格给人一种很严谨、干净、整洁边缘的外观。并且让人一眼便认出来是电脑绘制，这样带来了一个科技和未来感。明度较高的和谐色彩搭配。扁平化图形设计影响下的插画设计，颜色的选择都比较倾向明度较高的一种颜色，甚至他选择的黑色也不是纯黑色，是一种深灰色。这种配色带给人一种轻快地感受。并且扁平化的风格倾向于使用大胆靓丽的色彩，比如说会使用大面积的亮黄色，这种大块的颜色给人的视觉冲击力非常大，它的色彩又十分明快，给人留下了深刻的印象。扁平化图形设计风格下的插画设计，也不倾向于使用黑色，这种分割色再这种风格下变成了深灰色，有一种柔和的对比的感受。很多扁平化的插画设计也采用了这种明度较高初度较低的和谐色彩搭配，让人感觉明快柔和，却一点也不刺激。在网站上，这种设计风格既发挥了插画设计的优势，但是又没有喧宾夺主，最后会把人们的目光引导向想要传达的文字内容上。字体版式融入构图扁平化图形设计风格影响下的插画设计，有时候字体本身就是一种设计，有时候字体只作为搭配。当字体本身作为一种设计的时候，很多倾向于使用白色字体，大面积明亮色彩背景，既不用考虑因数成本问题，这样大面积的色彩带给人们的视觉冲击力和感受都会更加抢眼。字体设计倾向于一种经过设计处理的手写字体，它并不是完全的手写字体，经过精细的考量，曲线十分优美顺畅。有的字体为主的插画设计，几种字体占了主角，虽然同时是几种字体，但是搭配起来依然非常和谐，无衬线和有衬线交叉错落产生节奏。而用插画设计占主体，字体作为陪衬和说明性的风格，字体主要倾向于无衬线字体，或者规整的有衬线体，字体颜色使用上倾向黑白，或者和插画本身形成一种搭配。伪纯“扁平化”微软是最初创造扁平化潮流的开拓者，但是苹果公司采用这种风格让它真正的流行起来，他们都是以纯平面化著称的。谷歌公司在扁平化的道路上，想保留质感，同时又要知道一种扁平化的风格，采用了一种折中主义，那就是他们创造的质感设计。在插画设计中也涉及到这些问题的发生，有时候纯平面化并不能给画面带来很好的效果，所以设计师创造了一种叫伪纯“扁平化”的效果，它是一种二维上的伪装立体的效果。具体上有的是通过物体一半是明度低的色块，还有一半是明度高的色块组合而成的图像。有的是通过加入明度低得阴影，有的是通过加入半透明得高光等等方法来达到扁平化风格得同时保留质感。适用于多种形式一直认为扁平化图形设计风格一直不用只拘泥于插画设计，同时可以做动效设计或者是几种小游戏都可以。而且也可以做一些更复杂得、更需要设计借入的事情，可以把插画制作成连续的小动画，这样可以打破传统插画模式，也可以通过扁平化把图标设计的更让人容易理解和易懂，也可以展示出数据的变化情况。多重技术支持在一起之后，交叉学科的研究设计未来会更好，也会更加宽广。基于扁平化手法中对插画色彩搭配的应用4.1扁平化图形设计在插画设计中的过程插画的视觉语言可以用来描绘和表现任何东西。插画师通常和作家一样，用相同的方式表达，传达信息、讲述故事和发表评论等等。而对于处在初级水平的插画师来讲，可以同时保留多个选择，避免过度专攻任何一门学科，尤其在学习的早期。在提到概念过程中，要对每个项目说明清楚，全面完全的理解透彻，以及对主题各个方面信息的研究和集合，意味着解决视觉传达问题的时刻已经到了。这样的问题可能是设计来自大量图像需要和传媒的东西，并且需要配上插图。不管项目说明多么复杂，产生出主题和概念的最初过程基本上是不变的，最普遍的做法是多方面考虑吸取不同的知识，也是通过文字或者视觉笔记的方式，把所有的想法和观点都记录下来的。接下来要需要做的是探索平实与横向的思维和想法。创意过程应该非常迅速，这样可以更加具体明确的想法才有可能显现成形。有些人放弃了想法和注意，把关注度投入到他们最后的图画和单一的思路上。在集思广益的过程中，应该准备一些具有挑战性的、能引起兴趣的答案以供作者思考，因为项目说明里有很多限制性的规定，比如说狭小的读者和观众范围，或者表面上看起来令人乏味的主题，所以说保持题材的新颖是非常重要的。之后开始阶段穿凿的作品进行评估，然后带着想法继续进行创作。对一个或者数个想法或者概念，要有一定的冒险精神。先把这些想法概念组合在一起，再把其他分开工作的想法或者概念标示出来，最后让这些概念呈现出视觉复杂性和更加完整的状态。这样创造过程中就有一种清晰的目的和意义的语言。不管这时候的图画视觉有想象力还是比喻性，不管绘画般的真实还是过分简单化的，但是这个阶段的视觉清洗将推动编辑过程并且决定那种解决方案将被带到最后的完成阶段。视觉绘画的一般定义，是指再艺术作品完工或者最后制作阶段前，对一个完成的设计或者插画解决方案的展示，其目的是为了获得认可。这个定义应该清楚地表明插画主题与内容的风格、构图与颜色、文字的位置、建议的字体以及主题目或者题目的位置。该定义最好是再一个最初设计的图画相似的媒介和风格中得到描述。4.2插画设计中扁平化图形设计的色彩原则省略掉所有装饰，纯的平面这并不是扁平化图形设计的全部。有一下设计原则：柔和大胆的配色扁平化图形设计往往会运用到很多生动的颜色，从色块到颜色的形状和面积，颜色是非常关键的组成部分。一定要慎重考虑你的颜色的使用，从logo颜色的设定到真正的让这道扁平化图形被人接受。很多扁平化项目采用黑色和白色，但是如果你真的想让它产生非常好的影响就要从使用更多的颜色开始。2重点明确的字体文字也是极其重要的元素之一，他们用来传递信息，提供视觉导航，并且告诉观众你可以再这个界面上做些什么或者得到些什么信息。大胆的使用有趣和形态各异的字体进行排版吧。你可以尽情的选择那些让你的扁平化图形设计增加色彩的字体。但是还是要记住，扁平化图形设计的宗旨是保持简单和简约，所以选择字体的时候要时刻注意这条规定。运用简约无衬线字体的同时要包吃住你的设计中心思想，并且注意这些字体有很多大小和曲线的细微变化。或者有时候可以进行一些创新，运用一些意想不到的字体，在一些你想强调的文字上。3.简约版式的使用很多扁平化设计也很注意保持版式整体所带来的简单的感觉和流动性，所以注意你的字体设计，并且注意不要使用那些不擅长使用的字体。4．简化界面和元素你的导航元素并不需要被过度设计，或者使用的时候有很多花哨的效果。这些元素就是被定义为清楚简明的使用它，他们这样就会奏效。5.制造层次感不管是网页界面设计还是任何种类的设计，都要注意到层次感的建立。还有要明确你想传达给观众的信息是有次序和逻辑性的传达的。4.2扁平化手法的色彩考量不管是网页界面设计还是任何种类的设计，都要注意到层次感的建立。还有要明确你想传达给观众的信息是有次序和逻辑性的传达的。色彩是表现设计语言与艺术情调最为鲜明的元素。扁平化设计理念中对色彩的使用通常大胆而明艳，通过纯度较高的高明度色彩，构建更具感染力的画面效果。插画设计的主要功能就是能随意画出丰富多彩的内容和色彩。在扁平化色彩设计的帮助下，能够使插画艺术更加符合受众审美期待，充分满足观看者的审美需求，从而实现宣传的价值。将扁平化设计理念融入插画设计中去，色彩方面应当充分汲取扁平化设计的主要特点，通过高饱和度的红、黄、蓝等色，鲜明的明暗、色差对比，凸显主要画面内容。例如黄色与蓝色形成对比色，使两种色彩更加夺目，高浓度的明艳色彩与灰白等色搭配，使画面中心与背景形成强烈对比。同时，在扁平化设计理念中，由于大胆摒弃了立体3d效果，因此柔光、淡化和渐变的使用并不多见。近几年的扁平化设计理念创新发展中，开始有设计者将3d效果引入到扁平化设计作品中，完全舍弃了传统的形式，通过色彩纯度或者明度的变化，利用色块的堆叠，形成立体的视觉效果，如主色采用黄色的蓝色，黄蓝两色成为对比色，两者搭配起来更加突出，并进行明度和纯度的调整，从而呈现出一种和谐的色彩效果，鲜艳的颜色、色块的堆叠、对比色的运用，这些都是扁平化设计理念的色彩宗旨，使整个插画这几呈现出一种不夺主的样子，同时丰富而不繁琐的效果，能够迅速吸引受众的眼球，达到美感的目标。设计实例5.1设计方案这次我准备制作插画《我的工作台》，在制作之前要有以下步骤：颜色搭配颜色选择上倾向于使用明亮色调，和大胆的纯度较高的颜色作为元素和图形设计用柔和的纯度低的明亮色调之间的搭配。图形制作由于使用简单图形效果十分不佳，转向质感设计和扁平化设计的折中方法。并且由于扁平化风格以及省略了很多细节了，所以图形设计上还是要保证复杂性。字体选择中文字体选择了有些正式性的大标题宋体黑字，主要是突出为主要设计元素的重点。排版也是尽量选择了简约的方式。上述几点做到之后，还需要进行一些相关概述，扁平化图形设计这两年在不断受人关注，而我着急也是十分在意这个领域的，通过不断地学习和了解，分析了它地优势和劣势，并且了解了在什么样地社会大背景下出现的原因。在艺术史上常常会有这种设计潮流周期，这让我更可以思考这种设计的未来走向。常说趋势不是重点，真正是重点的是趋势的改变。2006年出现的扁平化设计，再到2013年苹果公司全面放弃质感设计，掀起了扁平化设计的高潮，这才是趋势的转变。5.2小结苹果公司全面放弃质感设计，制作《我的工作台》插画之后，研究到了扁平化图形插画设计的价值所在。扁平化设计大多使用明亮的颜色，让人感觉到很轻快。不过也有使用纯度低明度同样低的色彩来传达主题的韵味，但是注意并不是灰暗的颜色。使用明度高低的变化搭配使用，或者使用纯度高的颜色搭配使用，主旨还是保持轻快的风格特点。但是无论如何整体传达的视觉感受都是很具有冲击力又不是很刺激的。而设计字体和无衬线字体的搭配使用，也说明部分大多采用了各种无衬线字体，这样不影响阅读，还很符合本身的设计感和简约感。设计字体比较突出，两个字体形式混用，并没有造成视觉上的混乱。更好的突出主题，强调次序。字体颜色的选择也是很重要的，黑白灰中性色彩的使用搭配或者用强调文字的与整个版面的对比色，强对比、弱对比都会有很突出的效果。即使如此，也还要有清晰简约的版式设计，扁平化设计的版式本就是简约的，讲究版式，也是讲究内容的逻辑顺序。版式排布不仅要顺应了互联网时代屏幕的大小设计，也是继承了杂志书籍时代的经验，即分栏法。这种方法已经在互联网时代发展到了一种极致，这是一种视觉科学，整个版面的成比例排布会让视觉十分舒适。并且一定要注意视觉引导的作用。再说说，扁平化一大优势还有简化整体的元素，把不必要的装饰全部省去，这样不仅达到了有效的视觉传达，减少了审美疲劳。物理层面上可以让网页载入更快，减少了观众等待的时间。总结由于科技的进步，传播媒介发生了巨大的变化。无纸化办公的可能性导致了传播内容也顺应形势而改变。所以出现了纸媒到电子媒体、文字到图像，理性到感性、单一到多元，想象到表象、意象到拟象这样的内容大改革。国内外扁平化设计依然是热潮不退，但是已经有领先的公司如谷歌创造的谷歌logo和质感设计和扁平化设计相结合的一种折中设计方式。扁平化设计理念的兴起，映射了当前大众新的审美趣味，这既是艺术发展的必然趋势，也是技术进步、时代变换的重要标志。将扁平化设计的理念应用到插画设计中，也是实现新的设计风格的拓展。我本人由于对这种设计形势十分感兴趣，又在我的擅长领域，所以进行了相关的研究。虽然扁平化设计的