项目3-1 图形的构成要素与构图－图形的基本元素

03Loremipsumdolorsitamet,consecteturadipiscingelit.Curabiturconsequatrisussitamettemporvarius.视觉传达专业GRAPHICDESIGN课程资源图形创意设计目录Contents任务一了解图形的基本元素任务二认识具象图形与抽象图形0102任务三

了解意向图形元素03任务四了解图形设计的构图与视觉流程04任务五了解图形设计的表现角度与设计风格05项目三

掌握图形的构成要素与构图

01PARTONE任务一了解图形的基本元素一、图形的基本元素二、基本元素的组合PARTONE任务一了解图形的基本元素“点、线、面、体”是几何学的概念，也是图形最基本的元素。视觉要素由“点、线、面、体”基本元素所构成，主要包括形状、面积、色彩、肌理等。点线面体图形是一种视觉语言的载体，可以是具象形态，也可以是抽象的形态。❶几何学中的点是可见的最小单元，它只有位置，无方向、大小和形状，常用来表示图形的位置。❷《辞海》对点的解释是：细小的痕迹。在图形领域中，点是最基本的形态，画面中单独而细小的形态被称为“点”。点是一个相对的概念，任何形状只要是够小，都可以称之为“点”。一、点元素

（一）点的概念点的面积虽小，但是点有形状、方向、大小、位置。点经过组合变化后会产生丰富的视觉效果。形状方向大小位置（二）点的主要特征❶点的形态点的各种形态

❶点的形态千变万化，它可以是文字、图像或者图形，一只蚊子、一滴墨水都可以被认为是“点”。❶点可以分为实心点与空心点，规则的点与不规则的点。（二）点的主要特征❷点的大小❸点的颜色❹点的强弱点的各种形态

（二）点的主要特征点的位置1点的位置点在画面中的位置会影响观察者对它的关注度，不同位置的点会对视觉造成影响。（三）点的位置与组合关系【课堂互动】

小组讨论：谈谈点在画面不同的位置给人所带来的视觉感受，请举例说明。❷

点的聚集（三）点的位置与组合关系❶点的聚集具有暗示、聚焦的作用，有较强的向心性，能形成视觉的焦点。❶当画面有大小一样的两个点时，这两个点会互相吸引，产生视觉连线；❶当画面有多个点时，视觉会在这这些点之间来回移动，形成三角形或四边形的视觉联线。❶当画面有两个大小不一的点时，小的点会被大的点所吸引，越大的点吸引力越大。点的分布

3点的分布多个点通过距离和密度的变化可以形成不同的分布模式，点的分布模式主要有均匀分布、集中分布和随机分布。（三）点的位置与组合关系4点的视觉转化点成线，线成面，点的排列和组合会产生线或面的视觉转化。（三）点的位置与组合关系a.点的线化。两个以上的点排列在一起时,点与点之间会产生联系。b.点的面化。点的密集排列或聚集，会产生面的感觉，被称为点的面化。

点的排列组合（冈特兰堡）

5点的组合排列画面中点的大小、形态与位置变化会产生不同的视觉效果与心理作用。（三）点的位置与组合关系点可以排列组合成复杂的图形，较小的点可以聚集成较大的点，以凸显主题创意的需要和表现形式。点具有运动的倾向性，点的组合排列可以产生方向感与运动感。通过发射状排列，获得视觉的张力。点的排列还可以在画面中充当醒目的色块。点的空间感（冈特兰堡）

6点的空间感连续排列的点可以形成线与面，连续排列的点通过大小变化，疏密、远近排列组合还可以形成三维立体空间效果。（三）点的位置与组合关系

二、线元素

（一）线的概念1.几何学中的线。线常用来连接点或者分割图形，几何学中的线没有粗细之分，只有长短和方向。2.图形领域中的线。线的概念是指由一系列相邻的点连接而成的路径或运动轨迹。线由众多的点组合而成。线的类型二、线元素

❶直线。水平线、垂直线、斜线、折线等；直线面与曲线面直线虚线

线的形态有直线、曲线、虚线、点线或折线等形状。曲线

❶虚线、点线与折线。不同粗细、长度与形态的线条可以产生不同的视觉效果。

