VI设计教程笔记(Torley整理版)

第一章 VI视觉元素的创建

前言:图形、色彩、字体这三个基本的视觉元素在VI设计系统中对应的是标准标志、标准色彩、标准字体,这三者当仁不让地成为了VI的视觉核心,成为整个VI系统创建中精神风貌、视觉风格的形成依据,是VI系统的视觉根基,是形成和推衍出整个VI设计系统的形式原动力。

1.1 VI图形系统

1.1.1标志图形

标志图形的设计环节中,包括了标准标志的图形创建以及标志使用中最基本的参数规定等工作,其中包括标志最小化、标准标志制图、标志周边的空白 空间等比例或尺寸的规定等内容。

1. 标准标志

标准标志是企业、机构、活动、项目等视觉形象系统之视觉核心,以简洁的视觉形象传递深邃的精神内涵,支撑整个VI系统的创建风格和形式表达趋向。在对其的创作中,应注重理解信息主体是文化特色、经营理念、行业属性,同时关注客户提出的造型期望,从多个角度入手进行标准标志的造型探索,从而为客户提供科学、美好的标志图形方案。

2. 标志最小化

标志最小化是根据标志自身的造型特点,并依据今后可能的应用方式限定,如印刷、刻制等工艺条件下,所呈现的视觉效果较为理想的最小尺寸规定。

3. 标志制图

标志造型是视觉核心,在后续的设计中出现的频率非常高,对于标志造型复制的准确性来说,制图至关重要。标志的制图一方面给出了标志造型标准化的技术依据,同时也可以对标志的细节进行矫正,在对标志进行的制图过程中,往往可以发现许多造型在细节处理方面的不足甚至漏洞,可以通过制图环节加以弥补和修正,因此,标志的制图师其精致化作业的一环。

1.1.2辅助图形

辅助图形是标准标志的图形补充,包括基本变形和特殊变形两个类别,目的是为丰富应用设计而进行设计的专有图形。

1. 基本变形

基本变形一般包括标志的黑白图、反白图、空心图、单色图、反色图等五个造型方面。 黑白图以白色为底,用单一的黑色表现标准标志的造型形态;

反白图是以黑色为底,使用白色造型;

空心图是将标志造型以双勾线的方式进行表现,明确呈现标准标志的轮廓与结构;

单色图是以标准标志所使用的色彩之一进行标志造型呈现,标准标志使用一色以上者,使用主色或主要的色彩进行单色造型表现;

反色图是将标准标志的色彩关系反向使用,形成类似负片的视觉效果,这个变化并非对所有标志都适用。

2. 特殊变形

特殊变形也称自由变形,是依据标准标志的图形特征和设计本体的特殊需求而展开的。这个类型的图形没有一定之规可以因循,需要通过标准标志独有的造型特征,并根据本体的行业特性和自有的文化特征进行挖掘,是形成个性形象重要的视觉基础。

(1) 局部化处理。将标准标志的一部分结构进行截取,放大对于标准标志特殊角度的阅

读引导,是深度解析并呈现标准标志造型特点的方法之一。

(2) 线条化处理。将标准标志造型虚化和淡化处理的方案,线条化了的标志造型柔弱,

非常适宜背景式、装饰性需求,是常见的变形手法之一。

(3) 个性化处理

1.1.3吉祥物

1.2 VI色彩系统

1.2.1标准色彩

色彩是在表达个性时最重要的视觉元素,标准色彩是企业色彩的核心体现,并借由色彩性格连带着体现出企业的个性。在标准色彩的设定中,一要关注企业个性的传达,二要注重标志造型的特点,巧妙地选取和运用色彩,使色彩与标志之间建立起自然而协调的关系,从而有效地传达企业性格。

1. 单色传达

以单色表现企业形象,单纯而直接,标志的造型会对色彩的视觉效果形成一定的影响,由于没有其他色彩的干扰(或即便有些干扰,但这种干扰不会形成较大的影响),所形成的性格特征可以非常流畅地贯穿在企业形象中。单色表达的局限性在于单色引发的单一感这个缺憾。

2. 双色传达

双色表达解决了单色表达过于单一和容易形成性格撞车的问题,也可以借助色相偏向和明度、纯度的变化,在较为简单的条件下创造较为丰富的搭配机会。

(邻近色的搭配可以在丰富色彩层次的同时,又不失明确的色彩倾向;对比色的使用会让标志的视觉刺激度得以提升,尤其是通过黑色这种无色彩的衬托,有彩色的明亮度会被进一步加强)

3. 三色表达

三色搭配就进入了丰富度极高的配色空间,其所形成的性格特点会比较复杂,不再单纯和明确。

4. 多色表达

多色表达原本并非标志设计中主流的配色方案,多色表达易引发性格模糊,会成为个性形象塑造的障碍。突破这个问题的关键就在于突出重点、强调主色。

