上个月,我贴了《图形化简历》。
几天后,就收到了秋叶老师的来信,希望与我探讨一些设计问题。他写过一本畅销书《说服力-让你的PPT会说话》,眼下正在写续集。
我看了新书的样章,觉得很不错,有些内容很值得分享。
====================================
首先,我们先看一个例子。良好的设计如何使得一个平庸的文档脱胎换骨。下面是一张大学生的求职简历,再普通不过了,想要引起招聘经理的注意,恐怕很难。
秋叶老师对它进行了简单的排版,还是一张表格,还是黑白配色,没有使用任何图形元素,效果却完全不一样了。
真是令人眼前一亮,不由自主地想多看几眼。这就是优秀设计的作用:它让你脱颖而出。
====================================
秋叶老师把他的排版心得,总结为六个原则:对齐,聚拢,重复,对比,强调,留白。我是这样理解的:
一、对齐原则
相关内容必须对齐,次级标题必须缩进,方便读者视线快速移动,一眼看到最重要的信息。
二、聚拢原则
将内容分成几个区域,相关内容都聚在一个区域中。段间距应该大于段内的行距。
三、留白原则
千万不要把页面排得密密麻麻,要留出一定的空白,这本身就是对页面的分隔。这样既减少了页面的压迫感,又可以引导读者视线,突出重点内容。
四、降噪原则
颜色过多、字数过多、图形过繁,都是分散读者注意力的"噪音"。
五、重复原则
多页面排版时,注意各个页面设计上的一致性和连贯性。另外,在内容上,重要信息值得重复出现。
六、对比原则
加大不同元素的视觉差异。这样既增加了页面的活泼,又方便读者集中注意力阅读某一个子区域。
====================================
下面用一个PPT的例子,演示排版六原则。
上面这张ppt有两个毛病。一是字数太多,抓不住重点;二是右边没有对齐,使得读者的视线只能一行行地从行首到行尾移动,不能直上直下。
现在进行修改。
第一步,根据"聚拢原则",将六点分成六个区域。
第二步,根据"降噪原则",将每一点分成"小标题"和"说明文字"两部分。
第三步,根据"对齐原则",将每一个部分、每一种元素对齐。
第四步,根据"对比原则",加大"小标题"和"说明文字"在字体和颜色上的差异。
第五步,根据"留白原则",留出一定的空白。
页面的可读性大大增加。
(完)
CC 说:
真不错,受益了,谢谢!
2010年10月16日 17:15 | # | 引用
燕南飞之羽 说:
其实对于一般人来说 只要做到以下四条就够了:
1、对比
秋叶的黑白配就是这个原理;
2、重复
增加条理性和加强统一性;
3、对齐
这样可以建立清晰精巧的外观;
4、亲密性
我喜欢叫其相似性,这样便于信息组织
建议喜欢的朋友去看看 《写给大家看的设计书》这本书
2010年10月16日 18:24 | # | 引用
tristan 说:
最近正在找实习,找工作,现在就去对照文中的六点去改改简历
2010年10月16日 18:53 | # | 引用
小骆驼商队 说:
PPT的例子不错,简历那个我不是很喜欢。三大什么什么、六样什么什么,让人想起电视购物广告……当然,电视购物广告在信息展现这方面其实算是很成功的……
:)
2010年10月16日 19:19 | # | 引用
老饕 说:
果然,没话说!我设计自己的简历时一定要小心了!~~
2010年10月16日 20:45 | # | 引用
徐风子 说:
关于简历,我喜欢第一个。
2010年10月16日 21:42 | # | 引用
hipboi 说:
为什么简历是华中科技大学的
2010年10月16日 22:04 | # | 引用
ikbear 说:
2010年10月17日 09:23 | # | 引用
stranger 说:
设计原则基本上与 Robin Williams 在 The Non-Designer's Design Book 中提到四个原则一致.
总结起来是 CRAP.
Contrast: 对比
Repetition: 重复
Alignment: 对齐
Proximity: 亲密
2010年10月17日 11:31 | # | 引用
Jayuh 说:
好文!
2010年10月17日 12:00 | # | 引用
郭涛 说:
恩,细节之处见水准啊。
2010年10月17日 13:59 | # | 引用
secrpa 说:
我不觉得秋叶老师的排版有多好,特别是左边的黑框,太喧宾夺主,而且不符合观看者的视觉效果,黑体加粗用的过多反而使文字版面看起来比原来的噪音更多,如果说这是专业人员的作品实在是不合格的,不知道阮兄对此有何看法
2010年10月17日 16:02 | # | 引用
秋叶 说:
我是秋叶,非常感谢阮老师的推荐。
我的作品不追求专业的美感,但要抓一下你的眼球。作为简历,我博客上讲了,不算最完美,但可以做到脱颖而出就是成功,而且学生的作品,如果是我代为设计,会故意做得有些遗憾,这样才符合真实,学生一般是不太可能做出过度专业的简历,反而让人力资源部门怀疑。
做假也是一门艺术,关键是要假得和真的一样。
专业的美感往往是旁人看起来美,普通人没有经过专业训练却无法学会的。
但普通的人应该明白一些让自己的排版提升的简单原则和方法,我博客(http://www.70man.com/)上的工作性PPT排版案例分享,基本上都是出自这样的思路。当然我自己做的原创PPT30多种,大家也看出我也是不断在实践中提升的训练过程。
我的新书《说服力-工作型PPT该这样做》重点就是计划好好讲讲PPT的构思,逻辑和排版。
至于平面排版道理都是通的,我也推荐大家看看《写给大家看的设计书》。
2010年10月17日 17:14 | # | 引用
Probe 说:
“专业的美感往往是旁人看起来美,普通人没有经过专业训练却无法学会的。”
我觉得不必小看学生的审美或设计能力。若有心去学习这些知识,自然能搜索到最出色的资料,学生跟专业人员未必那么大差距。
另外,我明白秋叶老师这个例子,是为说明白水般的简历稍加修饰就可以变得显眼,并不是说修饰完的那个是多么出色的作品。所以不妨也给后者做下注解嘛,说明一下仍有哪些不妥当的地方。
2010年10月17日 20:30 | # | 引用
heidour 说:
第二个简历虽然很明显了,但是还是很丑。
可以抛开表格的形式,做成修改后的那个PPT的感觉也很好啊。
2010年10月17日 23:53 | # | 引用
stupidguy 说:
呃。。。还是我们学校的。
2010年10月18日 14:09 | # | 引用
wangwang 说:
学习了,以前做打印的时候,一些学生需要我帮忙设计简历,没有思路,看了你的受益匪浅!
2010年10月18日 14:29 | # | 引用
woody 说:
怎么越看越像以前就职的咨询公司的培训材料和PPT模板。
看了,内容表达的学问,是很有共同语言的。
2010年10月18日 15:45 | # | 引用
敷衍 说:
PPT那个 排列序号更喜欢左右顺序排列 而不是上下排序 左右更适合阅读习惯
2010年10月19日 11:29 | # | 引用
pin 说:
哈,前两天才看到秋叶的一个关于PPT的文章,这里就隆重推介了,呵呵,两位都是在豆瓣九点上经常登录的人物哦~
2010年10月19日 20:45 | # | 引用
淬念 说:
自已能玩好还不够,能教别人玩好才是真的好。
六原则非常有助于如何改善PPT的阅读性。
2010年10月20日 09:29 | # | 引用
zxsrw 说:
这本书我也在看,对于做设计的人,是个好帮手。
2010年10月20日 13:16 | # | 引用
Daniel 说:
看过秋叶的一些PPT,就拿这最后那页“白领的收听习惯”来说,经过所说的原则改良后,还是一样“多字”,不醒目。个人觉得仍然是演讲稿式的PPT。
2010年10月24日 12:21 | # | 引用
Serena 说:
敷衍 说:
PPT那个 排列序号更喜欢左右顺序排列 而不是上下排序 左右更适合阅读习惯
——这点我也同意。阅读时发现1后面跟的是4,不太符合先左右后上下的第一阅读习惯。
2010年11月 5日 17:27 | # | 引用
朱尔赫斯 说:
看这里:“DIY艺术照”型简历有杀伤力!http://blog.sina.com.cn/s/blog_59fa76660100mnmv.html
靠,竟然还有脸说“部分内容引自”你!我愤怒了!
2010年11月 6日 14:10 | # | 引用
mushshen 说:
http://v.youku.com/v_show/id_XMjIyMzUxODk2.html
之前在TED上看到的演讲,跟您说的这个是一个意思。
可以不限制在简历上,很多数据资料经过提炼都可以变得更有价值
2010年12月30日 14:10 | # | 引用
jehovah0121 说:
您这个博客系统是自己做的么?
2012年1月20日 09:53 | # | 引用
蓝轩 说:
很到位,特别适合刚毕业的大学生,以及对自己简历从不上心的人。分享了。
2012年4月19日 16:42 | # | 引用
bqdx 说:
有这功夫先学学TeX不好吗。。
2012年4月21日 11:48 | # | 引用
emonn 说:
“秋叶”的链接怎么跳到娱乐城了?
2019年1月 3日 09:25 | # | 引用