1.2 视觉中的点、线、面
在视觉设计中，几乎所有的形态，不管是自然形态还是几何形态，无论是抽象造型还是具象造型，都是由点、线、面这3种元素构成的。在绘画艺术、设计、摄影领域，点、线、面这3种元素更是造型之本，创意之源。
摄影师巧妙地利用水坝的曲线造型将画面一分为二，形成有趣的点、线、面构图。
摄影师逆光拍摄，呈现出的效果表现出画面强烈的明暗对比关系，凸显点、线、面构图元素。
运用点、线、面构图元素创作的海报作品——ucc coffee，由福田繁雄（日）创作。
作品采用点、线、面融合的手法，组成包含多张人脸的创意造型（日本富山县美术馆收藏展创意海报）。
1.2.1 点的视觉形象
点在视觉当中不只是一个点，还是一种可分辨的体积较小的元素。在版面设计中，它可以是一个点，也可以是一个几何图形、图案符号，还可以是一张比较小的照片或一个文字。所以，点不是狭义上的点，而是在画面中通过对比的方式所产生的相对较小的设计元素。
点在设计中起指示作用
当画面承载的信息量比较大的时候，为了引导读者快速阅读，可以利用点元素区分不同类型的信息。
将英文字母放大作为点的符号，使其具有指示作用，引导读者进行阅读。
在版面中加入点元素，可以增强指示作用，读者通过点元素可以快速找到对应的信息内容。
点在设计中起烘托气氛的作用
为了更好地表达主题，强调主题氛围，可以将画面中的主要元素以点的形式表现出来。
设计师在主标题文字周围增加能够渲染气氛的图形元素，营造欢快、热闹的视觉效果。
点在设计中起活跃版面的作用
当版面内容较少的时候，为了减少留白，使版面看起来更加丰富、更具观赏性，可以充分利用点元素来装饰版面。
设计师在这张海报中运用点元素进行排列设计，使画面瞬间活跃起来。
视觉中单点的作用
单点可以强调画面中的主体形象，起到吸引读者视线的作用。
这是由日本著名平面设计师龟仓雄策设计的1964年东京奥运会会徽。画面由奥运五环和日本国旗组成，整体极为简洁。
这张海报只用了一张产品图片，没有过多的修饰，并且使用了强烈的明暗对比手法来体现画面的高级感，让读者很容易看到画面中的产品。
视觉中两点的作用
两个点构成视觉心理联系，使两者之间产生互动关系。
在这组运动饮料的海报中，人物和产品为视觉焦点，设计师运用对比的设计手法，加强了人物和产品的关联性，直观地展示了产品的功能。
视觉中多点的作用
当画面中出现多个点时，可以产生多点联动的效果，常用于营造画面气氛。
这张电影海报运用多点布局的排列方式，使画面呈现出丰富、活跃的视觉效果；利用仰视构图的方式，使点元素的编排更加合理、有序，营造出极强的视觉冲击力。
案例操作（一） 点的运用
设计主题：圣诞夜狂欢加码硬核豪礼。
目标人群：18～30岁年轻群体（女性为主）。
表现风格：自由、活泼、奔放、有活力。
设计目标：突出圣诞节元素，烘托节日气氛，营造欢快、热闹的视觉效果，使画面有感染力及视觉冲击力。
扫一扫
（1）打开Illustrator软件，设置页面宽度为210mm、高度为297mm、颜色模式为CMYK颜色、光栅效果为高（300ppi）。
（2）绘制一个与页面大小相等的矩形。
（3）选中矩形，执行“对象>路径>偏移路径”菜单命令，位移为-10mm，单击“确定”按钮。执行“视图>参考线>建立参考线”菜单命令。
（4）选中矩形，执行“对象>路径>偏移路径”菜单命令，位移为-10mm，单击“确定”按钮。执行“对象>路径>分割为网格”菜单命令，设置行数量为1、列数量为5、宽度为34mm、间距为5mm，单击“确定”按钮。执行“视图>参考线>建立参考线”菜单命令。
（5）添加背景图案元素。
（6）添加海报主标题文字。
（7）添加主标题区内的辅助信息。
（8）添加辅助文字及图形元素。
（9）添加背景装饰元素。
1.2.2 线的视觉形象
在视觉中，线既是点运动的轨迹，也是面的轮廓；在几何学中，线只有位置和长度；在形态学中，线具有宽度、形状、色彩、肌理等造型元素。无论是绘画还是设计，线都是对表现物体十分有利的造型要素，它不仅是具象形的，即展示纯粹线条的构成变化，还能产生十分丰富的造型效果。
线能划分信息
当版面信息量比较大时，可以借助线来划分信息，以便读者更快地了解版面内容。
这张海报的文字信息量巨大，设计师使用分割线将版面规划得井然有序，读者可以很轻松地阅读文字内容。
这个版面只有一张图片，文字较多。设计师利用分割线建立文字之间的层级关系，并且将文字统一放置在图片后面。这样设计提升了画面的整体感，突出了人物形象，使版面更具活力。
线能串联信息
当画面中的设计元素比较多的时候，可以利用线将相关的信息进行串联，以使画面更有秩序感。
画面左右两侧的主标题文字垂直排列，将背景上下两个区域的内容串联起来，明确了版面信息的阅读顺序。
设计师在画面中运用线条将几个独立的信息串联起来，让读者能够快速了解画面内容。
线能强调重点
将画面中的主体用线框住，可以起到强调突出的作用。同时，线可以用于建立画面中的层级关系。
在原本密集的排版中增加一条框线，使框内的信息得到突出展示，强调了这部分信息的重要性。
设计师利用灯泡的形状将海报中的重点产品信息紧密地编排在一起，强调了信息的关联性，使产品信息便于阅读理解。
线的类型
视觉中的线分为两种类型：直线（垂直线、水平线、斜线）和曲线（弧线、波浪线、自由曲线）。直线具有简洁、明快、力量感、速度感的特征；曲线具有柔美、轻快、优雅、自然流动感、节奏感的特征。
垂直线
水平线
斜线
弧线
波浪线
自由曲线
垂直线明确、刚毅、沉着，有力度，富于生命力，有伸展的感觉。
设计师将文字垂直编排，合理地利用了版面空间，使版面更加整齐、协调。
水平线给人以稳定、平和、舒展、静态的感觉，能让人联想到平静的海平面和地平线。
设计师将海报中的文字水平排列，产生了宁静、舒展的视觉效果。
斜线给人以动势、冲击、飞跃的方向感，容易制造不安定感、紧张感。
在版面中，设计师进行了巧妙编排，将文字倾斜一定的角度，增加了画面动势，使整个版面看起来重心不稳。穿过地球的文字增加了画面的趣味性。
曲线较直线更具温情，是动力和弹力的象征，既具有直线的简明又具有特有的柔软、运动的双重性格，给人以自然、柔美、优雅的感觉，富有女性气质。
设计师将画面中的主体文字以曲线变形形式呈现，使原本单调、乏味的文字产生了动势，为画面增添了趣味性。
案例操作（二） 线的运用
设计主题：U-ART青年新锐艺术展。
目标人群：艺术设计专业学生、设计师。
表现风格：自由、灵活、概念表现。
设计目标：突出建筑空间概念，构思新颖，运用独特的设计视角阐述主题。
扫一扫
（1）打开Illustrator软件，设置页面宽度为210mm、高度为297mm、颜色模式为RGB颜色、光栅效果为高（300ppi）。
（2）绘制一个与页面大小相等的矩形。
（3）选中矩形，执行“对象>路径>偏移路径”菜单命令，位移为-20mm，单击“确定”按钮。执行“视图>参考线>建立参考线”菜单命令。
（4）在页面中绘制倾斜网格，并与页面居中对齐。
（5）绘制与页面大小相等的矩形，将矩形与倾斜网格同时选中，按快捷键“Ctrl+7”，调用蒙版命令，对倾斜网格建立蒙版遮罩。
（6）添加海报主标题文字。
（7）添加其他辅助信息。
（8）添加图形元素。
（9）添加背景颜色。
1.2.3 面的视觉形象
在视觉中，面是线移动的轨迹。面具有长度、宽度，没有厚度。面在画面中所占的比例是最大的，是设计作品的重要组成部分。版式设计中，具有面积感、体量感的元素称为“面”。面既可以是有形的，如图形、图片、文字，又可以是无形的，如空白的画面、图形间隙。
与“点”“线”相比，“面”给人的视觉冲击力更强烈。面由于大小、虚实、空间、位置等的不同，会让人有不同的视觉感受。面的表现方式直接决定了画面的风格和气质。
面具有刻画主体的作用
面是版面设计中强有力的造型语言，在很多时候都充当着主角，刻画主体视觉风格其实就是对“面”的刻画。主体视觉风格确定以后，可以将“点”“线”作为辅助元素添加到画面中，以提升画面的设计感和丰富度。
这张海报将主体卡通形象放大，使其占据最大的版面，可以有效吸引观众的视线，激发其兴趣，进而了解海报内容。
面具有承载设计元素的作用
面作为信息载体可以强化与聚集画面内容，将相关的信息放在同一个面上，使设计元素之间更有关联性，避免画面过于松散、空洞。
这个版面将多种设计元素组合成一个复杂的面，有效地整合了多种信息，使内容传达更加简单、直观。
面具有分割画面的作用
当画面层次不够分明时，可以通过面的形式将画面分割开。当有多个内容需要展示时，可以用不同的面把信息归组并划分空间，使信息传达更高效。
这张海报利用自由分割的面将多种信息归组，既保持了画面的整体感，又使每个板块的内容具有独立性，产生了丰富有趣的画面效果。
面的类型
几何形的面：由直线、几何曲线或由两者结合而成的面。几何形的面简洁、明快、严谨，规则的结构呈现出理性的美感。
有机的面：由类似生命形态的曲线构成的面。它具有自然形态的特征倾向，是自然形态抽象、概括的表现。
偶然形的面：借助工具和采用非正常的技法绘成的面。它是设计师有意不受主观控制，采用不拘一格的方法，在自然、偶然的创作过程中形成的。
徒手的面：不借助任何绘图工具绘成的面。其表现形式较为广泛，不受限制；表现手法自由、灵活。可以根据设计构思任意发挥。
几何形的面具有理性、直观的视觉形象特征。
设计师将画面中多张图片均等对齐排列，既使画面具有统一秩序的美感，又使画面内容清晰直观。
不同外形的物体当以面的形式呈现出来后，会产生更加生动、厚实的视觉效果。
设计师将重复的文字信息放在“滚动”的纸上，使画面产生了自然流动的视觉效果。
偶然形的面自由、活泼而富有哲理性。
设计师将多种造型重叠，融入版画元素，使画面具有极强的设计张力及艺术美感。
案例操作（三） 面的运用
设计主题：日落音乐节。
目标人群：18～30岁的学生、上班族。
表现风格：个性、夸张、有强烈的视觉表现力。
设计目标：突出营造音乐节狂欢、热闹的氛围。画面有感染力，表现积极、个性化的设计元素。
扫一扫
（1）打开Illustrator软件，设置页面宽度为210mm、高度为297mm、颜色模式为RGB颜色、光栅效果为高（300ppi）。
（2）绘制一个与页面大小相等的矩形。
（3）选中矩形，执行“对象>路径>偏移路径”菜单命令，位移为-10mm，单击“确定”按钮。执行“视图>参考线>建立参考线”菜单命令。
（4）再次选中矩形，执行“对象>路径>偏移路径”菜单命令，位移为-10mm，单击“确定”按钮。执行“对象>路径>分割为网格”菜单命令，设置行数量为1、列数量为5、宽度为34mm、间距为5mm，单击“确定”按钮。执行“视图>参考线>建立参考线”菜单命令。
（5）添加海报主题文字。
（6）添加其他辅助信息。
（7）添加背景颜色。
（8）添加图形元素。
（9）给文字添加颜色。
