《版式设计》教案 第2课 循序渐进——熟悉版式设计的构成要素

循序渐进——熟悉版式设计的构成要素课题课时2课时（90min）知识技能目标1了解点、线、面在版式设计中的重要作用教学目标2掌握点、线、面的表现形态与构成方法素质目标通过寻找并分析生活中的版式设计作品,培养审美意识和批判性思维教学重点点、线、面教学重难点教学难点线教学方法情景模拟法、问答法、讨论法教学用具电脑、投影仪、多媒体课件、教材教学过程主要教学内容及步骤考勤【教师】使用APP进行签到【学生】按照老师要求签到【教师】讲述“一针一线成就点.线、面〃案例详见教材，并提出问题如何运用点、线、面兀素丰富版面效果？任务导入【学生】思考、举手回答【教师】通过学生的回答，引入新知，讲解点.线、面等知识-”点〃的形态点,是构成版面最基本的单位通过改变点的大小、数量、分布等,可以为版面营造出不同的视觉效果，给人不同的心理感受在版式设计中，常见的〃点〃的分布形式有上下式、左右式、左上式、右上式、左下式、右下式、边缘发散式、中心发散式和自由式，如图1~图9所示【教师】利用多媒体展示〃图1上下式〃，“图2左右式〃，〃图3左上式“，〃图4右上式“，〃图5左下式〃，“图6右卜式”，〃图7边缘发散式“，〃图8中心发散式“，〃图9自由式〃图片，并进行讲解，并提出以下问题传授新知猜一猜，以下设计图分别属于哪种点的分布形式？【学生】观看、思考，举手回答【教师】展示答案，总结学生的回答【教师】随机邀请学生回答以下问题版式设计中的〃点〃是什么？【学生】聆听、思考.回答【教师】总结学生的回答版式设计中的〃点〃，并不是单指一个圆点一个图形、一张图片、一个或几个文字等所有相对独立的兀素在版式设计中均可称为〃点〃判断个元素是否属于〃点〃，主要取决于它与版面中其他元素的比例关系让空为族变来泉!在进行版式设计时，一是要注意〃点〃与整个版面的关系相较于其他元素而言，〃点〃具有较强的聚焦作用，更容易吸引人的视线，因此，要把握好版面中〃点〃的大小，以使版面和谐二是要注意〃点〃与其他元素的关系，既要各自独立，又要相互关联，以使版面具有均衡美感【教师】扫码播放〃圆点女王——草间弥生〃视频（详见教材），并提出以下问题看完视频你有哪些感悟呢？【学生】观看、思考，举手回答【教师】总结学生的回答

（二）〃点”在版面中的作用【教师】提出以下问题版式设计中的〃点〃有哪些作用？【学生】聆听、思考、回答【教师】总结学生的回答，并讲解新知在版式设计中，处于不同位置的〃点〃会对版面编排效果产生极大的影响因此，在有限的版面中，安排好〃点〃的数量与位置，达到强化主题、丰富版面的目的，是版式设计的关键之处在这里，我们以常见的四种〃点〃的位置，来说明其对于版面的作用【教师】利用多媒体展示〃置于版面正中的‘点‘〃图片，并进行讲解将〃点〃置于版面正中间，能够使版面呈现出稳定、规整的效果，同时还能起到突出主体，强化主题的作用，使读者的视线聚焦于版面正中，从而达到更好地传播信息的目的，如图所示【教师】利用多媒体展示〃置于版面上方的‘点’”图片,并进行讲解将〃点〃置于版面上方，符合人们由上向下的阅读习惯同时，版面上方展示视觉信息，下方传达文字信息，呈现出稳定而平衡的视觉效果，如图所示【教师】利用多媒体展示〃置于版面左侧的‘点‘〃图片，并进行讲解将〃点〃置于版面左侧，使人们第一时间受到〃点〃的吸引，然后向右阅读文字，符合人们从左向右的阅读习惯，能够给人亲切感和舒适感，如图所示【教师】利用多媒体展示〃置于版面右侧的‘点’〃图片，并进行讲解将〃点〃置于版面右侧，虽然打破了人们一贯的视觉流程，但会赋予版面活力，给人以新鲜感，如图所示在这里需要明确的是，版面中的〃点〃并没有规定必须置于哪个位置，而是设计者要根据版面的主题、与其他元素的关联性等因素灵活安排，以清晰传达信息和美化版面为宗旨