5. 标志色彩的主次

无论用色种类的多寡,对于色彩性格的形成,主要原因还是在于色彩主次关系的构建,尤其会以面积大小主导标志性格的偏向。

6. 色彩与标志造型

色彩需要造型的配合才能得以呈现,附着在造型上的色彩,会因为造型的式样使其性格被重新演绎与固化

1.2.2辅助色彩

辅助色彩是基于企业标准色彩之上的、丰富的用色方案,可以满足企业运行中各个方面的用色需求,既是对用色的限定,同时也保证了用色体系的合理与规范。辅助色彩的用途广泛,不同的设计对象对于辅助色的需求不同,不能简单地使用标准色,而应在标准色的设计

理念上设置不同的色彩系列,以满足多角度的用色需求。

1.3 VI字体系统

1.3.1标准字体

标准字体是企业的专有字体,以企业全称为其造型内容。其设计内容一般包括中文和外文字体,外文的取材对象取决于设计本体的文化交流特点,在没有特殊需求的情况下,一般选取英文作为设计对象。

1. 创建依据

标准字体的创建依据为间架合理、易于阅读、不产生歧义,同时应具备一定的形式追求,在形式追求中要顾及标准标志的图形创建理念以及企业文化及行业特质。标准字体不要做过多的形式变化,其形式目标旨在点明文化趋向,其承担的作用重点在于以文字解读企业性质。

2. 创建技巧

骨骼法、网格法、反复调试

关键字:呈现稳重感及踏实感,展示企业内在的活力追求、稳中求变的经营理念;

1.3.2印刷字体

印刷字体是企业用字样式、方式的规范,在企业的内部行文和对外宣传等用字环节,需要有明确的字体、字型,甚至用字尺度的相应规定,使企业视觉形象更加统一和完整。

1.3.3品牌字体

品牌字体是依企业品牌名所做的字体造型。该造型偏向文字的辨识性,注重可读性,但也追求一定的个性样式,造型创建方向可以因循标准标志与标准字体的特色,也可以建立独有的样式形成特定的文字标志,目的在于借助图形因素强化对于品牌文字的认知度。

1. 造型取材

品牌字体可以从标准字体造型中直接取材,也可以创建新的样式,呈现特定的品牌追求。

2. 造型技巧

无论哪种表现角度,品牌字体设计都应尽可能寻找一定的图形语言表达角度,使品牌字体具备特有的视觉个性,例如可以将品牌字体与标志的关系建立成动静对比的关系,可以进行和谐的统一,也可以通过各种组合方式对其进行灵活的变化等等。

第二章 VI视觉元素的构成

2.1 标志与字体的组合

2.1.1标志与全称组合

标志与全称组合是指企业标准标志与标准字体的组合。标志与全称组合是用途较多的一种组合情况,对其组合关系的处理将在大量的场合应用,并有着颇多细节需要考虑和应对。

1. 标志与中文全称组合

2. 标志与外文全称组合

3. 标志与中英文全称组合

2.1.2组合与空间

多元素的组合增加了空间关系的复杂度,比例与间隙的控制显得尤为重要,在表达中需要选择适当的参照作为比例参数,以其倍数关系表现间隙的比例与尺度。

2.2 标志、字体与色彩组合

2.2.1标志与色彩组合

一般情况下,标志可以完整地体现标准色彩及其用色的比例和主次关系,在具体的运用中,除了标志是标准色彩的载体以外,标准色彩还借助一定的造型并通过一定的面积,充分展现其个性与魅力。

1. 标志与色彩的关系

标准标志与标准色彩是一个天然的组合体,用色的数量、主次、比例、色彩关系等,都能通过标志造型进行体现。

2. 色彩与造型处理

标志在承载色彩时,也为标准色彩构筑了初步的造型印象。标准色彩还可以通过自身的延展构成更加丰富的色彩早定,以一定的样式、较大的面积强调标准色彩的视觉印象,常见的造型为延长的色块,因此也被称为“色带”。

3. 标志与色彩造型组合

由于色彩造型包括了几何色块、有机色块或线条化处理等多种情况,因此,标志与色彩造型的组合需要根据色彩造型的特点进行组合和形式处理,常见的有并列式、叠加式、融合式等。

2.2.2字体与色彩组合

与标志和色彩关系处理的方式类似,在字体与色彩的组合中,色彩造型也需要与字体进行造型互动,形成契合的配置关系。

2.3 标志与品牌名组合

2.2.1标志与色彩组合

标志与中文品牌名的组合中,图形因素占据了主要地位,因此容易造成花乱的视觉效果,在具体的设计中,通常不追求过多的变化关系,而应将突出标志作为视觉目标。

2.2.2标志与英文品牌名组合

2.2.3标志与中英文品牌名组合