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