APP下载

动态图标设计中的设计语言研究

2022-01-15曹丽蓉

参花(下) 2022年1期
关键词:图标动态语言表达

当前,图标设计的动态化已然成为流行趋势,得到了广泛应用。实践中,图标设计除了要做到简洁明了、一目了然外,还应该突出个性化的元素,如何让大众化的动态图标风格凸显,呈现出惊人的视觉效果,如何能让动态图标更好地适应和符合大众需求,是当下动态图标设计师需要考虑的重要问题。本文主要从视觉元素下的图形语言表达、色彩语言表达、空间与时间语言表达、动态语言表达以及动态图标设计原则来分析动态图标设计语言,希望能对动态图标设计师有所帮助。

一、图标与动态图标概述

图标设计有广义和狭义两种概念,广义的图标是指能准确快速地传达信息的图形符号,具有识别性和记忆性的特征。如我们生活中常见的公共卫生间图标、停车图标等。狭义的图标是指随着电脑、手机等智能设备进行快速象征、命令以及指示等。

动态图标设计在静态图标设计的基础上提取图标信息,再将图标变化成不同形态并遵循动画的律动原则进行演绎,将平面语言视觉元素融入时间与空间,依托新媒体在不同场景媒介中不再以单一固定的形态和色彩存在,而是通过运用图形产生“动感”力,形成动态图形,通过设计使图形富有特殊象征的识别符号性,从而对人的视觉和心理效果产生冲击力。

动态图标与静态图标相比,更能够通过夸张、拟人等表现手法传递亲和力与幽默感,通过异性同构、节奏变化、动态转场等打破思维空间,使受众的体验感更加有趣味性,更能够吸引受众并产生情感共鸣。

二、设计语言概述

设计语言指的是设计师创作过程中用到的构思手法与造型表现手段的总和,它是一种特殊的语言,是随着社会历史发展而形成的。设计语言由两部分组成,第一部分是指视觉基本元素,第二部分是设计原则,它是一套传达意义的符号系统。创作者新的创作理念、大胆设想、成熟的艺术技巧都会让设计语言具有美感与思想性。

三、动态图标设计中的语言表达形式

动态图标设计在新时代下呈现出新的特点,图形设计、动态设计、时间设计三者交叉集合构成了运动图形的三条主线,在整个创作和理论研究中起着提纲式的作用,动态图标是一种特殊的动画形式,所以,把平面和动画的设计语言结合是动态图标设计的前提。笔者主要从视觉元素下的图形语言表达、色彩语言表达、空间与时间语言表达、动态语言表达以及动态图标设计原则来分析动态图标设计的设计语言。

(一)视觉元素表达形式

1.图形语言表达

图形作为设计中的重要视觉元素,它是动态图标设计的视觉中心,图形的不同特征、类型、构成方法都会图解不一样的内涵,在动态图标设计中,设计师常常对图形元素进行提炼来表现自己的设计主题。当今社会不断发展,标注图标已经不能满足当下人们的视觉需求,设计师在设计图标的时候也根据信息与内涵的需要去提取元素进行重构。图形元素的提炼,会让图标更有动态的美感。设计师Artanisterry 2020年设计的黑猫国际形象,提取了天猫图标的元素来进行延展,不仅增加了趣味性,而且对原本单纯品牌进行了形象的丰富。在动态图形设计中,图形的图与底不断进行转换,使得图形具有一定的空间感,其中点、线、面的转换就能够在运动中轻松实现。如2021年东京奥运会跑步项目的动态图标设计中,图形设计是抽象的,设计师设计了点在方向和透视上发生形变,再通过放大或缩小变成面,让图形的特点能很直观地表现出来,使图形动态化设计更有趣味性、活力性、吸引力。

图形作为动态图标中的动态元素,它的自身形状、位置与数量都会产生一定的变化,动态图标设计中,图底关系是构成图形的重要方法,也是要考虑的重要因素之一。2021年东京奥运会竞技项目图标中可以看到图底关系的大量运用,在空手道图标动态化设计中根据静态图标设计的理念,把运动员的身体与手掌设计成正负形,并在动态变化的过程中相互转化,这样的设计不仅丰富了画面的层次,而且更容易为观众所理解。

2.色彩语言表达

