网络自媒体版式教学大纲

1、网络自媒体版式设计课程教学大纲课程代码：100442016课程英文名称：Internet Layout Design课程总学时：40 讲课：28实验：0 上机：12适用专业：视觉传达设计专业大纲编写（修订）时间： 2017.09一、大纲使用说明（一）课程的地位及教学目标版式设计是视觉传达设计专业比较重要的，可以说是基础型的专业选修课。设计在注重创 意的同时，版式的表现手段与形式风格的探索，使设计得以完美尽致的发挥，从而避免设计过 程的盲目性。这是版式设计研究的功能，也是学生学习版式设计的目的。随着科技的发展，当 今社会进入了网络自媒体时代，传统的纸媒已经不能满足快节奏人们对信息的摄入。网络自媒

2、 体已经以惊人的速度发展着。视觉传达设计专业的网络自媒体版式设计课程是通过对计算 机网络页面及手机等自媒体版面设计的基础理论知识全面系统的学习，培养学生对网络自媒体 版面审美的认识，锻炼学生的设计技能，为日后设计打好基础。网络自媒体版式设计的范围涉 及自媒体版式设计、网页设计、 App版式设计等各类网络自媒体的版式设计。对于复杂的网络 自媒体设计，版式设计教学生如何掌控布局空间和把握整体设计，引导学生快速进入设计领域。 本课程在教学内容方面除基本知识、基本理论和基本方法的教学外，通过多个设计案例训练， 着重培养学生的动手实践设计能力。通过本课程的学习，学生将达到以下要求：1 . 了解网络自媒体

3、版式设计的组织原则，网络自媒体版式设计的编排构成，熟练运用网络 自媒体版式视觉设计要素；2 .树立正确的学习观；3 .具有独立设计，绘制能力；4 .理论与实践相结合；5 .能够灵活运用版式设计的编排形式法则对网络自媒体进行设计。（二）知识、能力及技能方面的基本要求1 .基本知识、能力：了解网络自媒体版式设计的组织原则，网络自媒体版式设计的编排构成，熟练运用版式视觉设计要素。能够灵活运用网络自媒体版式设计的编排形式法则，网络自媒体 版式设计作品要求传达信息准确、迅速、舒适、独特，同时也应担负唤起使用受众对新的视觉 样式的感受意识。2 .基本技能：要求学生对网络自媒体版式设计以前的基础课程，特别是

4、设计基础课，（平面构成、色彩构成和立体构成）对各种设计要素，如形态的类别、构成和变化，色彩的基本现象与 规律，各种肌理的生成与组合，各种构成和构图的方法以及形式规律等方面进行了全面的学习 与研究；熟练使用计算机制图软件进行设计。（三）实施说明1 .教学方法：理论讲解与分析示范设计步骤相结合；引导学生根据设计案例，运用创造性 思维进行网络自媒体版式设计；采用启发式教学，培养学生思考问题、分析问题和解决问题的 能力；引导和鼓励学生通过实践和自学获取知识，培养学生的自学能力；增加讨论课，进行作 业作品的自评与互评，调动学生学习的主观能动性；讲课要联系实际并注重培养学生的创新能力。2 .教学手段：本课

5、程属于专业选修课，在教学中采用电子教案、多媒体教学系统等先进教 学手段，以确保在有限的学时内，全面、高质量地完成课程教学任务。（四）对先修课的要求要求学生修完平面构成、色彩构成、计算机辅助设计、图形设计、字体设计相关课程。（五）对习题课、实践环节的要求1 .对重点、难点章节（如：网络自媒体文字编排构成、网络自媒体图像与图形编排构成等）应安排习题课，例题的选择以培养学生消化和巩固所学知识，用以解决实际问题为目的。2 .根据课堂讲解内容布置课后作业，做到课后作业要少而精，内容多样化，使作业起到巩 固理论，掌握网络自媒体版式设计的设计方法和技巧，提高分析问题、解决问题能力，对作业 中的重点、难点，课

6、上应做必要的提示，对作业中出现的问题课内及时解决。要求学生必须独 立、按时完成课外习题和作业，作业的完成情况将作为课程成绩评定的一部分。（六）课程考核方式1 .考核方式：考查2 .考核目标：考核学生网络自媒体图文结合编排能力、网络自媒体版面主次关系及色彩搭 配，重点考核学生的创意能力、绘制能力和独立完成的能力。3 .成绩构成：本课程的总成绩主要由两部分组成：平时成绩50% （包括每阶段作业完成情况及出勤情况等），作业整体效果占成绩 50%平时成绩及作业成绩由任课教师视具体情况按百分制给出；出勤三次不来，总成绩直接以 不及格计。（七）参考书目版式设计，杨敏编著，西南师范大学出版社，2007版式设

