版式设计课件 项目2 版式设计的要素

项目2版式设计的要素版式设计CONTENTS2.1点2.2线2.3面2.4肌理2.5空间2.6任务实践2.1.1点的形态在版式设计中，凡是在版面中占极小面积的元素均可视为点，它可以是图片、文字，也可以是其他能够使用点来形容的内容，如色块、面积等。因此，“点”是由对比定义出来的。点具有多种形态，不同形态的点给人的视觉感受不同。2.1.2点的构成从掌握点的构成可以更好地协调版面中的各种关系。通常情况下，版面中的点由单一的点、组合的点和虚拟的点构成。2.1.3点的视觉特征与错视1．点的视觉特征点给人带来的视觉感受会随着点的数量，以及各个点之间的位置、大小关系而发生变化。（1）一个点当画面中只有一个点时，容易吸引视线，有强调作用。随着点的位置变化，人的视觉心理感受也会发生变化。

点在画面中间1点在画面下方3点在画面上方22.1.3点的视觉特征与错视（2）两个点画面中有两个点时，会让人产生两点之间有一条不存在的线的感觉。如果是两个大小相同的点，视线会在两点之间来回反复，当点处于水平、垂直或倾斜状态，分别给人左右、上下、斜向移动的运动感。如果两个点的大小不相等，视觉方向常常根据由大到小或由近而远的顺序，产生移动的感受。（3）三个点画面中有三个点时，这三个点之间会产生直线或三角形连线的感受。三个点处于正三角形状态，会具有正三角形的稳定感；三个点处于倒三角形状态，会具有倒三角形的不稳定感；三个点处于三个角落时，另一个角落就会出现空缺的感受，会给人不完整的感受。2.1.3点的视觉特征与错视（4）多个点画面中有多个点时，若多个点散乱排列，松散排列的点会带给人以放松、活跃的感觉，散乱密集的点给人紧张的感觉；若多个点秩序地排列聚散起伏，点以大小间隔进行排列产生节奏感，点以聚散进行排列产生律动感。2.1.3点的视觉特征与错视2．点的错视错视，又称视错觉，是指视觉心理感受与客观事实不一致的现象。由于点的形态、位置、色彩以及周围环境或参照物不同，会产生大小、远近、轻重等错视现象。2.1.4点的线化与面化点的不同大小、疏密混合排列，可以使点产生有韵律感的线化或面化效果。A点的线化效果B点的面化效果多个点沿同一方向有序排列，可以产生线的效果，具有方向性，可以引导画面的视觉走向。多个点沿同一方向有序排列，可以产生线的效果，具有方向性，可以引导画面的视觉走向。2.1.5点在版式设计中的作用活跃版面01区分内容0203彰显版面凝聚力CONTENTS2.1点2.2线2.3面2.4肌理2.5空间2.6任务实践2.2.1线的形态1．直线直线具有肯定、明晰和单纯等特点，表现出一种力量的美，有很强的方向感和速度感。直线主要分为水平线、垂直线、斜线和折线。2.2.1线的形态2．曲线曲线变化无穷，可简单概括为几何曲线和自由曲线两种类型。A几何曲线几何曲线拥有严谨的内部结构及柔和的外部形态，主要包括弧线和O形线等形态。B自由曲线自由曲线没有固定的外形和结构，其主要特征表现为具有强烈的随机性，分为以下两种形态。●

单一型自由曲线。单一型自由曲线是指版面中只存在很少的曲线数量，通过减少=线条的数量，可以大大提升单一曲线的视觉形象，同时使画面展现出明朗、流畅的感觉。●