二、线（-）线〃的形态线是〃点〃运动的轨迹几何学上的线，只有长度、方向、位置和曲直的变化，没有粗细之分而在设计中，凡是具有连续特性的构成元素都可以称之为〃线〃在版式设计中，水平线、垂直线、斜线、曲线等能使版面呈现出不同的视觉效果【教师】利用多媒体展示〃水平线在版式设计中的应用〃图片，并进行讲解一般来说，水平线容易使人联想到辽阔的海洋、宽广的平原等，因此可以使版面显得平静、稳定，给人以开阔、安定、无垠的感觉,如图所示【教师】利用多媒体展示〃垂直线在版式设计中的应用”图片，并进行讲解垂直线容易使人联想到巍峨的山脉、高耸的建筑等，因此可以赋予版面纵向的延伸感，也不免伴有下落或上升的紧张感，如图所示【教师】利用多媒体展示〃斜线在版式设计中的应用〃图片，并进行讲解斜线容易使人联想到飞翔、投射，虽然常给人失衡、不安定的感觉，但由于它可以产生强烈的动势，因此会使版面富有朝气和生机，如图所示【教师】利用多媒体展示“几何曲线在版式设计中的应用〃图片，并进行讲解曲线又分为几何曲线和自由曲线几何曲线规律性强，主要包括圆、椭圆、圆弧、抛物线等这种曲线具有明确、清晰、易于识别等特点，能够使版面呈现出规律、明快的视觉效果，如图所示【教师】利用多媒体展示〃自由曲线在版式设计中的应用”图片，并进行讲解自由曲线富于动感变化，具有无拘无束、流畅奔放的特点，能够使版面呈现出自由、浪漫的风格，如图所示二〃线〃在版面中的作用由于〃线〃是由〃点〃有形或无形地连接而成，因此，〃线〃在版式设计中的影响力要大于〃点〃了解〃线〃在版式设计中的作用，有助于我们营造更加丰富的版面效果〃线〃在版式设计中主要具有分割版面空间、约束版面内容和营造版面氛围三个方面的作用

1.分割版面空间在版式设计中，〃线〃最基础的作用就是分割版面空间利用〃线〃合理分割版面空间不仅能够使版面结构清晰、主次分明，还能强化版面的秩序感，进而优化读者的阅读体验常见的分割方式有以下几种【教师】利用多媒体展示〃用‘线’划分等面积空间〃图片，并进行讲解用〃线〃将版面划分为若干个等面积的空间，使各部分内容在版面中具有相当的比重，这样会使版面布局规整,极具秩序美感,如图所示【教师】利用多媒体展示“用‘线’划分不等面积空间〃图片，并进行讲解用〃线〃将版面划分为不等面积的空间，能通过分割的大小来显示版面信息的重要程度，使得版面主次分明，具有节奏感，如图所示【教师】利用多媒体展示〃用直线划分版面〃图片，并进行讲解用直线划分的版面各部分的对比关系十分明确，能够使版面整齐且具有较强的逻辑性和条理性，如图所示【教师】利用多媒体展示〃用曲线划分版面”图片，并进行讲解用曲线划分的版面各部分随曲线的弯曲程度而变形，具有较强的灵活性，在一些主题较为严肃的版式设计中，能够起到活跃版面气氛的作用，如图所示需要注意的是，在同一个版面中，并非只能使用直线或曲线来分割版面空间；设计者可以根据版面内容的需要灵活选用线型，但要明确主次，以防使画面显得凌乱

2.约束版面内容【教师】利用多媒体展示〃用‘线‘约束版面内容〃图片，并进行讲解除了分割空间，〃线〃还可以起到约束版面内容的作用在设计的过程中，设计者可以根据版面的需要来改变线的粗细、方向等，以对版面内容形成约束一般来说，线条越细，约束力越弱；线条越粗，约束力越强,如图所示此外，在〃线〃的开头或结尾添加装饰，能够使〃线〃具有方向性，从而引导人们阅读的顺序

3.营造版面氛围【教师】利用多媒体展示〃用直线营造版面氛围”图片，并进行讲解合理运用〃线〃，能够为版面营造不同的氛围，进而达到更有效地传达信息的目的在版式设计的过程中，将直线按照一定的规律排列，并在长短、粗细、虚实、方向等方面做出变化，能够使版面富有节奏与韵律，如图所示【教师】利用多媒体展示〃用曲线营造版面氛围”图片，并进行讲解而将曲线按照一定的规律排列，能够强化版面的纵深感与层次感，如图所示

