您好, 访客   登录/注册

色彩元素在动态设计中的应用研究

来源:用户上传      作者:

   摘 要:文章以当代色彩元素为背景,以色彩温度为突破点,用符号学原理,对色彩在传统设计及现代动态设计中的应用进行客观的分析比较,分析色彩元素在动态设计中的审美要求与准确运用,并从设计批评理论出发,探索色彩在当代视觉动态应用中的科学性、适用性及艺术性,总结色彩元素在视觉动态设计发展中的美学和应用价值。
  关键词:动态设计;解码;符号学;色彩语言;现代设计
  一、课题研究的背景
  从ARPAnet投入使用到现今,NFSnet成为网络(Internet)的主干网后,我们的生活就开始被互联网(Internet)所包围。网络的出现为各个阶段的文化交流提供了更宽广的平台,艺术设计与计算机技术的融合也带来了新的创新——互联网艺术设计,衍生出以设计为目的,以互联网技术为载体的方式。这一方式打破了传统艺术局限性,赋予艺术设计更多可能。
  在国内,Graphic design被翻译成“平面设计”,但该设计并不是“扁平化的”,作为视觉传达设计中最基本的表现方式,除了基本的美感以外,设计还需能够表现出相应的符号信息。Motion graphic就是将平面的设计语言嫁接到动态设计表现当中。国内通常将Motion Graphic翻译为动态图像或运动图像。Graphic在英文解释中同时还有“a very clear description of an event that gives a lot of details”即“详细的描述/描写”的意思,这一含义也应用在Motion Graphic中。单从字面上解释一个名词的定义当然是不完全正确,由于运动图形的含义不准确,其扩展边界非常模糊,包括动态字体、图像与声音相结合的动画等,逐渐产生了现在广为传播新的设计门类——Motion Design。
  二、色彩元素的产生与运用
  (一)色彩元素的产生
  色彩是通过眼睛、大脑以及生活经验所产生的一种对光的视觉反映。真正揭开色彩神秘面纱的是英国科学家艾萨克·牛顿的色散实验,他在漆黑的房间里,让太阳光从窄缝里射进来,通过玻璃三棱镜,在对面墙上出现一条七色光带,这条光带就是太阳光谱。牛顿之后也用大量研究告诉我们:色彩是以色光为主题的客观存在。而色彩基于三种因素:一是光;二是人的视觉器官;三是物体对光的反射。色彩研究和色彩学的基本内容由物体、光源和眼睛三者相互作用而构成。
  (二)色彩元素的运用
  随时代的变化,色彩由于具象过渡到抽象,约瑟夫·马诺德·威廉·透纳是一位典型的代表。他打破了严格的门类界定,将颜色分解成明暗、冷暖、模糊和明亮的色调,使色彩变得更加细腻生动。透纳的非写实性的色彩构图为后来的抽象画奠定了基础。
  在动态设计中,深入了解色彩元素以及色彩意义是必不可少的,这样才能设计出和谐的动态画面,更具有情感张力。最后,在针对不同群体运用色彩元素时,设计应具有倾向性,极大程度地吸引观者,从而达到视觉震撼的传播效果。
  三、动态设计的兴起和发展
  (一)动态设计的兴起
  1960年,Motion Graphic公司在美国诞生,这时约翰·惠特尼(John Whitney)首次使用“Motion Graphic”。其最开始是使用机械模拟计算机机制制作电影影片开头和广告。
  动态图形艺术快速發展,越来越多的宣传方式进入我们的生活,各大频道为了区分,则开始广泛运用动态图形设计。除了有线电视,录像带和电子游戏等媒体同样也成为动态设计的摇篮,即动态图形有了大量的市场。20世纪90年代著名动态设计师基利·库柏(Kyle Cooper)在动态图形设计中运用印刷设计手法,将传统和数字技术完美结合。
  (二)动态设计的发展
  在历史的长河中,动态图形设计常应用于电影片头、电影结束的标志动态图形,以及电视中常见的LOGO变形、IP设计、坐标等。动态图形设计涉及的领域不断扩大,随着设计行业的不断发展,动态设计也开始更为细致地分类,许多独立设计师从传统媒介如电影、电视领域向新媒体和人工智能AI迁移,当中包括知乎、Facebook、Twitter、ins、QQ、Youtube等社交APP的兴起,使信息以爆炸式的传播方式强制被人们获取。溯本追源,为了传播信息,它成为文字、图片和视频的完美结合。视频是最令人印象深刻和最有效的载体,视频给动态设计提供了比传统平面更大的舞台来展示人们的空间想象力。总的来说,互联网领域中动态设计的应用,可以简单分为下面几个方面:
  1.产品展示
  动态设计在展示界面、功能、交互操作等不同的方面,让消费者直观了解一款设计的核心细节特征、使用方式、应用价值等。
  2.品牌建设
  丰富的动态Video在展示功能上也是阐述理念的好方式。Apple的几个品牌宣传视频,就是典型的例子,如:《Designed by Apple in California》。
  3.趣味性应用
  生活中,如果你是一个有趣的人,你的生活也很有趣味,设计也一样,通过无限的想象力,使身边的设计有趣味性。与静态二维图形相比,动态图形设计就是趣味性的设计。
  四、色彩元素在动态设计中的应用
  (一)色彩在动态设计中的变化规律
  色彩会让人不断地联想,同时不同的心情也会使所见的色彩异化。在动态设计中,设计师会以自身感受为灵感来控制画面和色彩的表达,以下便是归纳的几种变化:
  冷暖:冷暖具有相对性,任何事物在某一场景中都会显现出冷暖的不同倾向。暖色调会给人向前延伸、扩散的感觉,冷色调则显得很深远紧凑。补色规律:色环中180°相对的两色被称为补色或余色。在艺术创作中,物体的受光面和背光面则大致为补色,该规律用以动态设计中,使扁平的二维图形更加立体生动。色调规律:依据环境色与光源色表现色调是常见的手法。不同面积的处理方式是设计师利用色调规律协调画面的必要方式。透视规律:从自然界观察,物体近则明暗强;物体远、明暗弱。空间透视规律可以给画面较强的延伸感,使其更加具有生机。   差异性:色彩要达到视觉冲击效果需要功能和形式的有机统一。但在这基础上,色彩元素表现也有差异性。从观者角度来看,由色彩元素所带来认知的差异性会改变设计师原本想表达的含义,而色彩所带来的差异性,正是信息时代所追求的,差异性决定特殊性,动态设计从而给人强烈的诱目性和深刻记忆。象征性:动态图形的象征性与色彩元素密切相关,借助观者的联想赋予动态设计图形的新含义。整体性:动态设计的视觉效果不仅由精彩的故事情节或生动的图形构成,还需要加上相应的色彩元素。在这基础上,色彩元素就显得极其重要,整体性的设计是许多设计师孜孜以求的,但要真正做到,还需大量的理论和实践。
  个性化:随着互联网新技术的不断发展,个性化设计与动态设计相结合,使其不仅仅呈现动态画面,而是根据动态图像的故事线索与观者互动,这种方式使动态图形和意识可以有效转化,达到观者个性化的需求,最终呈现耳目一新的视觉效果。长久以来,色彩由直白的感观慢慢延伸成为一种与观者产生情感共鸣的存在,它不再只是表达颜色的单一元素,而是上升到心理层面,用来表达情绪和氛围的复合元素。在设计中,色彩有基本的色彩表现和结构表现,并且能准确表达设计师的情感,塑造画面中人物性格,甚至通过色彩的象征作用赋予抽象事物具体的情感。以笔者的毕业设计《不要让拖延控制你的时间》为例,整个设计以黑色与明亮的黄色为主色调,以色彩冷暖角度与心理学的联系分析,这种冷黄色给人们一些消极的情绪体验,如冷、沉默和恐惧。这种基调恰好符合拖延症所带来的负面情绪。而黑色这样的中性色既有积极的成分,又有消极的内容,更能将观者自身的情绪带入设计中,使它的色彩属性带给观者不同的情感体验。这两种颜色的搭配与动态的变化使抽象的事物被赋予具体意义。
  (二)色彩在动态设计中的审美要求
  人们很注重视觉,对事物的判断首先来自其外观造型的感受,许多成功的设计都依赖于恰如其分的色彩搭配与造型表现。在动态设计色彩运用中,色彩造型同样十分重要,它不仅可以作为一种叙事技巧,还可以塑造环境,表现元素与设计的关系,作为表达设计师意图的重要支撑点。色彩作为具有感染力的视觉语言,能通过造型来影响观者的情绪,“色彩即语言,色彩即思想,色彩即情感,色彩即节奏”,色彩造型能为动态画面注入情感,成为烘托要素的关键,也是一种表现思想主题、刻画人物形象、创造情绪意境、构成不同动态设计的艺术手段。我们所见到的色彩造型大多运用于影视作品中,在银幕世界的造型空间里的作用偏理性,而加入色彩后,更倾向于人类的情感和本能,它善于在银幕空间中传达与揭示人物的情绪、心理与精神信息。在动态设计中,色彩造型的运用也具有体现设计师的内心世界的功能,它是抽象概念转化为视觉形象语言的过程。
  最后,互联网中的动态设计的本质特征及其意义在于,色彩符号实现了对人情感機能的动态激活,不仅仅局限于单一视觉语言和视错觉。当今,设计正实现着色彩信息图像和真实社交的全面和谐,在科技的支撑下,动态设计将会走向更人性的方向。
  五、结语
  如今,动态设计已经成为继平面设计之后对我们影响最深的一种传播形式,而色彩元素的运用则是动态设计自身的一大亮点。色彩元素的动态性发展为动态图形自身的设计又注入了新鲜活力,从而使信息不再由简单的静态图像和声音传达出来,而是突破了局限性,成为一种动态设计,可以给观众带来丰富的视觉体验和互动体验。
  参考文献:
  [1]尹定邦.设计学概论[M].北京:人民美术出版社,2016.
  [2]宗雪梅.解读图形动画对于视觉传达语言的重构[J].科技风,2015(22).
  [3]蒋漪宁.当下中国化妆品品牌色彩表现的新特征[D].上海师范大学,2014.
  [4]伊顿.色彩艺术[M].上海:上海人民出版社,1987.
  作者单位:
  天津财经大学珠江学院
转载注明来源:https://www.xzbu.com/1/view-14860289.htm