组合型自由曲线。这类曲线以组合为主，画面中通常存在大量曲线，并且沿不同的轨迹延伸，从而在视觉上给人以凌乱、个性的感觉。2.2.1线的形态2.2.2线的视觉特征与错视1．线的视觉特征线的粗细、长短和虚实3种视觉特征都是通过对比得出的，人仅凭肉眼便能识别出这些视觉特征。2.2.2线的视觉特征与错视2．线的错视根据线的错视，可总结出以下原则。2.2.3线的变化受线与线之间交接、组合方式的影响，线会产生以下变化，在版式设计中运用以下5种变化可以有效丰富视觉效果，营造空间感。线的面化A线的粗细变化C线的交叉变化EBD线的疏密变化线的方向变化2.2.4线在版式设计中的作用线在版式设计中主要起到分割空间、创建空间约束力、表现气质和串联内容的作用。CONTENTS2.1点2.2线2.3面2.4肌理2.5空间2.6任务实践2.3.1面的形态从形态边缘的不同特征进行区分，面可分为有机形体的面、偶然形体的面、自由形体的面和几何形体的面。2.3.2面的视觉特征与错视根据形成方式一般可以将面的特征划分为积极的面与消极的面两种。这两种视觉特征不仅在表现形式上存在着本质的区别，同时在情感表达上也存在着一定的差异性。2.3.3面的组合两个及两个以上的面相遇，可以产生多种组合形式，包括分离、接触、覆叠、差叠、透叠、减缺和重合等。在版式设计中，可以将任意两个或两个以上的面形态安排到同一个画面中，并运用以下方式进行组合，使版面具有别具一格的视觉效果。2.3.4面在版式设计中的作用在版式设计中，点和线常作为辅助元素，而面是版面中的真正主角。通过在版面中深入刻画面，才能决定版面的视觉效果。通常情况下，版面中会出现1个、两个或多个面。CONTENTS2.1点2.2线2.3面2.4肌理2.5空间2.6任务实践2.4.1肌理的特征肌理是指物体表面的纹理结构，即各种纵横交错、高低不平或粗糙或平滑的纹理，如树的表皮、叶的脉络、水的波纹、动物皮纹等自然肌理，人工制造的仿木纹、仿大理石纹，以及综合利用多种材质形成的肌理等。肌理有的粗糙、有的光滑、有的柔软、有的刚直，可以使物体的表面具有鲜明的识别性和与众不同的特质属性。在版式设计中，肌理则是指作品中可以唤起人触觉和视觉反应的纹理感受。2.4.2肌理的分类1．触觉肌理触觉肌理是人能够真实触摸并感受到的肌理。通常来说，现实生活中可触物体表面的肌理就是触觉肌理，如建筑、雕塑和工艺品等物体都具有触觉肌理。2．视觉肌理视觉肌理是人为运用软件，或色彩、线条和图片等元素，在作品中创造与真实物体肌理一致的肌理，使视觉效果逼真。这种肌理实际上是不存在的，只是一种通过眼睛感受到的视觉化表现。2.4.3肌理在版式设计中的作用通过这些肌理形成视觉上的对比，是版式设计中较为重要的设计手法，同时肌理的美感在对比中表现得往往比较充分。为了达到理想的效果，不仅会精准地描绘物体表面的每一个细节，甚至会放大局部细节，以加强视觉说服力，影响人对作品的感觉和判断。形成视觉上的对比01提供视觉上的参考依据02增强视觉上的真实感03文字肌理在版式设计中具有非常重要的意义，它可以为设计师在选择文字的字体、字号和粗细等场景时，提供视觉上的参考依据。CONTENTS2.1点2.2线2.3面2.4肌理2.5空间2.6任务实践2.5.1正空间和负空间在三维的艺术形式中，正空间指被物体占据的空间，物体周围的空白区域或开放空间被称为负空间。一个作品的正负空间是相互作用的，二者互相结合，可以影响人的视。2.5.2创建空间的方法1．重叠重叠是表现纵深错觉的常见方法，将一个物体放置在另一物体的前方，后方的物体就会在视觉上被推向更深的空间。2．比例改变物体的大小比例，可以十分自然地展现物体之间的距离，并体现出明显的空间感。3．透视●

空气透视。空气透视是用色彩、明暗、色调(又称色彩倾向、色彩基调，即给人总体的色彩印象)等方式表现纵深的一种方式，也就是近纯远灰。●

线性透视。线性透视包括一点透视（又称平行透视）、两点透视（又称成角透视）、三点透视。2.5.3影响版面空间感的因素空间在版式设计中的作用是丰富版面层次，强化视觉冲击力。而版面中元素的比例、位置，以及元素的黑、白、灰层次关系都可以影响版面的空间感。ABC元素比例元素位置元素的黑、白、灰层次关系CONTENTS2.1点2.2线2.3面2.4肌理2.5空间2.6任务实践任务

设计重复元素背景的名片1．案例背景艺梦坊是一家帮助人实现艺术梦想的工作室，提供各种绘画风格、形式的教学服务。随着规模的扩大，工作室的艺术总监小红（虚拟人名）需要为自己制作一张名片，以便在业务沟通中使用。要求该名片设计简洁大方，与工作室定位相符。2．分析思路中式标准名片是一张正反两面尺寸均为90mm×54mm（含出血尺寸为94×58mm）的一张卡片，内容通常较为简洁，主要放置使用人的姓名、职务、联系方式、企业地址，以及企业Logo等内容。任务

设计重复元素背景的名片3．操作提示（1）使用参考线分割版面。任务

设计重复元素背景的名片（2）使用参考线分割版面。