版式设计的6个关键词 .pdfVIP

版式设计的6个关键词

前⾔

版式设计千变万化，我们如何以不变应万变呢？今天我们就分享⼀下版式设计中我们需要注意的6个关键要点，通过学

习这6个要点能有效的帮助我们处理⽇常的版式设计，避免低级错误。

⽬录

⼀.版式设计的定义

⼆.版式设计的作⽤

三.六项基本原则

四.总结

⼀.版式设计的定义

版式设计是指设计⼈员根据设计主题和视觉需求，在限定条件的版⾯内，运⽤造型要素和形式原则，根据特定主题与内

容的需要，将⽂字、图⽚（图形）及⾊彩等视觉传达信息要素，进⾏有组织、有⽬的的组合排列的设计⾏为与过程。

⼆.版式的作⽤

版式设计的意义就是通过合理的空间视觉元素来最⼤限度的发挥表现⼒，以增强版⾯的主题表达，并以版⾯特有的艺术

感染⼒来吸引观者的注意⼒。

三.六项基本原则

对于千变万化的版式设计，我们想要达到以不变应万变的能⼒，我们只需要理解这“六个”版式设计的关键词即可-“聚

焦、平衡、对⽐、⽐例、留⽩、打破常规”。

1.聚焦

聚焦是我们在做版式设计的基本原则之⼀，我们想要更好的传达主题，必要的前提条件就是能够吸引⽤户的⽬光焦点，

即⽤户的注意⼒。

聚焦⽐较典型的表达就是居中式构图或放射式构图，居中式构图简单易懂，将主体物放在画⾯的中⼼位置来吸引⽤户的

⽬光。例如：

放射式构图则通过放射式的⾻骼线来引导⽤户聚焦主题，效果更加突出。

聚焦能够最⼤化的吸引⽤户的注意⼒，如果聚焦不⾜则会让画⾯缺少视觉冲击⼒，不⾜以吸引⽤户的注意⼒，错失⽤

户。

2.画⾯平衡

画⾯平衡能给⼈在视觉上⼀种均衡感，能够促使画⾯内部元素的稳定。

在构图上⽐较具有代表性的有：对称式构图、居中式构图等。其特点是稳定、庄严、整齐、秩序、安宁、沉静。例如⽃

鱼、⽹易云⾳乐、哔哩哔哩：

例如上图中我们可以看出画⾯具有很强的平衡感，我们在设计时候需要注意的是：“视觉重量的对等，版⾯呼吸感的平

衡。”

3.对⽐

对⽐是差异性的强调，对⽐的因素存在于相同或相异的性质之间。

根据冯·莱斯托夫效应指的是相对于普通事物，记住独特或特殊事物的可能性更⼤，所以对⽐能够帮助我们加强主要信

息与次要信息的区分，在设计上能够加强视觉的冲击⼒以及画⾯的节奏感。我们以标题信息的对⽐为例：

图例中的标题通过字体的“粗细、字体种类、设计形式、⾊彩等”的对⽐来区别主要信息和辅助信息的差异，体现主从关

系。

加强对的主要⽅法：把相对的两要素互相⽐较之下，产⽣“⼤⼩、明暗、⿊⽩、强弱、粗细、疏密、⾼低、远近、硬

软、直曲、浓淡、动静、锐钝、轻重”的对⽐。

4.⽐例适度

优秀的⽐例关系能在视觉上符合⽤户的视觉⼼理，⽐例适度，通常具有秩序、明朗的特性，予⼈⼀种清新、⾃然的新感

觉。例如具有黄⾦⽐例的模特：

当然⼤家要避免绝对遵从黄⾦⽐例的误区！因为UI设计在实际的应⽤中是动态的，我们⽆法采⽤绝对固定的⽐例来限

制设计，所以再设计的时候我们要灵活的选⽤不同的⽐例来组合信息设计。例如UC头条：

⽐例⼜是⼀种⽤⼏何语⾔和数⽐词汇表现现代⽣活和现代科学技术的抽象艺术形式。成功的排版设计，⾸先取决于良好

的⽐例，例如：等差数列、等⽐数列、黄⾦⽐等。

5.留⽩

留⽩是画⾯中“虚”的处理⼿法，⽽内容则是“实”的表现，通过“虚、实”的结合来构造画⾯中的韵律、节奏和空间感；假如

画⾯被填得太满就会显得压抑、拥挤、缺乏品质感。

优秀的作品都会注意留⽩的使⽤，好的留⽩能够创造极强的品质感。例如⽆印良品的海报：

在排版设计中，巧妙地留⽩，画⾯显得⼲净整洁，凸显主题。例如有盐、same：

有盐和same的设计利⽤了⼤量的留⽩设计，通过留⽩设计可以更好凸显页⾯中的内容，并能够使页⾯看起来⼲净整

洁，富有空间感。

6.打破常规

长时间的⼯作我么会形成⾃⼰的⽅法论，虽然能提⾼效率，但往往也会限制住⾃⼰，例如我们在Banner中常⽤的三⼤

构图形式（详细可了解之前的写的⽂章），时间久了也会消磨⾃⼰的创新性，同时⽤户也会对此厌倦。

打破常规最简单的⽅法就是：“选择⼀个点做微创新”。这⾥并不⿎励⼤家进⾏⼤⼑阔斧的改变（天才除外），⾸先是不

符合实际，其次是付出的成本太⾼。

在视觉上我们可以选择最容易改变的“点”，例如在版式布局做微调，例如GAMEMATE将搜索框移⾄banner下⽅，简

单的改变了布局结构就能让界⾯⽿⽬⼀线。

GAMEMATE通过简单布局改变的就能达到⽿⽬⼀新的感觉，⽽且成本较低，易实现。

总结

我们再来复习⼀下以上所讲的内容：

1.聚焦的核⼼意义是将视觉