第一讲版面设计概述
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
讲——概述
版面设计
版面设计又被称为版式设计、编排设计 版面设计是一门字体设计和图文整和的工作，在界定的范围内，将文字字体、图形符号、线条线
框和颜色色块等有限的视觉元素进行有机的排列组合，并运用造型要素及形式原理，将理性思维 个性地表现出来。
包装设计
名片 、画册
轻松预订，即在指尖
空白的电脑键盘、几个鲜明的字母，辨识一下原来都是知名的酒店：希 尔顿、假日酒店、万豪，再配合页面下的诉求“Online Booking”，广告 目的不言自明。这一系列平面表现简洁明了
1、必须有一个概念
版面设计如果没有信息，没有故事，没有观点，没有叙述，或者没有有益的经验，就不是平面设 计。如果一个画面版式不具有清晰的信息，它就是个空壳。
奥妙：衣服脏了不可怕，重要的是成长
国外CD包装设计
一缕茶香茶包装
2、需要沟通，不需要装饰
如果为特定的设计选择了不恰当的造型，那么传达的信息将会出现偏差。利用形状、细节和特殊 效果固然好，但如果只是胡乱一起的把他们填充进版面，而不考虑他们的含义，不考虑他们如何 表达信息或如何又背离了信息，那么得到的将是混乱成一片的垃圾，根本称不上是设计。
考核方式： 考核内容
学习目标
分数
考勤
准时到课堂，不影响其他人，准时离开课 堂。
10
平时成绩
课堂表现5分。
20
平时成绩15分。
平时作业是有针对性单个知识点的训练。
主要根据当周讲解的理论知识及欣赏的一
来自百度文库
些有针对性的案例，安排适当的实训作业
。为了让学生了解一定的知识点、一些创
意方法后，紧接着进行动手实践来加强理
3、用一种视觉语言来表达
一个好的设计，其视觉语言即内在逻辑是能使各个元素达到完美契合的，各个元素能相互加强， 相互映衬，相互关联，不只在形状、分量和布局上如此，在理念上也是一样。
4、最多使用两种或三种字体
根据需要选择字体。要做好，必须确定你的需要是什么，而你很可能会发现，在一件设计作品中， 字体对于正文只有两到三种用途。因为字体的改变通常预示着含义或功能的改变。用太多字体会 分散人的注意力和自觉性，让观众感到混淆并产生疲劳感。
平面广告
VI设计
网站页面
一、课程介绍
课程代码: DA2018 课程学时：54学时 课程学分：3学分 教学目的要求：
版面设计是视觉传达中最重要的组成部分，主要目的是要求学生能通过对版面视觉元素、编 排形式法则的研究和练习，掌握版面设计的基本规律和基本技巧，触类旁通
教学目标：
在完成这门课的学习后, 学生需要达到以下要求: A、了解什么是版面设计及其重要性 B、掌握版面设计正确的选择样式 C、掌握如何调整版面的设计形态 D、掌握文字、图片、图形的版面构成 D、掌握版面设计的视觉流程 E、掌握版面设计的编排设计法则 F、掌握版面设计在其他领域上的应用
解。
考试
利用本课程最后一节课进行随堂考试，检
70
验学生的学习效果。考核形式主要采用上
机操作来完成。
百分比 15% 45%
70%
作业下载地址： 作业上传地址： 用户名、密码为 upload_0616
任 课 教 师：张欣 本课程时间段：第一周至第八周 办 公 地 点：数码媒体系办公室 办 公 电 话：87818203 E — m a I l： 手机：
15、用眼睛测量，设计是视觉的设计
视觉假象占了构成的视觉逻辑达90%。圆形的造型看起来总是比在数学上具有相同高度的方形的造 型要小，所以必须把它们稍微放大，才能与方形的造型看起来大小一致。因此，在制作过程中， 有时不能完全信赖测量工具来进行编排。
16、制作自己所需之物，不要选用现成之物
需要什么就去创造，并且尽你所能把它做到尽善尽美。试着不要依赖于已有的素材，即使它可能 会比较便宜或很容易获取。有时候，一个比较简单那和有意义的解决办法，或许能让观众产生强 烈的共鸣。
9、把字体当作图像进行设计
让字体效果具有亲和力。字体是一种视觉素材——由点、线、形状及肌理组成——需要在构成上 与设计当中包含的其他东西关联起来。
10、让字体效果具有亲和力
字体编排具有一定的表现力；字体编排可以富有创造性的把结构元素相互连接起来；字体编排可 以与观众产生共鸣，可以设计这样或那样的流行文化的时代精神；字体编排始终可以传递信息。
7、尽力做到“少即是多” ！
在一个特定的空间里，材料填的越多，就越难引导观众看到预期的东西。而且，多余的材料毫无 价值可言，任何人都能把一连串的材料填充成一个枯燥无味的设计。如果不需增加材料就可以把 观点表达的清晰明了，那么增加材料就是一种“画蛇添足”。
8、创造负空间，但不要填满它!
负空间就像形状一样，在构成中必须把它当作正空间的形状来同等对待。如果对之置之不理，负 空间就会显得死气沉沉，难于与周边的视觉元素相融合；如果空间填的太满，构成会造成压迫感， 那么没有人会对这个设计感兴趣。
版式设计的理解：
版式设计是一种有计划、有目的的平面展示 版式设计的主体是视觉传达，视觉传达的主要作用是达到信息传递的目的； 版式设计是通过大众传播媒介来体现的，是视觉上的； 版式设计的目的是为了让人更容易读懂内容，在某种程度上也是更能达到宣传的目的； 版式设计并不是独立存在的，而是在作品主题内容影响与作用下产生的。
5、分清主次，先后出击！
首先要把观众的注意力吸引到重要的信息上，然后再引向其他部分。一般而言，用一个大的形状、 一张突出的图片、一种特殊的字体处理或大胆的用色，往往能合理地削弱次要部分的活跃程度， 而让重要的部分凸显出来。
6、按需选择色彩
不要毫无目的地抓取色彩。要清楚当你把一些色彩结合使用的时候，他们发挥了什么样的作用， 更重要的是，他们对于观众意味着什么。色彩可以影响视觉的层次关系，文字的易读程度，还会 影响人们把迥然不同的食物联系到一起。
版式设计的学习方法：
最大程度掌握基础知识 体验互动式教学 分析优秀版式设计 理论与实践相结合
19、回顾历史，不重蹈覆辙
过去的设计有其自身的地位。我们要用思考传播的方法和审美观点如何随着时间的推移发生变化， 并研究设计师他们的设计是如何达到思想与实践的统一。我们可以学习他人的设计，但一定要创 作自己的作品。
20、对称是最大的祸害
对称的视觉布局一般呈现为静态，极少表现出动态。对称的布局会使整体不对称的图片素材显得 笨拙，并限制了设计师处理本来不想做对称处理的内容的灵活性。
好设计的20条金律
必须有一个概念 需要沟通，不需要装饰 用一种视觉语言来表达 最多使用两种或三种字体 分清主次，先后出击！ 按需选择色彩 尽力做到“少即是多” ！ 创造负空间，但不要填满它! 把字体当作图像进行设计 让字体效果具有亲和力
让做品人人都能看明白 动静有致 安排明暗关系 做设计要果断、明确 用眼睛测量，设计是视觉的设计 制作自己所需之物，不要选用现成之物 不要过于注重流行，严肃对待设计 动起来!静止等于索然无味 回顾历史，不重蹈覆辙 对称是最大的祸害
13、安排明暗关系
应注重处于不同位置的明度最低和最高的地方；创造发光点和黑暗度，让它们与相关明度之间的 微妙变化形成对照。总之，要在明与暗之间形成显而易见且一目了然的对比。
14、做设计要果断、明确
我们应当充满自信地利用视觉素材，要思路清晰地对材料的大小、布局及其与其他素材的间距等 等作出决定。如果在构成上显得虚弱不稳定，那么观众对信息就很难正确的理解。
17、不要过于注重流行，严肃对待设计
如果一个方案，是围绕着含义来进行，而不是去迎合观众对当今时尚理解的期待，那么头脑中定 会冒出一些好东西。
18、动起来!静止等于索然无味
如果一个版式是平面的，并且不能传达出运动的感觉或空间的相互作用，而事实上这又是极易达 成的状态，那么观众可能会觉得索然无味，进而没有耐心读取这条信息。
11、让作品人人都能看明白
与自己交谈是艺术家的范畴，而达到通用效果则是设计师努力的范畴。毕竟知道内情的观众只是 少部分，对于大多数的观众，他们必须懂得你使用的这些形状、色彩以及选择的图像要表达什么 样的含义。
12、动静有致
通过拉近某些元素的距离，而拉开另一些材料的距离，使它们在密度和节律上造成对比，从而使 设计富有节奏感。通过把某些元素之间变得紧凑，而使另一些变得松弛，可以使这些元素之间产 生节拍感，否则，设计将会显得呆滞、廖无生气，甚至无趣。
版面设计
版面设计又被称为版式设计、编排设计 版面设计是一门字体设计和图文整和的工作，在界定的范围内，将文字字体、图形符号、线条线
框和颜色色块等有限的视觉元素进行有机的排列组合，并运用造型要素及形式原理，将理性思维 个性地表现出来。
包装设计
名片 、画册
轻松预订，即在指尖
空白的电脑键盘、几个鲜明的字母，辨识一下原来都是知名的酒店：希 尔顿、假日酒店、万豪，再配合页面下的诉求“Online Booking”，广告 目的不言自明。这一系列平面表现简洁明了
1、必须有一个概念
版面设计如果没有信息，没有故事，没有观点，没有叙述，或者没有有益的经验，就不是平面设 计。如果一个画面版式不具有清晰的信息，它就是个空壳。
奥妙：衣服脏了不可怕，重要的是成长
国外CD包装设计
一缕茶香茶包装
2、需要沟通，不需要装饰
如果为特定的设计选择了不恰当的造型，那么传达的信息将会出现偏差。利用形状、细节和特殊 效果固然好，但如果只是胡乱一起的把他们填充进版面，而不考虑他们的含义，不考虑他们如何 表达信息或如何又背离了信息，那么得到的将是混乱成一片的垃圾，根本称不上是设计。
考核方式： 考核内容
学习目标
分数
考勤
准时到课堂，不影响其他人，准时离开课 堂。
10
平时成绩
课堂表现5分。
20
平时成绩15分。
平时作业是有针对性单个知识点的训练。
主要根据当周讲解的理论知识及欣赏的一
来自百度文库
些有针对性的案例，安排适当的实训作业
。为了让学生了解一定的知识点、一些创
意方法后，紧接着进行动手实践来加强理
3、用一种视觉语言来表达
一个好的设计，其视觉语言即内在逻辑是能使各个元素达到完美契合的，各个元素能相互加强， 相互映衬，相互关联，不只在形状、分量和布局上如此，在理念上也是一样。
4、最多使用两种或三种字体
根据需要选择字体。要做好，必须确定你的需要是什么，而你很可能会发现，在一件设计作品中， 字体对于正文只有两到三种用途。因为字体的改变通常预示着含义或功能的改变。用太多字体会 分散人的注意力和自觉性，让观众感到混淆并产生疲劳感。
平面广告
VI设计
网站页面
一、课程介绍
课程代码: DA2018 课程学时：54学时 课程学分：3学分 教学目的要求：
版面设计是视觉传达中最重要的组成部分，主要目的是要求学生能通过对版面视觉元素、编 排形式法则的研究和练习，掌握版面设计的基本规律和基本技巧，触类旁通
教学目标：
在完成这门课的学习后, 学生需要达到以下要求: A、了解什么是版面设计及其重要性 B、掌握版面设计正确的选择样式 C、掌握如何调整版面的设计形态 D、掌握文字、图片、图形的版面构成 D、掌握版面设计的视觉流程 E、掌握版面设计的编排设计法则 F、掌握版面设计在其他领域上的应用
解。
考试
利用本课程最后一节课进行随堂考试，检
70
验学生的学习效果。考核形式主要采用上
机操作来完成。
百分比 15% 45%
70%
作业下载地址： 作业上传地址： 用户名、密码为 upload_0616
任 课 教 师：张欣 本课程时间段：第一周至第八周 办 公 地 点：数码媒体系办公室 办 公 电 话：87818203 E — m a I l： 手机：
15、用眼睛测量，设计是视觉的设计
视觉假象占了构成的视觉逻辑达90%。圆形的造型看起来总是比在数学上具有相同高度的方形的造 型要小，所以必须把它们稍微放大，才能与方形的造型看起来大小一致。因此，在制作过程中， 有时不能完全信赖测量工具来进行编排。
16、制作自己所需之物，不要选用现成之物
需要什么就去创造，并且尽你所能把它做到尽善尽美。试着不要依赖于已有的素材，即使它可能 会比较便宜或很容易获取。有时候，一个比较简单那和有意义的解决办法，或许能让观众产生强 烈的共鸣。
9、把字体当作图像进行设计
让字体效果具有亲和力。字体是一种视觉素材——由点、线、形状及肌理组成——需要在构成上 与设计当中包含的其他东西关联起来。
10、让字体效果具有亲和力
字体编排具有一定的表现力；字体编排可以富有创造性的把结构元素相互连接起来；字体编排可 以与观众产生共鸣，可以设计这样或那样的流行文化的时代精神；字体编排始终可以传递信息。
7、尽力做到“少即是多” ！
在一个特定的空间里，材料填的越多，就越难引导观众看到预期的东西。而且，多余的材料毫无 价值可言，任何人都能把一连串的材料填充成一个枯燥无味的设计。如果不需增加材料就可以把 观点表达的清晰明了，那么增加材料就是一种“画蛇添足”。
8、创造负空间，但不要填满它!
负空间就像形状一样，在构成中必须把它当作正空间的形状来同等对待。如果对之置之不理，负 空间就会显得死气沉沉，难于与周边的视觉元素相融合；如果空间填的太满，构成会造成压迫感， 那么没有人会对这个设计感兴趣。
版式设计的理解：
版式设计是一种有计划、有目的的平面展示 版式设计的主体是视觉传达，视觉传达的主要作用是达到信息传递的目的； 版式设计是通过大众传播媒介来体现的，是视觉上的； 版式设计的目的是为了让人更容易读懂内容，在某种程度上也是更能达到宣传的目的； 版式设计并不是独立存在的，而是在作品主题内容影响与作用下产生的。
5、分清主次，先后出击！
首先要把观众的注意力吸引到重要的信息上，然后再引向其他部分。一般而言，用一个大的形状、 一张突出的图片、一种特殊的字体处理或大胆的用色，往往能合理地削弱次要部分的活跃程度， 而让重要的部分凸显出来。
6、按需选择色彩
不要毫无目的地抓取色彩。要清楚当你把一些色彩结合使用的时候，他们发挥了什么样的作用， 更重要的是，他们对于观众意味着什么。色彩可以影响视觉的层次关系，文字的易读程度，还会 影响人们把迥然不同的食物联系到一起。
版式设计的学习方法：
最大程度掌握基础知识 体验互动式教学 分析优秀版式设计 理论与实践相结合
19、回顾历史，不重蹈覆辙
过去的设计有其自身的地位。我们要用思考传播的方法和审美观点如何随着时间的推移发生变化， 并研究设计师他们的设计是如何达到思想与实践的统一。我们可以学习他人的设计，但一定要创 作自己的作品。
20、对称是最大的祸害
对称的视觉布局一般呈现为静态，极少表现出动态。对称的布局会使整体不对称的图片素材显得 笨拙，并限制了设计师处理本来不想做对称处理的内容的灵活性。
好设计的20条金律
必须有一个概念 需要沟通，不需要装饰 用一种视觉语言来表达 最多使用两种或三种字体 分清主次，先后出击！ 按需选择色彩 尽力做到“少即是多” ！ 创造负空间，但不要填满它! 把字体当作图像进行设计 让字体效果具有亲和力
让做品人人都能看明白 动静有致 安排明暗关系 做设计要果断、明确 用眼睛测量，设计是视觉的设计 制作自己所需之物，不要选用现成之物 不要过于注重流行，严肃对待设计 动起来!静止等于索然无味 回顾历史，不重蹈覆辙 对称是最大的祸害
13、安排明暗关系
应注重处于不同位置的明度最低和最高的地方；创造发光点和黑暗度，让它们与相关明度之间的 微妙变化形成对照。总之，要在明与暗之间形成显而易见且一目了然的对比。
14、做设计要果断、明确
我们应当充满自信地利用视觉素材，要思路清晰地对材料的大小、布局及其与其他素材的间距等 等作出决定。如果在构成上显得虚弱不稳定，那么观众对信息就很难正确的理解。
17、不要过于注重流行，严肃对待设计
如果一个方案，是围绕着含义来进行，而不是去迎合观众对当今时尚理解的期待，那么头脑中定 会冒出一些好东西。
18、动起来!静止等于索然无味
如果一个版式是平面的，并且不能传达出运动的感觉或空间的相互作用，而事实上这又是极易达 成的状态，那么观众可能会觉得索然无味，进而没有耐心读取这条信息。
11、让作品人人都能看明白
与自己交谈是艺术家的范畴，而达到通用效果则是设计师努力的范畴。毕竟知道内情的观众只是 少部分，对于大多数的观众，他们必须懂得你使用的这些形状、色彩以及选择的图像要表达什么 样的含义。
12、动静有致
通过拉近某些元素的距离，而拉开另一些材料的距离，使它们在密度和节律上造成对比，从而使 设计富有节奏感。通过把某些元素之间变得紧凑，而使另一些变得松弛，可以使这些元素之间产 生节拍感，否则，设计将会显得呆滞、廖无生气，甚至无趣。