《版式与网格系统》课程教学大纲 一、课程基本信息 课程代码：19170153 课程名称：版式与网格系统 英文名称：Layout and grid system 课程类别：专业基础课 时：48 学分：3 适用对象：数字媒体专业 考核方式：考查 先修课程：创意思维、造型基础，数字媒体艺术基础 二、课程简介 本课程是数字媒体艺术的一门专业基础课。通过本课程的学习，要使学生掌握版 式设计的基本理论、实际操作技能和基本创意能力，掌握现代技术中具有通用性、普 遍性的软件的使用方法。要通过各个教学环节培养学生对版式编排应用及制作能力、 和创意的能力。提高对画面中的各视觉元素组织安排的技巧，增强学生的理解力、创 造力，要让学生更好地掌握编排设计规律与制作方法，培养学生的设计责任感和使命 The course of Layout and grid system is one of the basic courses of Digital media art Through the study of this course,students should master the basic theory of layout design, practical operation skills and basic creative ability,and master the use method of universal and universal software in modern technology.It is necessary to cultivate students'ability of layout application and bookbinding production and creativity through various teaching links.To improve the skills of organizing and arranging the visual elements in the picture, enhance the studentsunderstanding and creativity,and let the students better master the layout design rules and production methods. 三、课程性质与教学目的 课程性质 必修课 教学目的： 采用启发式教学，通过带领学生阅读案例，引导学生发现问题，明确学习目的：
《版式与网格系统》课程教学大纲 一、课程基本信息 课程代码：19170153 课程名称：版式与网格系统 英文名称：Layout and grid system 课程类别：专业基础课 学 时：48 学 分：3 适用对象: 数字媒体专业 考核方式：考查 先修课程：创意思维、造型基础，数字媒体艺术基础 二、课程简介 本课程是数字媒体艺术的一门专业基础课。通过本课程的学习，要使学生掌握版 式设计的基本理论、实际操作技能和基本创意能力，掌握现代技术中具有通用性、普 遍性的软件的使用方法。要通过各个教学环节培养学生对版式编排应用及制作能力、 和创意的能力。提高对画面中的各视觉元素组织安排的技巧，增强学生的理解力、创 造力，要让学生更好地掌握编排设计规律与制作方法，培养学生的设计责任感和使命 感。 The course of Layout and grid system is one of the basic courses of Digital media art. Through the study of this course, students should master the basic theory of layout design, practical operation skills and basic creative ability, and master the use method of universal and universal software in modern technology. It is necessary to cultivate students' ability of layout application and bookbinding production and creativity through various teaching links. To improve the skills of organizing and arranging the visual elements in the picture, enhance the students' understanding and creativity, and let the students better master the layout design rules and production methods. 三、课程性质与教学目的 课程性质： 必修课 教学目的： 采用启发式教学，通过带领学生阅读案例，引导学生发现问题，明确学习目的；
通过学生提问，教师从问题切入的方式展开理论讲授：通过教师指导学生临墓优秀案 例训练学生对设计美感的把控能力：通过导入实题训练学生独立完成实践课题的能 力。 四、教学内容及要求 第一章版式与网格系统综述 (一)目的与要求 版式与网格系统的基本理论 (二)教学内容 1.主要内容：通过版式设计的概念、历史发展、功能以及原则来了解版式 设计程序，对版式设计的基本概念进行由浅入深的介绍。 2.基本概念和知识点：通过对版式设计的概念、历史发展、原则及功能的 了解，来学习版式设计的基本概念，了解版式设计的基础知识，为进一步做好 版式设计做好铺垫。 3.问题与应用（能力要求）：掌握编排设计的基本概念和应用范围。 (三)思考与实践 版式设计的美学原则是什么？ (四)教学方法与手段 1.教学方法：授课过程分为两个部分：理论讲授部分与课内实践部分。理 论讲授部分以教师授课为主，学生随堂练习为辅，形成与学生的互动式教学。 2.教学手段：理论讲授部分利用多媒体设备。 第二章版式设计的基础 (一)目的与要求 掌握版式设计的构成元索 (二)教学内容 通过对版式设计的构成元素、视觉流程、版面排列的认识，能够熟练的将 版式设计原理运用到实际版式设计当中。重点强调版式的构成元素，版式设计 的视觉流程，版面排列及版式设计的基本类型。理解并灵活运用版式的构成元 素，版面排列及版式设计的基本类型。 1.基本概念和知识点：文字在排版设计中，不仅仅局限于信息传达意义 上的概念，而更是一种高尚的艺术表现形式。文字已提升到启迪性和宣传性、 引领人们的审美时尚的新视角。文字是任何版面的核心，也是视觉传达最直接
通过学生提问，教师从问题切入的方式展开理论讲授；通过教师指导学生临摹优秀案 例训练学生对设计美感的把控能力；通过导入实题训练学生独立完成实践课题的能 力。 四、教学内容及要求 第一章 版式与网格系统综述 （一）目的与要求 版式与网格系统的基本理论 （二）教学内容 1.主要内容：通过版式设计的概念、历史发展、功能以及原则来了解版式 设计程序，对版式设计的基本概念进行由浅入深的介绍。 2.基本概念和知识点：通过对版式设计的概念、历史发展、原则及功能的 了解，来学习版式设计的基本概念，了解版式设计的基础知识，为进一步做好 版式设计做好铺垫。 3.问题与应用（能力要求）：掌握编排设计的基本概念和应用范围。 （三）思考与实践 版式设计的美学原则是什么？ （四）教学方法与手段 1.教学方法：授课过程分为两个部分：理论讲授部分与课内实践部分。理 论讲授部分以教师授课为主，学生随堂练习为辅，形成与学生的互动式教学。 2.教学手段：理论讲授部分利用多媒体设备。 第二章 版式设计的基础 （一）目的与要求 掌握版式设计的构成元素 （二）教学内容 通过对版式设计的构成元素、视觉流程、版面排列的认识，能够熟练的将 版式设计原理运用到实际版式设计当中。重点强调版式的构成元素，版式设计 的视觉流程，版面排列及版式设计的基本类型。理解并灵活运用版式的构成元 素，版面排列及版式设计的基本类型。 1．基本概念和知识点：文字在排版设计中，不仅仅局限于信息传达意义 上的概念，而更是一种高尚的艺术表现形式。文字已提升到启迪性和宣传性、 引领人们的审美时尚的新视角。文字是任何版面的核心，也是视觉传达最直接
的方式，运用经过精心处理的文字材料，完全可以制作出效果很好的版面，而 不需要任何图形。 2.问题与应用（能力要求）：掌握文字编排设计的基本方法。 (三)思考与实践 文字编排设计的美学原则是什么？ (四)教学方法与手段 1.教学方法：授课过程分为两个部分：理论讲授部分与课内实践部分。理 论讲授部分以教师授课为主，学生随堂练习为辅，形成与学生的互动式教学。 2.教学手段：理论讲授部分利用多媒体设备。 第三章版式与网格系统结构体系 (一)目的与要求 掌握版式设计的结构体系，利用网格结构规范设计 (二)教学内容 将构成主义和秩序的概念引入到设计之中，使得所有的设计元素协调一致 图片和文字的编排上，按照网格进行编排配置，给人以严谨、和谐、理性的美。 盲目的过分依赖只会使版面显得呆板、乏味：反过来，不懂得利用网格，会使 版面杂乱无章。 1.基本概念和知识点：有章可循，无章可循一一编排设计虽然有章可循， 但也要重风格，重创新。版面编排没有固定的公式，一些版面处理在以前看是 “犯忌”的，但读者包括不少圈内人士都认为很有特色，甚至形成了自己特有 的风格。也有根据版面内容需要，有意“触雷”，那不是犯规而是创新。 2.问题与应用（能力要求）：掌握编排结构体系的基本236535方法。 思考与实践 版式设计的结构体系是什么？ 教学方法与手段 1.教学方法：授课过程分为两个部分：理论讲授部分与课内实践部分。理 论讲授部分以教师授课为主，学生随堂练习为辅，形成与学生的互动式教学。 2.教学手段：理论讲授部分利用多媒体设备
的方式，运用经过精心处理的文字材料，完全可以制作出效果很好的版面，而 不需要任何图形。 2．问题与应用（能力要求）：掌握文字编排设计的基本方法。 （三）思考与实践 文字编排设计的美学原则是什么？ （四）教学方法与手段 1.教学方法：授课过程分为两个部分：理论讲授部分与课内实践部分。理 论讲授部分以教师授课为主，学生随堂练习为辅，形成与学生的互动式教学。 2.教学手段：理论讲授部分利用多媒体设备。 第三章 版式与网格系统结构体系 （一）目的与要求 掌握版式设计的结构体系，利用网格结构规范设计 （二）教学内容 将构成主义和秩序的概念引入到设计之中，使得所有的设计元素协调一致。 图片和文字的编排上，按照网格进行编排配置，给人以严谨、和谐、理性的美。 盲目的过分依赖只会使版面显得呆板、乏味；反过来，不懂得利用网格，会使 版面杂乱无章。 1．基本概念和知识点：有章可循，无章可循——编排设计虽然有章可循， 但也要重风格，重创新。版面编排没有固定的公式，一些版面处理在以前看是 “犯忌”的，但读者包括不少圈内人士都认为很有特色，甚至形成了自己特有 的风格。也有根据版面内容需要，有意“触雷”，那不是犯规而是创新。 2．问题与应用（能力要求）：掌握编排结构体系的基本 236535 方法。 思考与实践 版式设计的结构体系是什么？ 教学方法与手段 1.教学方法：授课过程分为两个部分：理论讲授部分与课内实践部分。理 论讲授部分以教师授课为主，学生随堂练习为辅，形成与学生的互动式教学。 2.教学手段：理论讲授部分利用多媒体设备
第四章版式与网格系统设计视觉元素和审美要点 (一)目的与要求 掌握版式设计的视觉元素和审美 (二)教学内容 空间布局 空间分隔 一骨酪线 a.模数化分隔一一规律感、严谨感、理性 b.感性分隔 一灵动感、创意感、随机感 容易被忽视的审美一一虚空间的审美，要时刻关注虚空间的造型、位置、 面积、色彩、肌理等 1.基本概念和知识点：营造视觉焦点的方法一一利用对比（空间布局、 扣人心悬的造型、色彩、机理等) 2.问题与应用（能力要求）：视觉焦点与次要元素的层次要清晰，一个内 容完整的版式设计应是视觉焦点突出、主次分明。 (三)思考与实践 分析以下案例的视觉流程，及营造视觉流程的方法， (四)教学方法与手段 1.教学方法：授课过程分为两个部分：理论讲授部分与课内实践部分。理论讲 授部分以教师授课为主，学生随堂练习为辅，形成与学生的互动式教学。 2.教学手段：理论讲授部分利用多媒体设备。 五、各教学环节学时分配 敦学环节 其他敦 讲 习 讨 散学时数 实验 兴 环 计 课程内容 第一章 4 6 第二章 4 2 6 12 第三章 2 6
第四章 版式与网格系统设计视觉元素和审美要点 （一）目的与要求 掌握版式设计的视觉元素和审美 （二）教学内容 空间布局 空间分隔——骨骼线 a.模数化分隔——规律感、严谨感、理性 b.感性分隔——灵动感、创意感、随机感 容易被忽视的审美——虚空间的审美，要时刻关注虚空间的造型、位置、 面积、色彩、肌理等 1．基本概念和知识点：营造视觉焦点的方法——利用对比（空间布局、 扣人心悬的造型、色彩、机理等） 2．问题与应用（能力要求）：视觉焦点与次要元素的层次要清晰，一个内 容完整的版式设计应是视觉焦点突出、主次分明。 （三）思考与实践 分析以下案例的视觉流程，及营造视觉流程的方法。 （四）教学方法与手段 1.教学方法：授课过程分为两个部分：理论讲授部分与课内实践部分。理论讲 授部分以教师授课为主，学生随堂练习为辅，形成与学生的互动式教学。 2.教学手段：理论讲授部分利用多媒体设备。 五、各教学环节学时分配 教学环节 教学时数 课程内容 讲 课 习 题 课 讨 论 课 实验 其他教 学 环 节 小 计 第一章 4 2 6 12 第二章 4 2 6 12 第三章 4 2 6 12
第四章 2 6 12 合计 16 8 24 48 六、推荐教材和教学参考资源 1、《版式设计》中国青年出版社，许楠，魏坤编著： 2、《英国版式设计教程》上海人民美术出版社（英）戴维.达博纳编著： 3、《版式设计一日本平面设计师参考手册》人民邮电出版社[日]+Designing编 辑部著，周燕华，郝微译。 七、其他说明 版式与网格系统要充分结合实际，要有较好的可操作性。 大纲修订人：陈文静 修订日期：2020年9月 大纲审定人：陈文静 审定日期：2020年9月
第四章 4 2 6 12 合计 16 8 24 48 六、推荐教材和教学参考资源 1、《版式设计》中国青年出版社，许楠，魏坤编著； 2、《英国版式设计教程》 上海人民美术出版社 （英）戴维.达博纳 编著； 3、《版式设计—日本平面设计师参考手册》 人民邮电出版社[日]+Designing 编 辑部著，周燕华， 郝微 译。 七、其他说明 版式与网格系统要充分结合实际，要有较好的可操作性。 大纲修订人： 陈文静 修订日期：2020 年 9 月 大纲审定人： 陈文静 审定日期：2020 年 9 月