【排版六原则】

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

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

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


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

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

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

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

【排版六原则】

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

【排版六原则】

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

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

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

一、对齐原则

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

二、聚拢原则

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

三、留白原则

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

四、降噪原则

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

五、重复原则

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

六、对比原则

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

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

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

【排版六原则】

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

【排版六原则】

现在进行修改。

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

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

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

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

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

【排版六原则】

页面的可读性大大增加。

(完)

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

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

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


相关推荐

  • 流氓软件原理及防范

    流氓软件原理及防范本人不擅长表述,本章以问答形式进行1.我该怎么去寻找需要的软件?百度,Google,官网,以及一些熟知的网站,例如:脚本之家,吾爱激活成功教程,csdn,游侠,东坡下载等等,虽然有些网站一股浓浓的山寨感,但是却包含了大量的资源,比起不知名的网站,已经属于比较好的,并且部分网站社区的风格是由于建站时间较长,以前遗留的产物2.我需要注意什么?百度前两条很有可能是广告,并且由于百度竞价的存在,排在前面的不一定是想要的或最好的,没事多看几页注意文件大小,这里大小是真实下载时浏览器反馈的文件大小,是否符合常理

    2025年12月10日
    5
  • emWin 介绍_emwin教程

    emWin 介绍_emwin教程一、emWin介绍emWin是Segger公司针对嵌入式平台开发的稳定、高效的图形软件库,适合用于任何图形LCD的操作应用,并可输出高质量的无锯齿的文字和图形,通过调用emWin提供的函数接口,开发嵌入式图形界面应用变得简单而快捷。二、emwWn、ucGUI、STemWin三者之间的关系1.三者都是Segger公司的产品。2.emwWn是Segger公司图形系统的正式统称。3.uc…

    2022年10月14日
    4
  • webpack开发环境和生产环境_第二环境问题可以分为

    webpack开发环境和生产环境_第二环境问题可以分为前言如果我们需要使用webpack,就需要依赖node环境nvmnodenpmwebpack@cliwebpacknvm安装nvm是一个用来管理node版本的工具。我们之所以需要使用n

    2022年7月31日
    7
  • 防盗链原理

    防盗链原理引子:明明引用了一个正确的图片地址,但显示出来的却是一个红叉或写有“此图片仅限于***网站用户交流沟通使用”之类的“假图片”(下图便是网易博客的防盗链效果)。用嗅探软件找到了多媒体资源的真实地址用下载软件仍然不能下载。下载一些资源时总是出错,如果确认地址没错的话,大多数情况都是遇上防盗链系统了。常见的防盗链系统,一般使用在图片、音视频、软件等相关的资源上。        一、什么是

    2022年7月23日
    19
  • 数据库里的bit类型

    数据库里的bit类型Bit 称为位数据类型 其数据有两种取值 0 和 1 长度为 1 位 在输入 0 以外的其他值时 系统均把它们当 1 看待 这种数据类型常作为逻辑变量使用 用来表示真 假或是 否等二值选择 SQLServer 中保存数据的一种类型 只能存储 true false 程序读取数据库出来之后的表现形式是 true 或者 false 但是保存在数据库中的结构类型是 0 或者 1 1 表示 true 0 表示 false SQLSer

    2025年6月10日
    4
  • web大文件上传解决方案_java上传文件到服务器

    web大文件上传解决方案_java上传文件到服务器在application.properties加入以下配置即可##视频上传大小spring.http.multipart.maxFileSize=50Mbspring.http.multipart.maxRequestSize=50Mb#end

    2022年10月10日
    2

发表回复

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

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