7、计精品解读，肖蕾、江泓等 编著，电子工业出版社， 2008跨平台的视觉设计：版式设计原理，（日）佐佐木刚士，风日舍，田村浩 编著，电子工业出版社，2017版式设计与创意，王斐 编著，清华大学出版社，2017二、中文摘要版式的设计，就是运用平面构成规律，将图、文、色等视觉要素加以编排组合，充分满足 视觉传达的功能要求和形成独特的平面个性。网络自媒体信息内容的表达离不开文字、图形图 像和色彩三大要素。网络自媒体版式设计就是将这三方面的要素进行创造性的组织安排。在符 合商业整体营销战略的前提下，设计具有相对独立的创意空间和审美价值。引导学生在文字、 图形、色彩的任一元素上进行创意表现，从而形成网络自

8、媒体版式设计的视觉特点。当创意和 传达内容与受众兴趣品味相吻合时，就成为成功的设计。三、课程学时分配表序号教学内容学时讲课实验上机1版式设计概论11002版式设计的组织原则11003版式设计的编排构成11004版式视觉设计要素11005版式设计的视觉流程11006版式设计的编排形式法则11007文字、图形与图像的编排构成11008图版编排构成11009版式设计的物质和技术要求110010网络自媒体版式设计运用311901210.1网页版式设计原则与设计流程740310.2UI版式设计原则与设计流程850310.3电商版式设计原则与设计流程850310.4新媒体版式设计原则与设计流程8503合计

9、4028012四、教学内容及基本要求第1部分版式设计概论总学时（单位：学时）:1讲课:1实验:0上机:0具体内容：1 ）版式设计概念；2）版式设计的历史发展与风格变迁；3）版式设计定位。重 点：版式设计定位。难 点：版式设计定位。第2部分版式设计的组织原则总学时（单位：学时）:1讲课：1实验：0上机：0具体内容：1 ）鲜明主题的诱导力；2）形式内容统一；3）强化整体布局。重 点：鲜明主题的诱导力、强化整体布局。难 点：鲜明主题的诱导力。第3部分版式设计的编排构成总学时（单位：学时）:1 讲课：1实验：0上机：0 具体内容：点、线、三维空间的编排构成与骨骼设计与自由构成。1）点编排构成；2）线编

10、排构成；3）三维空间编排构成。4）骨骼设计；5）自由构成。重 点: 骨骼设计。难点:骨骼设计。习题:骨骼设计。第 4 部分 版式视觉设计要素总学时 (单位：学时):1 讲课 :1 实验 :0 上机 :0具体内容:1) )文字；2)图形和图像。重 点:图形和图像。难点:图形和图像。习题:搜集文字、图形和图像资料。第 5 部分 版式设计的视觉流程总学时 (单位：学时):1 讲课 :1 实验 :0 上机 :0具体内容:2) )单向视觉流程；3) 曲线视觉流程；4) 重心的视觉流程；5) 反复的视觉流程；6) 导向的视觉流程；7) 散构的视觉流程；8) 最佳视域。重 点:最佳视域。难点:最佳视域。习题

11、:找出不同骨骼的最佳视域。第 6 部分 版式设计的编排形式法则总学时 (单位：学时):1 讲课 :1实验 :0上机 :0具体内容:1) ) 单纯与秩序；2) 对比与和谐；3) 对称与均衡；4) 节奏与韵律；5) 虚实与留白；6) 动势与层次；7) 最佳视域。重 点:节奏与韵律、最佳视域。难点:节奏与韵律、最佳视域。习题:收集课程相关资料，分析画面编排形式法则。第 7 部分 文字、图形与图像的编排构成总学时 (单位：学时):1 讲课 :1 实验 :0 上机 :0具体内容:1 ) 文字的编排构成；2 ) 图形与图像的编排构成。重 点:文字的编排构成。难点:文字的编排构成。习题:文字的编排构成。第

12、8 部分 图版编排构成总学时 (单位：学时): 1 讲课 : 1 实验 :0 上机 :0具体内容:1) ) 图版率；2) 角版、挖版、出血版；3) 视觉度；4) 图形面积与张力；5) 延续页面的整体设计。重 点:延续页面的整体设计。难点:延续页面的整体设计。习题:延续页面的整体设计。第 9 部分 版式设计的物质和技术要求总学时 (单位：学时): 1 讲课 : 1 实验 :0 上机 :0具体内容:1) ) 版式设计与印刷；2) 印刷工艺和材料；3) 版式设计软件运用。重 点:版式设计软件运用。难点:版式设计软件运用。习题:使用操作版式设计相关软件。第 10 部分 网络自媒体版式设计运用总学时 (单位：学时):31 讲课 :19 实验 :0 上机 :12第 10.1 部分 网页版式设计原则与设计流程（总学时：7 讲课： 4 上机 :3 ）具体内容:1） ） 网页版式设计原则；2） 网页版式设计的设计流程；3） 网页版式设计。第 10.2 部分 UI 版式设计原则与设计流程（总学时：8 讲课： 5 上机 :3）具体内容:1） ） U