色彩是动态图标设计中的视觉要素,是最有感染力的设计元素,是最适合情绪传递、情感表达的元素,色彩永远能给人直观的感受,它能激起人们的联想与情感的共鸣。从美学角度来讲,色相、饱和度以及明度三者的颜色搭配是否恰当,会影响整个视觉效果和美观的程度。在制作动态图标时,设计师可以利用这一特性,达成色彩与图标的主题表现,色彩也能区分图标主次信息的表现,在动态图标设计中应注意以下几点:首先,要根据设计主题来确定用色风格;其次,要注意色彩的属性,比如色彩的基本属性与色彩心理属性;最后,运用色彩构成中的色相对比,色彩调和以及色彩配色法,让最终呈现的图标色彩不再单调。2021年东京奥运会体育项目动态图标的色彩设计遵循了三个用色原则,仅仅使用了蓝色与白色两个色系,这个色系一直是日本国家队的代表色系,色彩不单一也不花哨。

3.空间与时间语言表达

动态图标设计中的大、小、强、弱等对比,点、线、面等元素打散再重构使画面有顺序、层次、节奏、疏密、正负形的空间构成、对比关系等,都可以造就富有空间张力的表现。有时候两个或者更多个复杂的层次关系,也会产生立体空间感。形状的大小、面积、体积、位置等因素都能给人带来画面的空间层次感。在东京奥运会竞技项目动态图标中,将人物动态姿势运用到画面中,结合图底关系的设计,使纵深的真实感和空间感有着奇特效果,将观者带入特定的环境氛围中。

“时间”的概念是笼统的,时间作为区别静态图标和动态图标最本质的要素,它的运动变化包括运动、形状、色彩三个变化,时间与动画的运动规律、节奏、速度、韵律都是息息相关的,具有吸引力的动态效果大多都会采用的手法是通过夸张与构图设计来创造时间。形状变化方面,分割重构与整体的形状发生变化是两种最常见的形式,色彩变化方面,色彩的明度、色相、冷暖、面積、情感变化都会使时间概念在视觉上产生平缓、腾跃、重复等秩序感。对于时间的控制,为了对观众产生吸引与记忆效果,动态图标设计师有时会采用放慢、加速或者静帧的方式来调节动态速度,使视觉信息得到更好的表现和传达。

4.动态语言表达

(1)基本运动方式表达

动态是动态图标设计与静态图标最根本的区别,动态贯穿于整个动态图标设计中,设计者首先要抓住自由和随意的特点,再通过动态的基本方式,最后把自己最初的想法表现在图标设计中。东京奥运会体育项目图标第一次使用全动态的形式制作的图标,这使奥运会的视觉设计相比以前变得别开生面,静态图形与动态效果的完美结合,赋予了每一个图标运动的特征:亮相、展示动作和消失,极富动感的图标通过别出心裁、张弛有度的视觉语言表达来吸引观众。

动态图标设计有五种运动方式,它们是符合真实物体的运动规律的。第一种是位移,主要指的是物体的位置和方向指向的变化,其主要的变化形式有平移、沿路径、环绕和往返运动,它能塑造简单、直接、具体的视觉美感。第二种是变形,其表现形式多种多样,常见形式有缩放、生长、弯曲、挤压、扭曲、形变等,2021年东京奥运会游泳、田径等动态图标,依据动作的方向发生形状变化,球类运动将形状变化与透视变化相融合,呈现出丰富的动态层次的效果,颇有趣味。第三种是旋转,指的是图形上的每个点都绕着一个固定点转动,在动态图标设计中也是常见的。第四种是质变化,图形本质属性的变化叫质变化,色调、透明度和肌理的变化是它的变化形式。第五种是视角运动,视角运动与镜头语言结合,如推、拉、摇、移、跟,可以实现独特的表现效果。此外,视角运动也可以展现更为真实、完整的空间内容,表现多层次空间结构与复杂的设计元素关系,传达更丰富的信息内涵。在设计元素进行位移、变形和变质等基本运动的同时,如果恰当选择使用推、拉、摇、移、跟等镜头语言,会大大优化信息传递效果,提升视觉魅力。

(2)动态构成形式的表达

动态构成有三组表达形式。第一,方向和方位。在动态构成中,方向和方位分别代表设计元素运动的朝向与运动发生的准确位置;第二,跟随和游离。跟随和游离两者是对立存在的,跟随强调紧紧跟随引导物体,不可以擅自脱离。而游离却恰恰相反,它没有确切的运动方向以及动态呈现的样式,是无所依附脱离主体而存在的。正因如此,两者带来的视觉感受也是不一樣的,跟随带来秩序与统一的视觉感受,游离则是自由的,毫无规律的视觉感受;第三,聚散与分合。在动态化图标设计中聚散与分合是很重要、也很常见的,静帧状态下的聚散、分合与平面构成中的发射构成有着共同的地方,指的都是设计元素以一个点或多个点为中心向内或者向外发射、扩散等运动,它的规律性、整齐性、次序性都能带给观众不一样的感受。聚散与分合的运动方向具有较强的规律性。

