【排版六原则】

上个月,我贴了《图形化简历》。几天后,就收到了秋叶老师的来信,希望…

大家好,又见面了,我是全栈君。

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


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

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

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

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

【排版六原则】

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

【排版六原则】

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

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

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

一、对齐原则

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

二、聚拢原则

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

三、留白原则

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

四、降噪原则

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

五、重复原则

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

六、对比原则

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

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

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

【排版六原则】

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

【排版六原则】

现在进行修改。

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

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

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

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

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

【排版六原则】

页面的可读性大大增加。

(完)

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/120838.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 三种数据库sql分页查询

    三种数据库sql分页查询关于sql分页今天用到分页了顺便就总结了一下mysql数据库:mysql中有分页的关键字limit,它可以实现分页很简单;SELECT*FROMsys_userORDERBYuseridLIMITstartNo,total;startNo是查询开始的行数,total是要查询出多少条;sqlserver2005数据库:sqlser

    2022年6月26日
    34
  • 推断js中的类型:typeof / instanceof / constructor / prototype

    推断js中的类型:typeof / instanceof / constructor / prototype

    2021年12月6日
    42
  • python文本框事件_文本框事件

    python文本框事件_文本框事件1、文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后,产生该文件Onchange:当文字值改变时,产生该事件OnseleCT:当文字加亮后,产生该文件onkeyup:每改变,就产生该文件onfocus=”if(value==’文本框里的字’){value=”}”onblur=”if(value==”){value=’文本框里的字’}”>点击时文字…

    2025年8月20日
    4
  • 大数据可视化方法有哪些「建议收藏」

    大数据可视化方法有哪些「建议收藏」  随着计算机技术、物联网技术和现代智能终端技术的发展,大数据时代已经到来。大到企业、政府、媒体部门,小到个人,每天都在进行”读读”。各种各样的复杂数据和信息充斥着人们的眼球。这就需要一种有效的方法从海量信息中提取有用的信息,并能立即产生一定的相关结果,供决策者做出正确的决策。  数据可视化技术是指可视化技术在大数据方面的应用,将数据信息转化为视觉形式的过程,以此增强数据呈现的效果。用户…

    2022年6月3日
    38
  • 机器学习-数据归一化方法(Normalization Method)「建议收藏」

    机器学习-数据归一化方法(Normalization Method)「建议收藏」我的个人微信公众号:Microstrong微信公众号ID:MicrostrongAI公众号介绍:Microstrong(小强)同学主要研究机器学习、深度学习、计算机视觉、智能对话系统相关内容,分享在学习过程中的读书笔记!期待您的关注,欢迎一起学习交流进步!知乎专栏:https://zhuanlan.zhihu.com/Microstrong个人博客:https://blog.csd…

    2022年6月23日
    26
  • 找到一篇关于2.4/5G信道的新介绍

    找到一篇关于2.4/5G信道的新介绍 关于部分手机无法搜索到5Gwifi信号的解决方法第一次在论坛发基础理论贴,希望能普及关于5G wifi的基础知识。         发此贴的原因是基于本人突然发现:MX3刷了3.4.1系统后,搜索不到5G的wifi信号了(本人的路由器 dir 808L),如所谓的魅黑一般(本人算是半个魅族的fans,从E3 M6SL M9 MX MX2TD MX3TD一直用着魅族的产品,M6SL从2007年买…

    2022年6月7日
    33

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号