版式设计超好课件.ppt
《版式设计超好课件.ppt》由会员分享,可在线阅读,更多相关《版式设计超好课件.ppt(183页珍藏版)》请在三一办公上搜索。
1、Guizhouminzudaxue feb.2013,民间艺术与版式设计,Zhangjing Design Works2013,作者 张婧,.,Guizhouminzudaxue 民间艺术与Zhangji,初识版式,Zhangjing Design Works2013,版式设计概念版式设计的应用范围与功能版式设计的三大要素版式设计原则版式设计的源流与发展,初识版式Zhangjing Design Works版式设计,从那些方面去思考,如何让版式达到目的?,从那些方面去思考,如何让版式达到目的?版式设计样式版面视觉度,样式,Zhangjing Design Works2013,影响版式的因素之一
2、,样式Zhangjing Design Works影响版式的因,什么是样式?,样式是指文字、图片的外观。,什么是样式?样式是指文字、图片的外观。,感受样式的作用(一):,下面两则广告,哪一个看起来更像是大众化的妆品?图在下页,感受样式的作用(一):下面两则广告,哪一个看起来更像是大众化,版式设计超好课件,结论(一):,使用不同的文字、图片样式能带给人以不同的感受。,结论(一):使用不同的文字、图片样式能带给人以不同的感受。,感受样式的作用(二):,下面哪个设计更适合作为一家设计论坛自我宣传的传单?图在下页,感受样式的作用(二):下面哪个设计更适合作为一家设计论坛自我,版式设计超好课件,结论(二
3、):,正确的选择样式才能传递正确的信息。两件设计作品都很美观,但是上图给人的感觉过于轻松活泼,所以不能让人感受到设计的理性、冷静等感觉,但如果是用于时尚、娱乐等类型的网站就很合适了。,结论(二):正确的选择样式才能传递正确的信息。,样式01,视觉度,样式01视觉度,什么是视觉度?,文字、图象(照片、插图)对人产生的视觉吸引力的强度。越引人注目的物体视觉度越大。,什么是视觉度?文字、图象(照片、插图)对人产生的视觉吸引力的,感受视觉度(一):,下面哪张名片更引人注意?,感受视觉度(一):下面哪张名片更引人注意?,感受视觉度(二):,下面哪张海报更引人注意?图在下页。,感受视觉度(二):下面哪张海
4、报更引人注意?,版式设计超好课件,结论:,图片比文字更吸引人注意,图片的视觉度高于文字。在版面中增添照片或插图能够提高视觉度,让人有兴趣继续读下去。,结论:图片比文字更吸引人注意,图片的视觉度高于文字。,图片的视觉度的强弱比较:,图片可分为两类写实性的、抽象性的。一般来讲,在同等大小的情况下,抽象图形的视觉度强于写实图形。这是因为简单的图形更容易记忆,所以人天生对简单的图形敏感。,图片的视觉度的强弱比较:图片可分为两类写实性的、抽象性的,写实性图片的视觉度,一般来说,人的形象具有最强的视觉吸引力,尤其是人的脸部,看到后让人兴奋。而天空、大海、草原的吸引力最弱,可以让人情绪平静。,写实性图片的视
5、觉度一般来说,人的形象具有最强的视觉吸引力,尤,结论:,选择适当的图片视觉度,以传递正确的信息。,结论:选择适当的图片视觉度,以传递正确的信息。,低质量的图片极大的降低版式的品质(一):,制作时要选择清晰的没有压缩过的图片。精美杂志使用图片的分辨率必须在300dpi以上。图在下页,低质量的图片极大的降低版式的品质(一):制作时要选择清晰的,版式设计超好课件,低质量的图片极大的降低版式的品质(二):,如对图片进行不等比例的缩放,后果,低质量的图片极大的降低版式的品质(二):如对图片进行不等比,版式设计超好课件,样式02,图版率,样式02图版率,什么是图版率?,版面中的图片跟文字所占的面积比叫做图
6、版率。如果版面全是文字的话,图版率就为0% ,全是图的话,图版率就为100% 。,什么是图版率?版面中的图片跟文字所占的面积比叫做图版率。,视觉度与图版率的区别,“图版率”是指相对于文章,图所占的比率。用%来表示。而“视觉度”是指图片视觉吸引力的强弱。,视觉度与图版率的区别“图版率”是指相对于文章,图所占的比率。,感受图版率(一):,感受图版率(一):,感受图版率(二):,感受图版率(二):,实例(一):,在新闻上使用照片可以增加说服力。让读者觉得新闻真实可信。并且增添阅读的兴趣。,实例(一):在新闻上使用照片可以增加说服力。让读者觉得新闻真,版式设计超好课件,实例(二):,使用插图,可以让快
7、速的传递文章的内容。使用图表可以让人清楚直观看到数据。这些都有利于信息的传播。,实例(二):使用插图,可以让快速的传递文章的内容。使用图表可,版式设计超好课件,结论(一):,提高图版率可以活跃版面,反之则显得空洞。增加图版率可以增加版式的亲和力,在达到50%左右时,亲和力急剧上升。但图版率一旦超过了90%,如果没有文字,反而会感觉空洞无味,给人单调的感觉。如果稍微加入一点文字,版式就又活跃起来。,结论(一):提高图版率可以活跃版面,反之则显得空洞。,结论(二):,选择适当图版率,以传达正确的信息。,结论(二):选择适当图版率,以传达正确的信息。,复习:,看下面左、右版式的区别是什么?右图(a.
8、视觉度 b.图版率)增加了?产生了哪些效果?(c.高品质 d. 轻松活泼 c.亲和力 f.高雅),复习:看下面左、右版式的区别是什么?,跳跃律,跳跃律,文字跳跃率,版面中最小字与最大字,字体大小的比率叫做文字跳跃率。比率越大,跳跃率越高。,跳跃率高,跳跃率低,文字跳跃率版面中最小字与最大字,字体大小的比率叫做文字跳跃率,感受文字跳跃率(一):,感受文字跳跃率(一):,结论(一):,较高的文字跳跃率可以吸引人的注意力。,结论(一):较高的文字跳跃率可以吸引人的注意力。,感受文字跳跃率(二):,感受文字跳跃率(二):,结论(二):,降低跳跃率给人沉稳、高品质、历史感的印象。提高跳跃率给人健康、有活
9、力的印象。,结论(二):降低跳跃率给人沉稳、高品质、历史感的印象。,感受文字跳跃率(三):,感受文字跳跃率(三):,结论(三):,正确的文字跳跃律,传递正确的信息:日本的生活手册,一向以沉稳的版式获得好评。版面庄重、平和,稍有单调之感,但是能让人从中感受到几十年不变的历史的沉重。,结论(三):正确的文字跳跃律,传递正确的信息:,感受文字跳跃率(四):,感受文字跳跃率(四):,结论(四):,正确的文字跳跃律,传递正确的信息:文艺表演的海报,巨大的标题增加了视觉吸引力,让人感觉气氛热烈,从而产生了参与的欲望。,结论(四):正确的文字跳跃律,传递正确的信息:,图片跳跃率,版面中面积最小的图片与面积最
10、大的图片的面积比,叫做图片跳跃率。比率越大跳跃率越高。,低跳跃率,高跳跃率,图片跳跃率版面中面积最小的图片与面积最大的图片的面积比,叫做,感受图片跳跃率(一):,感受图片跳跃率(一):,结论(一):,图片跳跃率低,给人以稳重、高品质的感受。图片跳跃率高,给人轻松俏皮的感受。,结论(一):图片跳跃率低,给人以稳重、高品质的感受。,感受图片跳跃率(二):,感受图片跳跃率(二):,结论(二):,放大某些图片,形成主次,版面显得更加有条理,有生气。,结论(二):放大某些图片,形成主次,版面显得更加有条理,有生,感受图片跳跃率(三):,感受图片跳跃率(三):,结论(三):,大框架中宜用局部特写的照片:用
11、大小两张照片做人物设计,原则上大的框架中采用特写照。小的框架中采用全身照。照片面积的大小与照片中物体的繁简程度进行对比,可以增强了动感。,结论(三):大框架中宜用局部特写的照片:,样式04,网格拘束率,样式04网格拘束率,什么是网格拘束率?,网格拘束率指,文字、图片受网格约束的程度。,什么是网格拘束率?网格拘束率指,文字、图片受网格约束的程度。,什么是网格?,网格是一种重要的编排辅助手段。我们依靠网格对版面的框架结构进行大致的规划。,什么是网格?网格是一种重要的编排辅助手段。我们依靠网格对版面,版式设计超好课件,版式设计超好课件,高网格拘束率,低网格拘束率,高网格拘束率低网格拘束率,感受网格拘
12、束率(一):,感受网格拘束率(一):,结论(一):,严格拘束于网格的版面给人稳重的印象。脱离网格则有自由的感觉,产生轻松有趣的版面。,结论(一):严格拘束于网格的版面给人稳重的印象。,感受网格拘束率(二):,感受网格拘束率(二):,结论(二):,要体现庄重、高格调,最宜使用高网格拘束率的版面设计。,结论(二):要体现庄重、高格调,最宜使用高网格拘束率的版面设,结论(三):,选择正确的网格拘束率,传递正确的信息:,结论(三):选择正确的网格拘束率,传递正确的信息:,图片的外形,角版,出血版,羽化版,挖版,图片的外形角版出血版羽化版挖版,角版,拘束性最强,给人严谨、冷静、高品质的影响。,角版拘束性
13、最强,给人严谨、冷静、高品质的影响。,出血版,有一个以上的边出血,较角版而言更富变化、更加活泼。,出血版有一个以上的边出血,较角版而言更富变化、更加活泼。,羽化版,边缘模糊的图片给人以柔美的印象。,羽化版边缘模糊的图片给人以柔美的印象。,挖版,不规则的边缘给人以自由活泼的感受。,挖版不规则的边缘给人以自由活泼的感受。,感受图片的外形:,感受图片的外形:,结论(一):,在大量角版中适当的加入少量挖版,既能够打破沉闷,又不至于破坏原有的冷静气氛。角版中只插入一个小小的挖版,因为这么一个小小的对比效果,活跃了整个版面的气氛,并可突出置于挖版上的物体。,结论(一):在大量角版中适当的加入少量挖版,既能
14、够打破沉闷,,感受图片的外形(二):,感受图片的外形(二):,结论(二):,在大量挖版中,角版可以稳定画面。大部分图像使用挖版,不受网格的拘束,给人自由的感受。但插入一些小角版在中间,能起到稳定画面的作用(避免过于自由而显得凌乱),更能突出挖版的自由感。,结论(二):在大量挖版中,角版可以稳定画面。,感受图片的外形(三):,感受图片的外形(三):,结论(三):,VIP不宜使用挖版。重要事件和人物不宜使用挖版,因为挖版会给人轻松的感觉,不能体现严肃性和不能引起注意。,结论(三):VIP不宜使用挖版。,样式05,空白率,样式05空白率,什么是空白率?,版面上的图片文字的所占的面积与空白面积的比率。
15、空白越多空白率越高。,低空白率,高空白率,什么是空白率?版面上的图片文字的所占的面积与空白面积的比率。,感受空白率(一):,感受空白率(一):,结论(一):,高版面率,体现使用者是个热情、有干劲的人。低版面率,体现使用者是个沉静稳健、有品位的人。,结论(一):高版面率,体现使用者是个热情、有干劲的人。,感受空白率(二):,感受空白率(二):,结论(二):,要表现高品质、高质量的商品需要大面积的空白。左图虽然文字的跳跃率不高,但是因为空白少,并不显得高档。右图与左图相比,扩大了空白量。给人以高雅、稳重的氛围,给人高品质感。,结论(二):要表现高品质、高质量的商品需要大面积的空白。,感受空白率(三
16、):,感受空白率(三):,结论(三):,要传递古朴、恬静的感觉,宜采用高空白率的版式。,结论(三):要传递古朴、恬静的感觉,宜采用高空白率的版式。,感受空白率(四):,感受空白率(四):,结论(四):,低空白率体现丰富的信息。,结论(四):低空白率体现丰富的信息。,感受空白率(五):,接下页,感受空白率(五):接下页,版式设计超好课件,报刊使用的空白率(五):,我们日常接触到的印刷物品中,版面率最高一般是报纸。报纸以丰富的信息来吸引读者,所以高的版面率是很必要的。一些娱乐杂志和书籍同样如此。,报刊使用的空白率(五):我们日常接触到的印刷物品中,版面率最,文字排列,齐行型齐头齐尾型齐头散尾型居中
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 版式 设计 课件

链接地址:https://www.31ppt.com/p-1340908.html