版式设计全
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
一般来讲，在同等大小的情况下，抽象图形 的视觉度强于写实图形。这是因为简单的图 形更容易记忆，所以人天生对简单的图形敏 感。
写实性图片的视觉度
一般来说，人的形象具有最强的视觉吸引力，尤其 是人的脸部，看到后让人兴奋。而天空、大海、草 原的吸引力最弱，可以让人情绪平静。
结论：
选择适当的图片视觉度，以传递正确的信息。
感受文字跳跃率（二）：
结论（二）：
降低跳跃率给人沉稳、高品质、历史感的印 象。
提高跳跃率给人健康、有活力的印象。
感受文字跳跃率（三）：
结论（三）：
正确的文字跳跃律，传递正确的信息：
日本的《生活手册》，一向以沉稳的版式获得 好评。版面庄重、平和，稍有单调之感，但是 能让人从中感受到几十年不变的历史的沉重。 提高文字跳跃率，即使文章的内容完全一样， 也不能引起人们的共鸣。
• 如对图片进行不等比例的缩放，后果…
实例（一）：
在新闻上使用照片可以增加说服力。让读者 觉得新闻真实可信。并且增添阅读的兴趣。
实例（二）：
• 使用插图，可以让快速的传递文章的内容。 使用图表可以让人清楚直观看到数据。这些 都有利于信息的传播。
样式02
图版率
什么是图版率？
版面中的图片跟文字所占的面积比叫做图版率。
右图（a.视觉度 b.图版率）增加了？ 产生了哪些效果？（c.高品质 d. 轻松活泼 c.亲和力 f.
高雅）
跳跃律
文字跳跃率
版面中最小字与最大字，字体大小的比率叫 做文字跳跃率。比率越大，跳跃率越高。
跳跃率低
跳跃率高
感受文字跳跃率（一）：
结论（一）：
较高的文字跳跃率可以吸引人的注意力。
版式设计
Format
概论
初识版式
什么是版式设计？
就是在版面上，将图片、文字进行排列组合， 以达到传递信息和满足审美需求的作用。
设计的对象是图片和文字。 设计的目的是传递信息和满足审美需求。 要注意！必须首先让设计出来的版式起到传递
信息的作用后，再去考虑如何美化它。因为只 有少数人会去购买一本美观但阅读起来很费力 的书。
而加上一张图片后感觉就完全不同了，显的很 有生气，让人产生阅读的兴趣。
感受图版率（一）:
感受图版率（二）:
结论（二）：
完全没有文字的版面显得空洞。 增加图版率可以增加版式的亲和力，在达 到50%左右时，亲和力急剧上升。 但图版率一旦超过了90%，如果没有文 字，反而会感觉空洞无味，给人单调的感 觉。如果稍微加入一点文字，版式就又活 跃起来。
从那些方面去思考，如何让版式达到目的？
版式设计
样式
版面
视觉度
图版率
明确主题 分开主副题
文字跳跃率 照片跳跃率
群化
避免暧昧
网格拘束率
空白率
整理流向
抑制四角
文字排列类型
字体印象
利用版心线
造型技巧
影响版式的因素之 一
样式
什么是样式？
样式是指文字、图片的外观。
感受样式的作用（一）：
下面两则广告，那一个看起来更像 是大众化的妆品？
类型
视觉度
严肃文学 （小说、诗集等）
低
趣味图书
高
（时尚杂志、儿童读物等）
效果 太高会破坏严肃性
增加阅读兴趣
感受 严肃
活泼
低质量的图片 极大的降低版式的品质（一）：
制作时要选择清晰的没有压缩过的图片。 精美杂志使用图片的分辨率必须在300dpi
以上。
图在下页
低质量的图片 极大的降低版式的品质（二）：
结论（二）：
正确的选择样式才能传递正确的信息。
两件设计作品都很美观，但是上图给人的 感觉过于轻松活泼，所以不能让人感受到 设计的理性、冷静等感觉，但如果是用于 时尚、娱乐等类型的网站就很合适了。
样式01
视觉度
什么是视觉度？
文字、图象（照片、插图）对人产生的视觉 吸引力的强度。越引人注目的物体视觉度越 大。
结论（三）：
选择适当图版率，以传达正确的信息。
类型
图版率
严肃文学 （小说、诗集等）
10%左右
一般读物 （故事、报纸等）
30%左右
趣味图书
50% -
（时尚杂志、儿童读物等） 90%
效果 太高会破坏严肃性
增加阅读兴趣，但如果图太多信息 则过少
创造活跃的气氛
感受 严肃 活泼
复习：
看下面左、右版式的区别是什么？
图在下页
结论（一）：
使用不同的文字、图片样式能带给人 以不同的感受。
美宝莲 资生堂
பைடு நூலகம்文字
图片
给人的感受
活泼的艺术字体 引人注目的美女的笑脸 亲和力、动感、低廉
严谨复古的宋体 字
平静的景物画面
高品质、冷静、高级
感受样式的作用（二）：
下面哪个设计更适合作为一家设计论坛 自我宣传的传单？
图在下页
感受视觉度（一）：
下面哪张名片更引人注意？
感受视觉度（二）：
下面哪张海报更引人注意？
图在下页。
结论：
图片比文字更吸引人注意，图片的视觉 度高于文字。
在版面中增添照片或插图能够提高视觉 度，让人有兴趣继续读下去。
图片的视觉度的强弱比较：
图片可分为两类——写实性的、抽象性的。
如果版面全是文字的话，图版率就为0% ，全 是图的话，图版率就为100% 。
视觉度与图版率的区别
“图版率”是指相对于文章，图所占的比率。 用%来表示。而“视觉度”是指图片视觉吸 引力的强弱。
结论（一）：
提高图版率可以活跃版面：
没有图的版式显的很压抑，令人窒息。这种版 式只适合于字典、法规等特殊用途的书籍。
感受文字跳跃率（四）：
结论（四）：
正确的文字跳跃律，传递正确的信息：
文艺表演的海报，巨大的标题增加了视觉吸引 力，让人感觉气氛热烈，从而产生了参与的欲 望。
图片跳跃率
版面中面积最小的图片与面积最大的图片的 面积比，叫做图片跳跃率。比率越大跳跃率 越高。
低跳跃率
高跳跃率
感受图片跳跃率（一）：
结论（一）：
图片跳跃率低，给人以稳重、高品质的感受。 图片跳跃率高，给人轻松俏皮的感受。
感受图片跳跃率（二）：
结论（二）：
放大某些图片，形成主次，版面显得更加有 条理，有生气。
感受图片跳跃率（三）：
结论（三）：
大框架中宜用局部特写的照片：
用大小两张照片做人物设计，原则上大的框架 中采用特写照。小的框架中采用全身照。照片 面积的大小与照片中物体的繁简程度进行对比， 可以增强了动感。
写实性图片的视觉度
一般来说，人的形象具有最强的视觉吸引力，尤其 是人的脸部，看到后让人兴奋。而天空、大海、草 原的吸引力最弱，可以让人情绪平静。
结论：
选择适当的图片视觉度，以传递正确的信息。
感受文字跳跃率（二）：
结论（二）：
降低跳跃率给人沉稳、高品质、历史感的印 象。
提高跳跃率给人健康、有活力的印象。
感受文字跳跃率（三）：
结论（三）：
正确的文字跳跃律，传递正确的信息：
日本的《生活手册》，一向以沉稳的版式获得 好评。版面庄重、平和，稍有单调之感，但是 能让人从中感受到几十年不变的历史的沉重。 提高文字跳跃率，即使文章的内容完全一样， 也不能引起人们的共鸣。
• 如对图片进行不等比例的缩放，后果…
实例（一）：
在新闻上使用照片可以增加说服力。让读者 觉得新闻真实可信。并且增添阅读的兴趣。
实例（二）：
• 使用插图，可以让快速的传递文章的内容。 使用图表可以让人清楚直观看到数据。这些 都有利于信息的传播。
样式02
图版率
什么是图版率？
版面中的图片跟文字所占的面积比叫做图版率。
右图（a.视觉度 b.图版率）增加了？ 产生了哪些效果？（c.高品质 d. 轻松活泼 c.亲和力 f.
高雅）
跳跃律
文字跳跃率
版面中最小字与最大字，字体大小的比率叫 做文字跳跃率。比率越大，跳跃率越高。
跳跃率低
跳跃率高
感受文字跳跃率（一）：
结论（一）：
较高的文字跳跃率可以吸引人的注意力。
版式设计
Format
概论
初识版式
什么是版式设计？
就是在版面上，将图片、文字进行排列组合， 以达到传递信息和满足审美需求的作用。
设计的对象是图片和文字。 设计的目的是传递信息和满足审美需求。 要注意！必须首先让设计出来的版式起到传递
信息的作用后，再去考虑如何美化它。因为只 有少数人会去购买一本美观但阅读起来很费力 的书。
而加上一张图片后感觉就完全不同了，显的很 有生气，让人产生阅读的兴趣。
感受图版率（一）:
感受图版率（二）:
结论（二）：
完全没有文字的版面显得空洞。 增加图版率可以增加版式的亲和力，在达 到50%左右时，亲和力急剧上升。 但图版率一旦超过了90%，如果没有文 字，反而会感觉空洞无味，给人单调的感 觉。如果稍微加入一点文字，版式就又活 跃起来。
从那些方面去思考，如何让版式达到目的？
版式设计
样式
版面
视觉度
图版率
明确主题 分开主副题
文字跳跃率 照片跳跃率
群化
避免暧昧
网格拘束率
空白率
整理流向
抑制四角
文字排列类型
字体印象
利用版心线
造型技巧
影响版式的因素之 一
样式
什么是样式？
样式是指文字、图片的外观。
感受样式的作用（一）：
下面两则广告，那一个看起来更像 是大众化的妆品？
类型
视觉度
严肃文学 （小说、诗集等）
低
趣味图书
高
（时尚杂志、儿童读物等）
效果 太高会破坏严肃性
增加阅读兴趣
感受 严肃
活泼
低质量的图片 极大的降低版式的品质（一）：
制作时要选择清晰的没有压缩过的图片。 精美杂志使用图片的分辨率必须在300dpi
以上。
图在下页
低质量的图片 极大的降低版式的品质（二）：
结论（二）：
正确的选择样式才能传递正确的信息。
两件设计作品都很美观，但是上图给人的 感觉过于轻松活泼，所以不能让人感受到 设计的理性、冷静等感觉，但如果是用于 时尚、娱乐等类型的网站就很合适了。
样式01
视觉度
什么是视觉度？
文字、图象（照片、插图）对人产生的视觉 吸引力的强度。越引人注目的物体视觉度越 大。
结论（三）：
选择适当图版率，以传达正确的信息。
类型
图版率
严肃文学 （小说、诗集等）
10%左右
一般读物 （故事、报纸等）
30%左右
趣味图书
50% -
（时尚杂志、儿童读物等） 90%
效果 太高会破坏严肃性
增加阅读兴趣，但如果图太多信息 则过少
创造活跃的气氛
感受 严肃 活泼
复习：
看下面左、右版式的区别是什么？
图在下页
结论（一）：
使用不同的文字、图片样式能带给人 以不同的感受。
美宝莲 资生堂
பைடு நூலகம்文字
图片
给人的感受
活泼的艺术字体 引人注目的美女的笑脸 亲和力、动感、低廉
严谨复古的宋体 字
平静的景物画面
高品质、冷静、高级
感受样式的作用（二）：
下面哪个设计更适合作为一家设计论坛 自我宣传的传单？
图在下页
感受视觉度（一）：
下面哪张名片更引人注意？
感受视觉度（二）：
下面哪张海报更引人注意？
图在下页。
结论：
图片比文字更吸引人注意，图片的视觉 度高于文字。
在版面中增添照片或插图能够提高视觉 度，让人有兴趣继续读下去。
图片的视觉度的强弱比较：
图片可分为两类——写实性的、抽象性的。
如果版面全是文字的话，图版率就为0% ，全 是图的话，图版率就为100% 。
视觉度与图版率的区别
“图版率”是指相对于文章，图所占的比率。 用%来表示。而“视觉度”是指图片视觉吸 引力的强弱。
结论（一）：
提高图版率可以活跃版面：
没有图的版式显的很压抑，令人窒息。这种版 式只适合于字典、法规等特殊用途的书籍。
感受文字跳跃率（四）：
结论（四）：
正确的文字跳跃律，传递正确的信息：
文艺表演的海报，巨大的标题增加了视觉吸引 力，让人感觉气氛热烈，从而产生了参与的欲 望。
图片跳跃率
版面中面积最小的图片与面积最大的图片的 面积比，叫做图片跳跃率。比率越大跳跃率 越高。
低跳跃率
高跳跃率
感受图片跳跃率（一）：
结论（一）：
图片跳跃率低，给人以稳重、高品质的感受。 图片跳跃率高，给人轻松俏皮的感受。
感受图片跳跃率（二）：
结论（二）：
放大某些图片，形成主次，版面显得更加有 条理，有生气。
感受图片跳跃率（三）：
结论（三）：
大框架中宜用局部特写的照片：
用大小两张照片做人物设计，原则上大的框架 中采用特写照。小的框架中采用全身照。照片 面积的大小与照片中物体的繁简程度进行对比， 可以增强了动感。