❶曲线。几何曲线、有机曲线、自由曲线等；

（三）线的作用❶线有分割画面的作用，能让图形整齐，且轮廓清晰；❶线可以在图形创意中创造形状、分割空间，表示动态与节奏感。❶根据设计诉求来选择合适的线来表达主题与情感，才能让线发挥最好的效果。（四）线的主要特征线的形态线的弯曲线的方向线的情感线的组合

（四）线的主要特征1.

线的形态

线具有位置、长短、宽度、方向、形状、粗细、深线、曲率和方向等特性；线的各种形态

（四）线的主要特征2.线的弯曲度线的弯曲度会产生静态或动态的不同感受，直线坚硬、有力、沉稳，带给人平静的视觉感觉。曲线具有圆润、优雅、流动的美感。

水平线的组合（呼吸的空间，王迪）

（四）线的主要特征3.线的方向性线具有引导视觉的功能，并能创造出空间感。水平线、垂直线、斜线等都有不同的方向性，可以传达动态感和平衡感。❶垂直线有蓬勃向上的感觉，使人联想到高耸的楼房、参天的大树等；❶水平线向两边延伸，斜线打破了空间的平衡性，有运动的态势。❶

线可以向内聚拢形成视觉中心，向外扩散呈辐射状。（四）线的主要特征4.

线的情感每一种线都有独特的个性，线的形状、方向和弯曲度可以传递不同的情感。线有长短、轻重、刚柔之分，曲线让人产生轻快、柔和的情感。❶垂直线给人坚实感、稳定感；❶水平线让人安静、平静，能平缓人们的焦虑情绪；斜线有方向性，有不安定感；❶折线让人感觉尖锐、曲折与未知的不确定性；❶曲线可以用于表达动态感与流动感。线的各种形态（新年海报设计，伊朗，AmirKarimian）（四）线的主要特征5.

线的组合❶线通过相交、平行、重叠等排列组合创造出各种形态。以线为主的图形给人规则感和韵律感。山河万里龙为脊，李瑞梅

三、面元素

（一）面的概念面的概念❶面是由多个相连接的线条封闭围合而成的区域，面可以用来表达形状，划分区域、体现质感，面有大小、形状和轮廓边界（2）图形设计中的面

❶面是由线的移动轨迹首尾相接所形成的，面表示图形所占据的区域。面具有长度、宽度与形状，但没有厚度。

（1）几何学中的面（二）面的主要特征面具有巧妙地划分空间、定义区域、创造层次和表达主题的作用。

（1）面的形状

面在图形设计中占有主导地位，在视觉上要比点、线的视觉冲击力强。面的形状可以是方形、矩形、圆形、椭圆形等，面可以分为直线面与曲线面，规则的面与不规则的面。（二）面的主要特征直线面的各种形态曲线面的各种形态直线面与曲线面❶直线面有三角形、方形、矩形、多边形、梯形等，直线面在视觉上有稳定感，比较坚硬、锐利，其缺点是缺少灵活度，显得呆板，形式感不足。

直线面曲线面

❶曲线面由曲线构成，如圆形、椭圆形、有机形、倒角矩形等。自由曲线构成的面给人随意、舒适、柔和的视觉感受。

直线面与曲线面

（二）面的主要特征（2）面的大小。❶面的大小各不同，不同的面可以产生视觉上较大的差异性。Frisa火腿肠广告（二）面的主要特征（3）面的情感。❶面的形状、大小、颜色和纹理都可以传递特定的情感。例如，方形的面有平衡、稳重的感觉；菱形的面具有尖锐、不稳定的感觉；圆形的面具有温和的画面感。第14届FIRST青年电影展（二）面的主要特征（4）面的表面肌理。❶面有丰富的颜色、纹理、质感、光照等表面特性，可以填充不同的纹理或图案来增强表面的肌理效果，在不同的光线作用下，面的视觉效果也会发生丰富的变化。SimpleGreen简绿烧烤清洁剂

（二）面的主要特征（5）面的位置与组合关系❶面的位置和组合方式可以影响画面整体视觉效果和空间的层次感。乐队演唱会创意海报设计，JamesKirkup

