排版六原则

作者: 阮一峰

日期: 2010年10月16日

上个月,我贴了《图形化简历》

几天后,就收到了秋叶老师的来信,希望与我探讨一些设计问题。他写过一本畅销书《说服力-让你的PPT会说话》,眼下正在写续集。

我看了新书的样章,觉得很不错,有些内容很值得分享。

====================================

首先,我们先看一个例子。良好的设计如何使得一个平庸的文档脱胎换骨。下面是一张大学生的求职简历,再普通不过了,想要引起招聘经理的注意,恐怕很难。

秋叶老师对它进行了简单的排版,还是一张表格,还是黑白配色,没有使用任何图形元素,效果却完全不一样了。

真是令人眼前一亮,不由自主地想多看几眼。这就是优秀设计的作用:它让你脱颖而出。

====================================

秋叶老师把他的排版心得,总结为六个原则:对齐,聚拢,重复,对比,强调,留白。我是这样理解的:

一、对齐原则

  相关内容必须对齐,次级标题必须缩进,方便读者视线快速移动,一眼看到最重要的信息。

二、聚拢原则

  将内容分成几个区域,相关内容都聚在一个区域中。段间距应该大于段内的行距。

三、留白原则

  千万不要把页面排得密密麻麻,要留出一定的空白,这本身就是对页面的分隔。这样既减少了页面的压迫感,又可以引导读者视线,突出重点内容。

四、降噪原则

  颜色过多、字数过多、图形过繁,都是分散读者注意力的"噪音"。

五、重复原则

  多页面排版时,注意各个页面设计上的一致性和连贯性。另外,在内容上,重要信息值得重复出现。

六、对比原则

  加大不同元素的视觉差异。这样既增加了页面的活泼,又方便读者集中注意力阅读某一个子区域。

====================================

下面用一个PPT的例子,演示排版六原则。

上面这张ppt有两个毛病。一是字数太多,抓不住重点;二是右边没有对齐,使得读者的视线只能一行行地从行首到行尾移动,不能直上直下。

现在进行修改。

第一步,根据"聚拢原则",将六点分成六个区域。

第二步,根据"降噪原则",将每一点分成"小标题"和"说明文字"两部分。

第三步,根据"对齐原则",将每一个部分、每一种元素对齐。

第四步,根据"对比原则",加大"小标题"和"说明文字"在字体和颜色上的差异。

第五步,根据"留白原则",留出一定的空白。

页面的可读性大大增加。

(完)

留言(30条)

真不错,受益了,谢谢!

其实对于一般人来说 只要做到以下四条就够了:
1、对比
秋叶的黑白配就是这个原理;
2、重复
增加条理性和加强统一性;
3、对齐
这样可以建立清晰精巧的外观;
4、亲密性
我喜欢叫其相似性,这样便于信息组织
建议喜欢的朋友去看看 《写给大家看的设计书》这本书

最近正在找实习,找工作,现在就去对照文中的六点去改改简历

PPT的例子不错,简历那个我不是很喜欢。三大什么什么、六样什么什么,让人想起电视购物广告……当然,电视购物广告在信息展现这方面其实算是很成功的……
:)

果然,没话说!我设计自己的简历时一定要小心了!~~

关于简历,我喜欢第一个。

为什么简历是华中科技大学的

引用hipboi的发言:

为什么简历是华中科技大学的

突出显示“即使是重点院校的,并且还是女生,有些简历做的也并不美观”。 因此,学习怎样制作简历很有必要。

设计原则基本上与 Robin Williams 在 The Non-Designer's Design Book 中提到四个原则一致.

总结起来是 CRAP.

Contrast: 对比
Repetition: 重复
Alignment: 对齐
Proximity: 亲密

好文!

恩,细节之处见水准啊。

我不觉得秋叶老师的排版有多好,特别是左边的黑框,太喧宾夺主,而且不符合观看者的视觉效果,黑体加粗用的过多反而使文字版面看起来比原来的噪音更多,如果说这是专业人员的作品实在是不合格的,不知道阮兄对此有何看法

我是秋叶,非常感谢阮老师的推荐。

我的作品不追求专业的美感,但要抓一下你的眼球。作为简历,我博客上讲了,不算最完美,但可以做到脱颖而出就是成功,而且学生的作品,如果是我代为设计,会故意做得有些遗憾,这样才符合真实,学生一般是不太可能做出过度专业的简历,反而让人力资源部门怀疑。

做假也是一门艺术,关键是要假得和真的一样。

专业的美感往往是旁人看起来美,普通人没有经过专业训练却无法学会的。

但普通的人应该明白一些让自己的排版提升的简单原则和方法,我博客(http://www.70man.com/)上的工作性PPT排版案例分享,基本上都是出自这样的思路。当然我自己做的原创PPT30多种,大家也看出我也是不断在实践中提升的训练过程。

我的新书《说服力-工作型PPT该这样做》重点就是计划好好讲讲PPT的构思,逻辑和排版。

至于平面排版道理都是通的,我也推荐大家看看《写给大家看的设计书》。

“专业的美感往往是旁人看起来美,普通人没有经过专业训练却无法学会的。”

我觉得不必小看学生的审美或设计能力。若有心去学习这些知识,自然能搜索到最出色的资料,学生跟专业人员未必那么大差距。

另外,我明白秋叶老师这个例子,是为说明白水般的简历稍加修饰就可以变得显眼,并不是说修饰完的那个是多么出色的作品。所以不妨也给后者做下注解嘛,说明一下仍有哪些不妥当的地方。

第二个简历虽然很明显了,但是还是很丑。
可以抛开表格的形式,做成修改后的那个PPT的感觉也很好啊。

呃。。。还是我们学校的。

学习了,以前做打印的时候,一些学生需要我帮忙设计简历,没有思路,看了你的受益匪浅!

怎么越看越像以前就职的咨询公司的培训材料和PPT模板。
看了,内容表达的学问,是很有共同语言的。

PPT那个 排列序号更喜欢左右顺序排列 而不是上下排序 左右更适合阅读习惯

哈,前两天才看到秋叶的一个关于PPT的文章,这里就隆重推介了,呵呵,两位都是在豆瓣九点上经常登录的人物哦~

自已能玩好还不够,能教别人玩好才是真的好。

六原则非常有助于如何改善PPT的阅读性。

引用燕南飞之羽的发言:

建议喜欢的朋友去看看 《写给大家看的设计书》这本书


这本书我也在看,对于做设计的人,是个好帮手。

看过秋叶的一些PPT,就拿这最后那页“白领的收听习惯”来说,经过所说的原则改良后,还是一样“多字”,不醒目。个人觉得仍然是演讲稿式的PPT。

敷衍 说:

PPT那个 排列序号更喜欢左右顺序排列 而不是上下排序 左右更适合阅读习惯


——这点我也同意。阅读时发现1后面跟的是4,不太符合先左右后上下的第一阅读习惯。

看这里:“DIY艺术照”型简历有杀伤力!http://blog.sina.com.cn/s/blog_59fa76660100mnmv.html

靠,竟然还有脸说“部分内容引自”你!我愤怒了!

http://v.youku.com/v_show/id_XMjIyMzUxODk2.html
之前在TED上看到的演讲,跟您说的这个是一个意思。
可以不限制在简历上,很多数据资料经过提炼都可以变得更有价值

您这个博客系统是自己做的么?

很到位,特别适合刚毕业的大学生,以及对自己简历从不上心的人。分享了。

有这功夫先学学TeX不好吗。。

“秋叶”的链接怎么跳到娱乐城了?

我要发表看法

«-必填

«-必填,不公开

«-我信任你,不会填写广告链接