三、面-〃面〃的形态在几何学中，〃面〃可以是〃线〃移动的轨迹,也可以是’线〃围合封闭所形成的二维空间〃面〃有长度、宽度，没有厚度此外，〃点〃的密集或扩大、〃线〃的聚集也都能产生〃面〃在版式设计中，〃面〃是容纳〃点〃和〃线〃的空间，是构成各种可视化形态的基础它具有强大的艺术表现力，能够丰富作品的内涵我们一般将〃面〃分为几何面和自由面几何面是指按几何学法则构成的规则面这种面在手绘时，一般需要圆规、尺子等作为辅助工具；用电脑绘制时，可直接使用图形工具【教师】利用多媒体展示〃版式设计中的几何面〃图片，并进行讲解几何面具有秩序、理性、重复等特点,因此会使版面显得规矩，如图所小【教师】利用多媒体展示“版式设计中的自由面”图片，并进行讲解几何面以外的面，都可以称为〃自由面〃自由面具有不规则性，由自由面组成的版面容易给人灵动、活泼、充满活力的感觉，如图所示

（二）〃面〃在版面中的作用〃面〃在版面中占据最大比重，它的〃一举一动〃对版面来说至关重要一般来说，〃面〃具有平衡版面关系、深化版面情感的作用

1.平衡版面关系【教师】利用多媒体展示〃用‘面‘平衡版面关系〃图片，并进行讲解〃面〃通常作为版面的主体，它本身具有信息传递的功能，但同时也要与其他兀素相联系，使各个兀素之间更有组织性,进而使版面整体平衡、和谐,如图所示这是旅行纪念册其中的几页，经过设计者的精心设计，照片所形成的〃面〃和文字达到了很好的平衡由于每个版面照片的数量不同，设计者便将具或排列成矩形，或排列成阶梯状，使其所形成的〃面〃虽形态各异但均富有秩序感，再通过加粗左侧的文字或线条、添加图形兀素等手法增强它们之间的联系，从而使版面整体呈现出和谐、平衡之感

2.深化版面情感〃面〃在视觉上具有强烈的表现力，它所具有的情感会随着其形态的变化而变化【教师】利用多媒体展示〃用‘面‘深化版面情感

（一）〃图片，并进行讲解一般来说，如正方形、长方形等规矩的〃面〃，能够更好地塑造以表达严肃、忧伤为主题的版面，如图所示；【教师】利用多媒体展示〃用‘面‘深化版面情感

（二）〃图片，并进行讲解而以曲线为主的自由的〃面〃，能够更好地塑造以表达活泼、温馨、浪漫为主题的版面，如图所示【学生】聆听、思考.理解、记忆【教师】总结本课所学循序渐进——熟悉版式设计的构成要素的相关知识，组织学生利用点.线.面三种元素创作一幅画综合利用点、线、面元素进行创意设计，可以产生丰富的视觉效果和强烈的视觉表现力需要注意的是，在实际应用时要注重统一性,适时将各种兀素进行简洁化处理，如此一来才能创造出既有创意又不乏秩序的优秀作品请同学们利用点、线、面三种兀素创作幅画具体实施步骤如下

1.搜集资料课堂实践搜集综合利用点、线、面的创意设计作品,学习其创作方法并了解其内涵，以作为创作的参考

2.设计创作可以从大自然、社会生活中寻找素材，或从艺术作品中汲取灵感，并结合本项目所学进行创作

3.展示成果在课堂上展示创作的画，阐述创作思路及作品主旨，也可以分享创作过程中的心得体会

4.交流分享听取教师的建议和评价，积极与其他同学展开讨论，互相分享心得体会

5.总结整理总结、整理教师和同学们的建议，进一步完善设计作品【学生】搜集资料，设计创作，上台展示，并进行说明【教师】与学生一起点评，并提出建议【学生】展开讨论，互相分享心得体会，总结并撰写报告【教师】提出以下问题1版式设计的构成要素是什么？课堂检测2常见〃点〃的分布形式分别是哪几种？3〃面〃在版面设计中的作用是什么？【学生】聆听、思考.回答【教师】简要总结本节课的要点课堂小结点、线、面【学生】总结回顾知识点［课后作业【教师】臼码布i1作业布置1置翳总结本1:、线、面的相关知识，并制作思维导图【学生】果所学点任务教学反思。