（二）面的主要特征❶可以等形组合或不等形组合，等形组合是将相同的形态进行组合；不等形组合是指将不同造型的面组合起来。

面的组合方式

面主要特征面的组合关系面的组合方式

❶面的组合方式主要有分离、相遇、重叠、联合、减缺、透叠、差叠、重合等（二）面的主要特征（二）面的主要特征

四、体元素

（一）体的概念（2）图形设计中的体。体是指二维空间的立体图形表现，可以是虚假的三维立体空间或二维立体形态（半立体）。图形中的体具有体积、形状和立体感。

面主要特征几何学中的体图形设计中的体（1）几何学中的体。体是三维空间内具有长、宽、高的图形，它由多个面组成。

（二）体的形状体可以呈现出立方体、球体和圆柱体等各种形状。二维空间的立体图形可以通过透视、阴影和投影等技巧来表达三维立体效果。（三）体的特征（1）体具有明确的边界，可通过线或面来界定。体可以用直线、曲线或平面、曲面等塑造形态。

（三）体的特征（2）体通过缩放、变形或切割来改变大小和形状。

土豆冈特·兰堡（3）图形中的体能够模拟光线、投影和阴影，使画面具有立体空间感Scribe彩色铅笔创意广告

（三）体的特征❶左图招贴作品展示了一只握着书的手。书与手悬浮在空中并投下阴影，使手由平面转向立体，它传达了把握住知识就拥有力量的设计理念；❶右图招贴作品通过书中的窗户所透过出的光与影来塑造三维空间，同时也寓意书籍给人带来知识与光明。书籍冈特·兰堡（一）课题导入条形码具有商业价值，其作用是录入商品信息，方便商品的交易、记录和库存管理。在图形创意中通过将条形码与各类形态结合，变化出有趣的条形码创意图形。

技能强化实训1：基本元素训练（条形码图形实训）1.实训主题：以条形码为设计元素，进行图形联想创意设计。2.实训目标：通过条形码联想图形的创意实训，强化学生对“线”形态的掌握与应用，培养图形设计的形态概括表达能力。（二）任务要求技能强化2❶要求每人完成9个条形码的联想图形设计，工具不限，黑白稿，A4尺寸图纸1❶以“条形码的联想”为主题，抓住条形码的线形特征及秩序感，探索各类条形码联想创意设计；（三）任务实施技能强化❶资料收集。上网收集与条形码有共性特征的图形素材，分析图形元素与条形码之间的联系；0102❶绘制草图。结合条形码的形态特征，对原图形进行二次创作改造，绘制草图，条形码与原图形元素结合需巧妙，保留条码线条的秩序感，绘制12个草图；03❶绘制正稿。选择9个有创意的草图，用尺子及针管笔绘制精细的设计稿；04❶交流汇报。提交最终设计稿，同学之间作品展示与交流，互相评价，教师点评。（三）任务实施技能强化（四）任务评价技能强化30%20%30%1.联想思维的发散性，图形元素与条形码之间的关联度，图形的创新性2.图形表达的准确性，图形表达的概括、刻画能力3.图形视觉冲击力，图形和条形码之间的衔接合理20%4.小组交流，交流充分，汇报思路清晰，详略得当（一）课题导入❶字母或数字是图形设计中常见的设计元素之一，其特征明显，造型简洁。设计师常常以字母或数字为原形进行图形设计。

技能强化实训2：字母或数字图形训练1.实训主题：以字母或数字等文字为设计元素进行图形设计

2.实训目标：通过课题训练，提升学生字母与数字设计能力，让学生突破固有的形象思维，提升思维的敏捷性。进一步巩固图形基本元素的应用能力，提高学生的图形设计能力。（二）任务要求技能强化2❶保持字母的识别性，尝试多种设计，强化视觉效果；1❶选取1-2个字母或数字为原形，展开基本图形的创意设计；3❶每人完成6个图形的创意，表现手法与材料不限，色彩稿，单个图形尺寸为12cm×12cm，最后贴在A3卡纸上提交作业。（三）任务实施技能强化❶收集案例。收集字母或数字优秀案例，分析其表现手法。确定要设计的字母或数字原形，对原形深入分析，思考设计手法；0102❶确定元素。收集图形素材，对图