(3)动态的表意语言

动画的运动规律是具有独特表意作用的动态设计语言,它继承和发展了传统动画中的有益成分,运动规律中的运动相对设计、运动拟态设计、预测运动设计在动态图标设计中是通用的,三者会让动态图标具有独特的视觉表意效果。许多动态图标设计中,把背景作为相对物,背景设计与视觉图标元素进行相对运动设计,能给人带来更大范围的空间感。2021年东京奥运会多项体育项目图标以背景为相对物,图与底相互运动,带来了丰富的视觉表现,在获得运动视觉感受的同时拓展了设计的空间。运动拟态指的是将图标设计中抽象的视觉元素模拟运动化,包括拟人化运动形式和实际生活中一切动态表现,常常使用到的动态技巧包括翻转效果、撞击效果、动态切割技巧,等等。运动拟态设计会让图标动态的呈现更活泼、更具有趣味性。预测运动设计是指预测未知,包括准备性和发生后的趋势预测。预测运动后的落点,对观者的视线有指引作用,有利于将信息内容进行高效视觉传达。所以,在动态化图标设计中,动画的运动规律对动态图标设计的动态表意语言起着举足轻重的作用。

(二)动态图标设计原则

第一,识别性原则。功能标识是动态图标中最突出的特点,鲜明的动态形象可以使观者很快地识别图标要表达的意义与功能,也能给观者留下深刻的印象。图标的色彩、图形与材质影响动态图标的识别性,设计师在设计动态图标时必须考虑这些因素。

第二,同一性原则。同一性一方面指的是随着社会的发展,科学技术不断进步,设计师结合技术进行创作,将自己的理念、价值、文化通过作品呈现给受众。另一方面,在动态图标设计时虽然要满足大众审美需求,但是也不能丢弃静态图标,应该把静态图标与动态图标设计方法相结合,寻求一种适应相对化。

第三,系统性原则。在动态图标设计中将信息、形象等内容传递出去是十分重要的,由于动态化的原因,使图标设计面临一些系统性的困难,面对这些问题,设计师要系统性规划设计思维,理解每一个动态图标出现的意义以及背后的含义,做动态设计时要将视觉元素、技术和媒介结合来传达图标个性主题。只有遵循这个原则,才能将多种优势结合,比如思维构建、设计规模、视觉统一等。

第四,延展性原则。延展性是图标设计与生俱来的,动态图标设计在传达信息的同时,也可以灵活应用自身的延展性使图标更有吸引力,变换的颜色、跳跃的布局、运动过程的自然感都是其延展的手段。值得注意的是,要注意它们的一致性,掌握延展性原则能有效避免用户体验时实用性与均衡性的偏差。

四、结语

每个图标元素在动态图标设计中都有自身特有的艺术内涵,很容易刺激观者的情感,运用好设计语言的各个元素能让动态图标设计作品在情感与理性上实现交融。要想吸引受众,必须有别出心裁的表达方式来传递自己的观点和想法,这样才可以与受众产生共鸣。所以,动态图标设计中设计语言对最终呈现的视觉效果有着举足轻重的作用,动态图标设计师要善于把平面设计语言与动画设计语言结合起来,完成动态图标的创新设计。

参考文献:

[1]魏迪.动态图形设计的视觉语言表达研究[J].艺术大观,2020(26):63-64.

[2]杨兰.由静至动——融媒体时代下动态图标的研究[D].鲁迅美术学院,2021.

[3]张引.第32届东京奥运会竞技项目动态图标设计创新探析[J].工业工程设计,2021(01):32-38.

[4]郭玉川,陈若曦.动态海报中的设计语言探究[J].工业设计,2021(01):87-88.

[5]刘波.动态化标志设计的探索研究[D].青岛大学,2018.

[6]方舒.动态化标志设计探索研究[D].安徽工程大学,2016.

[7]安娜,刘健.空间与时间——动态图形设计的基础性研究[J].艺术工作,2016(03):101-103.

[8]程莹.动态图形设计中的视觉语言表达研究[D].扬州大学,2018.

[9]王丹.设计语言的艺术表现力[J].美术大观,2010(07):101.

(作者简介:曹丽蓉,女,硕士研究生在读,广西艺术学院设计学院,研究方向:视觉传达)

(责任编辑 刘月娇)

猜你喜欢

图标动态语言表达
数学课堂语言表达能力的培养与研究
编写剧本台词 提升语言表达能力
Android手机上那些好看的第三方图标包
图标
语言表达综合训练
有意思的厕所图标
小小主持人
2014年5月27日—2014年6月24日
2014年4月22日—2014年5月22日
漂亮的网站Logo随手“偷”