七日掌握版面设计基础

《七日掌握版面设计基础》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、七日掌握版面设计基础（日）视觉设计研究所编中国青年出版社（北京）2004年版版面设计：样式+造形。样式能决定版面设计的大部分。调整形态（文字的位置，大小，空间），保持平衡，能增加信赖度。样式的八要素：视觉度，图版率，文字的跳跃率，照片的跳跃率，网格的拘束率，版面率，构成的三种类型，字体印象造形的八原则：明确主题，分开副主题，群化（组合化），暧昧给人不安的感觉，整理流向，空白时主题的领地，抑制四角，利用版心线第一部分：选择样式选择好合适的样式，就决定了设计成功的一大半。视觉要素，是指相对于文字要素的插图、照

2、片、表格等图像表现。在版面中增强视觉要素，能产生轻快，有亲和力的印象。相反，以文字为中心，则给人高格调，冷漠，坚硬的印象。然而，并不是说视觉度越高越好。与内容相吻合的“度”很重要。例如，在纯文学作品或诗集中加入插图，虽然有轻快的感觉，但却形成了不和谐的版面。样式的八要素1：视觉度相对于文字，图像的要素（插图，照片等）产生的视觉强度叫做视觉度。外观和影响力越强，视觉度就越高。明快的插图，给人最强烈的印象，视觉度就高。一般来说，照片的视觉度比插图低，特别是云、大海这样的风景照，视觉度更低。原图：1这幅图是大学

3、某组织募集会员的传单。比较两者，加入插入以后，一目了然，亲和力完全改变。视觉要素具有决定性的作用，极大改变了整体效果。对名片来说，加入插图，会增加趣味性。在插页广告中，插图必不可少：左图，排列在报纸或杂志中的插页广告，如果只有文字，就很单调。这样，读者没有积极读下去的冲动。中图，将招聘要点字体扩大，加入插图，这样的招聘启事更接近应征者的感情，提高了号召力。右图（样式不变，改变了造形），文字和画的重心放在版面中间，是居中的组合方法。更有高品质感。2样式的八要素之2：图版率图版率：占据版面的图（插图、照片）和

4、文章的面积比。图版率是指相对于文章，图所占的比例，用%来表示。与视觉度有类似的地方，但视觉度是视觉的表现力的强弱，图版率单指面积比。版面全是文字的话，图版率就是0%。相反，如果全是图画，图版率就是100%。比如，诗集、小说等以文字为主体的版面，图版率是10%，就方便阅读。只有文字的版面，显示拥挤；没有文字的版面显得空洞，单调。据调查，插图、照片增加，则好感度增加。图版率在50%左右时，好感度急剧上升。但，一旦图超过90%，好感度反而下降。稍微加点文字，画面显得有生气，有活力，交流变得流畅。样式的八要素之3

5、：文字的跳跃率版面上的文字有大标题，中标题，小标题，正文，引文，页码，说明标题，说明，等，各自有传统的大小和字体。文字的跳跃率，指以正文为基准，以最大标题的字幅、字高计算后的大小比率。左图，低的文字跳跃率，平静沉着，高品质。右图，高的文字跳跃率，充满生机活力。对报纸来说，降低报纸的文字跳跃率就会显得毫无生趣。一份像样的报纸，取决于文字跳跃率。下图1，虽然有格调，但变得沉闷，让读者失去阅读兴趣。下图2中，文字的跳跃率是1200%，充满活力。社会团体和企业的宣传读物，与报纸不同。通常降低文字的跳跃率，少了报纸

6、的活力。图3，缩小标题，降低跳跃率，变成稳定的版面，给人留下平静稳定的印象。好。图4，扩大标题，有活力，但稍有不稳定的感觉。3图1图2图3图4样式的八要素之4：图片的跳跃率照片的跳跃率，指以最小面积的照片为标准，与最大面积照片的比率。照片跳跃率的效果与文字稍有区别，不能单凭跳跃率提高活力，照片本身的信息也是决定因素。即，表现静态的照片，即使放大，也不能体现活力，而是更强调画面的安静。照片跳跃率的效果在于跳跃起伏和协调的格局。比率低，即能体现稳定的效果。在下图1中，大小比较小，体现稳重大方。下图2（原作），

7、将小照片再缩小，提高照片的跳跃率，形成舒畅的版面，版面分清主次，有生气。4图1图2图3图3，左右两图，右图更好。对照片来说，大面积宜用局部特写照片。强调大小比，形成有跳跃距离感的空间。如下图1。反过来，在大框架中放入全身照，小版面放入局部照，会失去紧张感。图下图2.5图1图2样式的八要素之5：网格拘束率开始版面设计之前，首先应该做版面用纸。（计算机上，则是用参考线绘制，或者显示网格）原则上，在版面设计中，照片和标题的位置沿版面用纸的网格线决定。这样设计出的版面，是被网格约束住的版面。其实也可以无视网格线，

8、自由配置，形成脱离网格约束的版面设计。网格拘束率——拘束体现理性，庄重，男性化，除去则自由，女性化。自由格式不适合严肃传统的活动。左图，运用网格，是稳重的版面，体现理性和幽默。右图，脱离网格的自由设计，体现自由愉快有趣。6但很难保持平衡。如果不是平衡感极好的训练有素的设计师，很容易设计成劣质品。左图，既没有严格遵循网格拘束，也没有积极打破，暧昧状态下被网格拘束。不能清楚地体现要想读者传达的信息。右图，稍微脱离网格拘束，整个版面