版式设计概论•初识版式什么是版式设计?•就是在版面上,将图片、文字进行排列组合,以达到传递信息和满足审美需求的作用。•设计的对象是图片和文字。•设计的目的是传递信息和满足满足审美需求。•要注意!必须首先让设计出来的版式起到传递信息的作用后,再去考虑如何美化它。因为只有少数人会去购买一本美观但阅读起来很费力的书。影响版式的因素之一•样式什么是样式?•样式是指文字、图片的外观。感受样式的作用(一):•下面两则广告,哪一个排版更好一些结论(一):•使用不同的文字、图片样式能带给人以不同的感受。文字图片给人的感受美宝莲活泼的艺术字体引人注目的美女的笑脸杂乱无章、重点不清晰资生堂严谨复古的宋体字平静的景物画面高品质、冷静、高级感受样式的作用(二):•下面哪个设计更适合作为一家设计论坛自我宣传的传单?结论(二):•正确的选择样式才能传递正确的信息。•两件设计作品都很美观,但是上图给人的感觉过于轻松活泼,所以不能让人感受到设计的理性、冷静等感觉,但如果是用于时尚、娱乐等类型的网站就很合适了。样式01•视觉度什么是视觉度?•文字、图象(照片、插图)对人产生的视觉吸引力的强度。越引人注目的物体视觉度越大。感受视觉度(一):•下面哪张名片更引人注意?感受视觉度(二):•下面哪张海报更引人注意?•图在下页。结论:•图片比文字更吸引人注意,图片的视觉度高于文字。•在版面中增添照片或插图能够提高视觉度,让人有兴趣继续读下去。图片的视觉度的强弱比较:•图片可分为两类——写实性的、抽象性的。•一般来讲,在同等大小的情况下,抽象图形的视觉度强于写实图形。这是因为简单的图形更容易记忆,所以人天生对简单的图形敏感。写实性图片的视觉度•一般来说,人的形象具有最强的视觉吸引力,尤其是人的脸部,看到后让人兴奋。而天空、大海、草原的吸引力最弱,可以让人情绪平静。结论:•选择适当的图片视觉度,以传递正确的信息。类型视觉度效果感受严肃文学(小说、诗集等)低太高会破坏严肃性严肃活泼趣味图书(时尚杂志、儿童读物等)高增加阅读兴趣低质量的图片极大的降低版式的品质(一):•制作时要选择清晰的没有压缩过的图片。•精美杂志使用图片的分辨率必须在300dpi以上。•图在下页低质量的图片极大的降低版式的品质(二):•如对图片进行不等比例的缩放,后果…实例(一):•在新闻上使用照片可以增加说服力。让读者觉得新闻真实可信。并且增添阅读的兴趣。实例(二):•使用插图,可以让快速的传递文章的内容。使用图表可以让人清楚直观看到数据。这些都有利于信息的传播。样式02•图版率什么是图版率?•版面中的图片跟文字所占的面积比叫做图版率。•如果版面全是文字的话,图版率就为0%,全是图的话,图版率就为100%。视觉度与图版率的区别•“图版率”是指相对于文章,图所占的比率。用%来表示。而“视觉度”是指图片视觉吸引力的强弱。结论(一):•提高图版率可以活跃版面:•没有图的版式显的很压抑,令人窒息。这种版式只适合于字典、法规等特殊用途的书籍。•而加上一张图片后感觉就完全不同了,显的很有生气,让人产生阅读的兴趣。感受图版率(一):感受图版率(二):结论(二):•完全没有文字的版面显得空洞。•增加图版率可以增加版式的亲和力,在达到50%左右时,亲和力急剧上升。•但图版率一旦超过了90%,如果没有文字,反而会感觉空洞无味,给人单调的感觉。如果稍微加入一点文字,版式就又活跃起来。结论(三):•选择适当图版率,以传达正确的信息。类型图版率效果感受严肃文学(小说、诗集等)10%左右太高会破坏严肃性严肃活泼一般读物(故事、报纸等)30%左右增加阅读兴趣,但如果图太多信息则过少趣味图书(时尚杂志、儿童读物等)50%-90%创造活跃的气氛复习:•看下面左、右版式的区别是什么?•右图(a.视觉度b.图版率)增加了?•产生了哪些效果?(c.高品质d.轻松活泼c.亲和力f.高雅)跳跃律文字跳跃率•版面中最小字与最大字,字体大小的比率叫做文字跳跃率。比率越大,跳跃率越高。跳跃率高跳跃率低感受文字跳跃率(一):结论(一):•较高的文字跳...