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