
1.1.5 平面设计的基本要素
在平面设计中,图形、文字、色彩都发挥着重要作用,这些既是平面设计的三大核心要素,也是传达信息的基本视觉元素。
1. 图形
图形是平面设计中提升视觉效果的重要设计语言,往往能在第一时间引起人们的注意,激发人们的浏览兴趣。用户了解了图形构成和图形创意后,可以在平面设计中熟练使用图形要素。
(1)图形构成。
图形是由可感知的点、线、面元素构成的符号形象,具有形象化、具体化和直接化的特征。平面设计可以通过点、线、面的综合处理(如空间排列、大小变化、虚实对比等),形象地展现主题和创意。
- 点:点是可见的、最小的形式单元,具有凝聚视觉的作用,可以使界面布局显得合理、舒适、灵动且富有冲击力。图1-12所示为主要以点构成的平面设计作品。

图1-12 点
- 线:线既可以表现长度和宽度,也可以表现位置和方向,具有优美和简洁的特点,经常用于渲染气氛,或引导、串联、分割版面。图1-13所示的平面设计作品中以斜线表现了快速、紧张和活力四射的感觉。

图1-13 线
- 面:面有长度、宽度、方向、位置、角度等属性,具有组合信息、分割画面、平衡和丰富空间层次、烘托与深化主题的作用。图1-14所示为主要以面构成的平面设计作品。

图1-14 面
(2)图形创意。
在平面设计中图形创意占据着十分重要的地位,图形创意是指用艺术的手法将创意转变成图形,从而准确地表达平面设计主题和内涵的设计过程。常见的图形创意手法有以下4种。
- 拼置:主要指使用各种现成的物体、形状来拼凑新的图形。图1-15所示为由不同菜肴、餐具等物体拼凑成的完整餐桌画面。

图1-15 拼置
- 矛盾:主要指将现实世界中人们熟悉的、合理的、固有的图形,改编、移置于反常的、超现实的平面设计中。图1-16所示展现了与现实相矛盾的老虎从电视机屏幕出来的画面。

图1-16 矛盾
- 共生:主要指由不可分割的两个部分组成紧密的整体,形与形之间共用一些部分或轮廓线。图1-17所示为狮子轮廓的峭壁外观。

图1-17 共生
- 置换:主要指保持一种原有图形的基本特征,用与它类似的图形去替换原有图形中的某一部分,形与形之间具有外观上的相似性和意义上的相异性。图1-18所示为将手置换为相似形状的巧克力。

图1-18 置换
2. 文字
文字在平面设计中可以起到画龙点睛的作用,能够有效地传达设计主题和创作理念。在设计平面作品时,应着重考虑文字字体和文字排列。
(1)文字字体。
字体的选择应从设计风格和具体需求出发,不同的字体具有不同的特征。
- 宋体类:宋体应用较广泛,其笔画横细竖粗,起点与结束点有额外的装饰部分,其外形纤细优雅、美观端庄,体现出浓厚的文艺气息,经常被用于文艺、淡雅风格的平面设计,如图1-19所示。

图1-19 宋体类
- 艺术体类:艺术体是指一些非常规的特殊印刷用字体,其笔画和结构一般都进行了一些形象的再加工。在平面设计中使用艺术体类的字体,可以达到提升艺术品位、美化画面、聚焦视线的效果,如图1-20所示。

图1-20 艺术体类
- 黑体类:黑体商业气息浓厚,比其他字体相对较粗,这一特点能够满足大体积、大容量产品文案的展示需求,具有阳刚、气势、端正等含义,可用于文字内容较多的平面设计,也常用于表现设计主题,如图1-21所示。

图1-21 黑体类
- 书法体类:书法体指具有书法风格的字体,其字形自由多变、顿挫有力,在力量中掺杂着文化气息,具有较强的文化底蕴,常用在表现传统、古典和文化风格的平面设计中,如图1-22所示。

图1-22 书法体类
(2)文字排列。
不同的文字排列方式可以构建不同的视觉效果,从而营造出活泼、安静或严肃等不同氛围。文字的排列方式主要包括左右对齐、左对齐或右对齐、居中对齐3种。
- 左右对齐:左右对齐是指文字左边和右边与边界的距离相同,这样的排列方式可以让文字显得端正、严谨、美观,展示出文案的稳重、统一和整齐。图1-23所示为使用了左右对齐的展览海报,该海报将主题文字进行两端对齐处理,使视觉重心更加集中、稳定,突出了主要信息。

图1-23 左右对齐
- 左对齐或右对齐:文字左对齐或右对齐的排列方式将会使版面格式显得不那么呆板,更加符合人们的阅读习惯,也更加符合大众的审美风格。图1-24所示的博物馆海报将文字分别放置在画面的左侧和右侧,并且使用不同大小的文字来区分信息层级。

图1-24 左对齐或右对齐
- 居中对齐:居中对齐是指将画面两侧的文字整齐地向中间集中,使文字都在画面中间显示,具有突出重点、集中视线的作用,可以牢牢抓住观者视线。居中对齐有左右居中和上下居中两种,图1-25所示为将文字左右居中对齐的电影海报,通过放大和居中文字突出了电影主题。

图1-25 居中对齐
3. 色彩
合适的色彩可以使画面看起来更加整洁、美观,让平面设计更具亲和力和感染力,快速抓住受众视线。要想合理地搭配颜色,首先需要了解色彩的基础知识。
(1)色相、明度和纯度。
色彩包含色相、纯度和明度3种属性,无论哪一种色彩都含有这3种属性。
- 色相:色相是指色彩的相貌,由原色、间色和复色构成。在标准色相环中以角度表示不同色相,取值范围为0°~360°。在实际生活和工作中,则使用红、黄、紫红、银灰等颜色来表示。
- 明度:明度是指色彩的明亮程度,即有色物体由于反射光量的区别而产生的颜色的明暗强弱。越接近黑色,明度越低;越接近白色,明度越高。色彩的明度会影响人对于色彩轻重的判断,比如看到同样的物体,黑色或者暗色系的物体视觉感受会偏重,也就是说,该色彩的明度较低,如图1-26所示;白色或者亮色系的物体视觉感受会较轻,也就是说,该色彩的明度较高,如图1-27所示。

图1-26 明度较低

图1-27 明度较高
- 纯度:色彩的纯度是指色彩的纯净或者鲜艳程度,也叫饱和度,受图像颜色中灰色的相对比例影响,因此,黑色、白色和灰色没有饱和度。纯度较高的色彩会给人带来兴奋、鲜艳、明媚等感觉,如图1-28所示;纯度较低的色彩会给人带来舒适、低调、暗淡等感觉。

图1-28 纯度较高
(2)主色、辅助色和点缀色。
为了保证平面设计作品整体的协调性与美观性,一般可将画面中的色彩分为主色、辅助色和点缀色进行搭配,画面约70%为主色、约25%为辅助色、约5%为点缀色。
- 主色:主色是画面中面积较大,也是较受瞩目的色彩,主色决定了整个画面的风格和基调。主色不宜过多,一般控制为1~3种色彩即可,过多容易造成视觉疲劳。
- 辅助色:辅助色在画面中所占面积略小于主色,是用于烘托主色的色彩。合理应用辅助色能丰富画面的色彩,使画面效果更美观、更有吸引力。
- 点缀色:点缀色是指画面中面积较小、色彩较醒目的一种或多种色彩。合理应用点缀色,可以起到画龙点睛的作用,使画面富有变化。