版式设计课件PPT课件下载推荐.ppt
《版式设计课件PPT课件下载推荐.ppt》由会员分享,可在线阅读,更多相关《版式设计课件PPT课件下载推荐.ppt(185页珍藏版)》请在冰豆网上搜索。
图在下页。
结论:
图片比文字更吸引人注意,图片的视觉度高图片比文字更吸引人注意,图片的视觉度高于文字。
于文字。
在版面中增添照片或插图能够提高视觉度,在版面中增添照片或插图能够提高视觉度,让人有兴趣继续读下去。
让人有兴趣继续读下去。
图片的视觉度的强弱比较:
图片可分为两类图片可分为两类写实性的、抽象性的。
写实性的、抽象性的。
一般来讲,在同等大小的情况下,抽象图形的视觉度强于写实图形。
这是因为简单的图形更容易记忆,所以人天生对简单的图形敏感。
写实性图片的视觉度写实性图片的视觉度一般来说,人的形象具有最强的视觉吸引力,尤其是人的脸一般来说,人的形象具有最强的视觉吸引力,尤其是人的脸部,看到后让人兴奋。
而天空、大海、草原的吸引力最弱,部,看到后让人兴奋。
而天空、大海、草原的吸引力最弱,可以让人情绪平静。
可以让人情绪平静。
选择适当的图片视觉度,以传递正确的信息。
类型视觉度效果感受严肃文学(小说、诗集等)低太高会破坏严肃性严肃活泼趣味图书(时尚杂志、儿童读物等)高增加阅读兴趣低质量的图片低质量的图片极大的降低版式的品质
(一):
极大的降低版式的品质
(一):
制作时要选择清晰的没有压缩过的图片。
精美杂志使用图片的分辨率必须在精美杂志使用图片的分辨率必须在300dpi以上。
以上。
图在下页低质量的图片低质量的图片极大的降低版式的品质
(二):
极大的降低版式的品质
(二):
如对图片进行不等比例的缩放,后果如对图片进行不等比例的缩放,后果实例
(一):
实例
(一):
在新闻上使用照片可以增加说服力。
让读者觉得新在新闻上使用照片可以增加说服力。
让读者觉得新闻真实可信。
并且增添阅读的兴趣。
闻真实可信。
实例
(二):
使用插图,可以让快速的传递文章的内容。
使用图使用插图,可以让快速的传递文章的内容。
使用图表可以让人清楚直观看到数据。
这些都有利于信息表可以让人清楚直观看到数据。
这些都有利于信息的传播。
的传播。
样式样式02图版率图版率什么是图版率?
什么是图版率?
版面中的图片跟文字所占的面积比叫做图版率。
如果版面全是文字的话,图版率就为如果版面全是文字的话,图版率就为0%,全是图的话,图版率就为,全是图的话,图版率就为100%。
视觉度与图版率的区别视觉度与图版率的区别“图版率图版率”是指相对于文章,图所占的比率。
用是指相对于文章,图所占的比率。
用%来表示。
而来表示。
而“视觉度视觉度”是指图片视觉吸引力的强弱。
是指图片视觉吸引力的强弱。
提高图版率可以活跃版面:
没有图的版式显的很压抑,令人窒息。
这种版式只适合于字典、法规等特殊用途的书籍。
而加上一张图片后感觉就完全不同了,显的很有生气,让人产生阅读的兴趣。
感受图版率
(一)感受图版率
(一):
感受图版率
(二)感受图版率
(二):
完全没有文字的版面显得空洞。
增加图版率可以增加版式的亲和力,在达到50%左右时,亲和力急剧上升。
但图版率一旦超过了90%,如果没有文字,反而会感觉空洞无味,给人单调的感觉。
如果稍微加入一点文字,版式就又活跃起来。
结论(三):
选择适当图版率,以传达正确的信息。
类型图版率效果感受严肃文学(小说、诗集等)10%左右太高会破坏严肃性严肃活泼一般读物(故事、报纸等)30%左右增加阅读兴趣,但如果图太多信息则过少趣味图书(时尚杂志、儿童读物等)50%-90%创造活跃的气氛复习:
复习:
看下面左、右版式的区别是什么?
右图(a.视觉度b.图版率)增加了?
产生了哪些效果?
(c.高品质d.轻松活泼c.亲和力f.高雅)跳跃律跳跃律文字跳跃率文字跳跃率版面中最小字与最大字,字体大小的比率叫做文字版面中最小字与最大字,字体大小的比率叫做文字跳跃率。
比率越大,跳跃率越高。
跳跃率。
跳跃率高跳跃率低感受文字跳跃率
(一):
感受文字跳跃率
(一):
较高的文字跳跃率可以吸引人的注意力。
感受文字跳跃率
(二):
降低跳跃率给人沉稳、高品质、历史感的印象。
提高跳跃率给人健康、有活力的印象。
感受文字跳跃率(三):
正确的文字跳跃律,传递正确的信息:
日本的生活手册,一向以沉稳的版式获得好评。
版面庄重、平和,稍有单调之感,但是能让人从中感受到几十年不变的历史的沉重。
提高文字跳跃率,即使文章的内容完全一样,也不能引起人们的共鸣。
感受文字跳跃率(四):
结论(四):
文艺表演的海报,巨大的标题增加了视觉吸引力,让人感觉气氛热烈,从而产生了参与的欲望。
图片跳跃率图片跳跃率版面中面积最小的图片与面积最大的图片的面积比版面中面积最小的图片与面积最大的图片的面积比,叫做图片跳跃率。
比率越大跳跃率越高。
,叫做图片跳跃率。
低跳跃率高跳跃率感受图片跳跃率
(一):
感受图片跳跃率
(一):
图片跳跃率低,给人以稳重、高品质的感受。
图片跳跃率高,给人轻松俏皮的感受。
感受图片跳跃率
(二):
放大某些图片,形成主次,版面显得更加有条理,放大某些图片,形成主次,版面显得更加有条理,有生气。
有生气。
感受图片跳跃率(三):
大框架中宜用局部特写的照片:
用大小两张照片做人物设计,原则上大的框架中采用特写照。
小的框架中采用全身照。
照片面积的大小与照片中物体的繁简程度进行对比,可以增强了动感。
样式样式04网格拘束率网格拘束率什么是网格拘束率?
什么是网格拘束率?
网格拘束率指,文字、图片受网格约束的程度。
什么是网格?
网格是一种重要的编排辅助手段。
我们依靠网格对网格是一种重要的编排辅助手段。
我们依靠网格对版面的框架结构进行大致的规划。
版面的框架结构进行大致的规划。
高网格拘束率低网格拘束率感受网格拘束率
(一):
感受网格拘束率
(一):
严格拘束于网格的版面给人稳重的印象。
脱离网格则有自由的感觉,产生轻松有趣的版面。
感受网格拘束率
(二):
要体现庄重、高格调,最宜使用高网格拘束率的版要体现庄重、高格调,最宜使用高网格拘束率的版面设计。
面设计。
选择正确的网格拘束率,传递正确的信息:
类型拘束率效果感受严肃文学(企业报表、财经杂志、教材等)高给人以条理清晰、可靠、严谨、高品质的感觉。
严肃活泼趣味图书(时尚杂志、儿童读物等)低增加阅读兴趣图片的外形图片的外形角版出血版羽化版挖版角版角版拘束性最强,给人严谨、冷静、高品质的影响。
拘束性最强,给人严谨、冷静、高品质的影响。
出血版出血版有一个以上的边出血,较角版而言更富变化、更加有一个以上的边出血,较角版而言更富变化、更加活泼。
活泼。
羽化版羽化版边缘模糊的图片给人以柔美的印象。
边缘模糊的图片给人以柔美的印象。
挖版挖版不规则的边缘给人以自由活泼的感受。
不规则的边缘给人以自由活泼的感受。
感受图片的外形:
在大量角版中适当的加入少量挖版,既能够打破沉在大量角版中适当的加入少量挖版,既能够打破沉闷,又不至于破坏原有的冷静气氛。
闷,又不至于破坏原有的冷静气氛。
角版中只插入一个小小的挖版,因为这么一个小小的对比效果,活跃了整个版面的气氛,并可突出置于挖版上的物体。
感受图片的外形
(二):
在大量挖版中,角版可以稳定画面。
大部分图像使用挖版,不受网格的拘束,给人自由的感受。
但插入一些小角版在中间,能起到稳定画面的作用(避免过于自由而显得凌乱),更能突出挖版的自由感。
感受图片的外形(三):
VIP不宜使用挖版。
不宜使用挖版。
重要事件和人物不宜使用挖版,因为挖版会给人轻松的感觉,不能体现严肃性和不能引起注意。
样式样式05空白率空白率什么是空白率?
什么是空白率?
版面上的图片文字的所占的面积与空白面积的比率。
空白越多空白率越高。
低空白率高空白率感受空白率
(一):
感受空白率
(一):
高版面率,体现使用者是个热情、有干劲的人。
低版面率,体现使用者是个沉静稳健、有品位的人。
感受空白率
(二):
要表现高品质、高质量的商品需要大面积的空白。
左图虽然文字的跳跃率不高,但是因为空白少,并不显得高档。
右图与左图相比,扩大了空白量。
给人以高雅、稳重的氛围,给人高品质感。
感受空白率(三):
要传递古朴、恬静的感觉,宜采用高空白率的版式。
感受空白率(四):
低空白率体现丰富的信息。
感受空白率(五):
接下页报刊使用的空白率(五):
报刊使用的空白率(五):
我们日常接触到的印刷物品中,版面率最高一般是我们日常接触到的印刷物品中,版面率最高一般是报纸。
报纸以丰富的信息来吸引读者,所以高的版报纸。
报纸以丰富的信息来吸引读者,所以高的版面率是很必要的。
一些娱乐杂志和书籍同样如此。
面率是很必要的。
文字排列文字排列齐行型齐行型齐头齐尾型齐头散尾型居中型居中型自由型自由型1.齐行型(齐头齐尾)齐行型(齐头齐尾)中庸的、理性的、严肃的、冷静的。
1.齐行型(齐头散尾)齐行型(齐头散尾)界于齐头齐尾型与自由型之间,有中国书法的韵味味。
3.居中型居中型高格调的、优雅的、欧洲古典的。
4.自由型自由型自由的、活泼的、轻松的、可爱的。
感受文字排列
(一):
名片上文字的排列方式,体现使用者的性格。
齐行型的文字排列,是所有排列方式中最理性、最齐行型的文字排列,是所有排列方式中最理性、最稳重的类型,可以给人以诚信可靠、精明干练的印稳重的类型,可以给人以诚信可靠、精明干练的印象。
象。
感受文字排列
(二):
居中型的文字排列,可以传达高格调、有文化品位居中型的文字排列,可以传达高格调、有文化品位的印象。
的印象。
感受文字排列(三):
自由型的文字排列。
如果使用者不想塑造自己是商自由型的文字排列。
如果使用者不想塑造自己是商业者的形象可以使用自由型的排版方式。
业者的形象可以使用自由型的排版方式。
感受文字排列(四):
齐头齐尾的排列,给人以严谨理性的感觉,较多的齐头齐尾的排列,给人以严谨理性的感觉,较多的空白给人以舒畅和高品质的感觉。
空白给人以舒畅和高品质的感觉。
感受文字排列(五):
结论(五):
正文采用齐头散尾的排列,与上图比较,给人以自正文采用齐头散尾的排列,与上图比较,给人以自由浪漫的印象。
而整体排列又居中对齐,又给人以由浪漫的印象。
而整体排列又居中对齐,又给人以典雅之感。
典雅之感。
感受文字排列(六):
结论(六):
居中型的文字排列最适合在低图版率的环境里,体居中型的文字排列最适合在低图版率的环境里,体现出艺术感和高雅感。
适于表达内容的高品质。
如现出艺术感和高雅感。
如配上艺术的手写字体,更能强化了这种感觉。
配上艺术的手写字体,更能强化了这种感觉。
感受字体排列(七):
结论(七):
自由型的文字排列给画面增添了活力,使整个版式自由型的文字排列给画面增添了活力,使整个版式显得轻松、舒畅。
显得轻松、舒畅。
感受字体排列(八):
多种方式混排全部齐行标题居中,正文齐行结论(八):
结论(八):
让文字排列的方式保持统一。
无原则的随意混排文字会使版面变得难以阅读,同时给人以低品质之感。
什么是字体?
字体就是字的样子。
虽然与照片和插图相比,文字体就是字的样子。
虽然与照片和插图相比,文字给人的印象是较微弱的。
但是只要注意观察就字给人的印象是较微弱的。
但是只要注意观察就能发现字体也能传递很多信息。
能发现字体也能传递很多信息。
中文字体可以大致分为四类:
黑体宋体书法体艺术体每种字体都有自己的特色。
每种字体都有自己的特色。
黑体黑体给人以冷静、理性、现代之感。
给人以冷静、理性、现代之感。
细圆黑黑体粗黑体综艺体宋体宋体有现代与古典结合之感,最易于阅读。
有现代与古典结合之感,最易于阅读。
报宋体仿宋体大标宋书法体书法体可以创造古朴、艺术的气氛可以创造古朴、艺术的气氛楷体(正式的,端庄的)瘦金体(宋徽宗的书法,有一种紧张的美感)黄草体(黄庭坚的书法,有一种飘逸秀丽的美感)隶体(端正的、古朴的)魏碑(古朴的、粗旷的)艺术字体艺术字体艺术字体变化很多,新颖别致,个性鲜明的。
艺术字体变化很多,新颖别致,个性鲜明的。
珊瑚体毡笔体剪纸体儿童体胖头鱼体感受字体
(一):
感受字体
(一):
应选择与文章内容相符合的字体。
如果想要传达的信息内容与字体给人的感觉不相符,观众就得不到共鸣,无法产生阅读的兴趣。
感受字体
(二):
笔画粗的字体给人以力量男性化的感觉;
笔画细的笔画粗的字体给人以力量男性化的感觉;
笔画细的字体给人以柔美女性化的感觉。
字体给人以柔美女性化的感觉。
大的文字体现精神和活力;
小的文字体现高贵和品大的文字体现精神和活力;
小的文字体现高贵和品质。
质。
感受字体(三):
正确的字体传达正确的信息。
这是一本关于在城市中投资理财的手册,使用理性的粗黑字体,给人稳重可靠之感。
感受字体(四):
感受正确的字体传达正确的信息。
这是一本楼书,使用自由的手写字体,给人轻松随意之感,代表了该楼盘追求轻松享受的生活理念。
感受字体(五):
大号字旁使用小号文字,可以增加对比,从而增添大号字旁使用小号文字,可以增加对比,从而增添活力。
活力。
什么是字距?
(字与字间的距离)什么是字距?
(字与字间的距离)就是字与字之间的距离。
就是字与字之间的距离。
感受字距:
标准字距紧缩字距松散字距结论:
一般来讲,汉字的字距不易过小,太小不易阅读。
汉字的标准字距为字宽汉字的标准字距为字宽1/10。
当使用大号文字作标题时,可以适当紧缩字距。
扩大字距,给人高格调之感。
什么是行距?
就是行与行之间的距离。
紧密的行距正常行距疏松的行距感受行距:
感受行距:
一般情况下,正文小字的行距不宜过于紧密,尤其一般情况下,正文小字的行距不宜过于紧密,尤其是在字数较多的情况,相当难以阅读。
是在字数较多的情况,相当难以阅读。
不过如果字数不多,且字体尺寸较大的情况下,适不过如果字数不多,且字体尺寸较大的情况下,适当缩小行距,可以给人以信息丰富以及活泼可爱的当缩小行距,可以给人以信息丰富以及活泼可爱的感觉。
感觉。
什么是字数?
这里仅指一行中字的数量。
每行28字每行22字每行18字每行11字结论:
一般来讲,普通的字数在一般来讲,普通的字数在20-30个以内。
适当的增加或减少字数可以传递不同的个以内。
适当的增加或减少字数可以传递不同的信息。
信息。
每一行的字数多,有轻松舒畅和高格调的感觉,但每一行的字数多,有轻松舒畅和高格调的感觉,但要注意行距不能过于紧密,否则阅读困难。
每一行要注意行距不能过于紧密,否则阅读困难。
每一行的字数少,给人以活跃和信息丰富之感,这是就算的字数少,给人以活跃和信息丰富之感,这是就算行距较为紧密也不会影响阅读。
行距较为紧密也不会影响阅读。
影响版式的因素影响版式的因素之二之二版面版面什么是版面?
什么是版面?
当选择好适当的样式后,接下来就需要调整这些样当选择好适当的样式后,接下来就需要调整这些样式的位置关系。
样式按什么样的关系排列,我们称式的位置关系。
样式按什么样的关系排列,我们称为版面。
为版面。
版式设计的两个步骤:
原稿选择样式调整版面原稿,虽然已经具备所必须的全部信息,但条例不清,毫无生气。
步骤一,选择适合的样式。
提高跳跃律,提高了视觉度,完成了样式的调整后,与原稿比增加了趣味,更吸引人也更具条理。
步骤二,版面调整。
调整文字位置,根据文字的重要性体调整文字大小,调整空白大小。
这样版式变得工整,更加有条有理。
明确主题明确主题放大主题部分,缩小次要部分,并给主体已充足的放大主题部分,缩小次要部分,并给主体已充足的空白。
空白。
感受明确主题的效果
(一):
明确主题可以使信息有条理,便于阅读。
左边名片上的信息很多,如果不加以区别就会给人混乱之感。
右边名片根据信息的重要与否加以区别,别人看名片最先想要知道的就是主人的名字,于是我们就应该放大名字,接着把别人其次想要知道的信息公司名称也放大(当然,要比名字小)。
这样名片条例清晰,别人很快就能找到需要的信息。
感受明确主题的效果
(二):
明确主题让信息有条理明确主题让信息有条理左图物体大小相似,有优雅之感。
不过稍显缺乏条例。
右图放大了2个为题,画面上有了主次,显得更有条理。
感受明确主题的效果(三):
如果把文字放在图片上,那么别人就不会去阅读它,如果把文字放在图片上,那么别人就不会去阅读它,因为很难读。
因为很难读。
分开主、副体?
拉开版面中主体元素与次要元素间的距离。
感受分开主副体
(一):
分开主副体产生动感分开主副体产生动感左图两张照片放的靠近,画面右面有冲击力,但是却不平衡了。
右图把两张照片分开,视线从左到右流动,形成的动感。
感受分开主副体
(二):
分开主副体产生动感。
左图的图片放的很近,虽然工整,但是缺乏动感。
右图把图片分开放置,产生了动感。
群化?
简单的说,群化就是让别人一眼就能看出物体间的简单的说,群化就是让别人一眼就能看出物体间的关系来。
关系来。
左图看不出四张图片以何种方式组合在一起的。
右图很容易就能说出四张图片的关系。
感受群化:
群化能够使画面工整,各组图片和文字都有各自区群化能够使画面工整,各组图片和文字都有各自区域,这样可以使版面条理清晰。
域,这样可以使版面条理清晰。
避免暧昧避免暧昧避免暧昧就能避免混乱。
避免暧昧就能避免混乱。
感受避免暧昧
(一):
段与段之间的距离要适当分开一点,让别人清楚地段与段之间的距离要适当分开一点,让别人清楚地知道这一段的内容已经说完了,下面是新的内容。
知道这一段的内容已经说完了,下面是新的内容。
感受避免暧昧
(二):
图片的说明文字应该适当靠拢图片。
感受避免暧昧(三):
对齐文字、段落和图片。
感受避免暧昧(四):
如何避免暧昧如何避免暧昧04对齐文字、段落和图片。
调整流向调整流向我们在观看版面的时候,视线总会有流向。
统一画我们在观看版面的时候,视线总会有流向。
统一画面元素的流向,可以简洁画面。
面元素的流向,可以简洁画面。
设计师也可以利用视线的流向,引导观众去观看版设计师也可以利用视线的流向,引导观众去观看版面上的内容。
面上的内容。
感受调整流向
(一):
统一流向,能够使版面简洁美观。
空白空白指文字或图片周围的空间。
指文字或图片周围的空间。
感受空白
(一):
空白是主题的领地。
即使是使用较小的字体,只要空白