在John Mcwade《超越平凡的版（bǎn）式设计（jì）》这（zhè）本书里，作者说好设计要满（mǎn）足三个条件（jiàn）：美观、简（jiǎn）洁、清晰。美观主要指（zhǐ）图像部分（fèn），简洁主要指（zhǐ）文字部分，清晰则是指统一（yī）安（ān）排图像和文字的排版部分（fèn），如何（hé）高效（xiào）地组织信息、传达信息，这就（jiù）是清晰的目的（de），也是我们（men）今天要讲的（de）设（shè）计的四（sì）个（gè）原则的主要内容：

1、对（duì）比：如果两个项不完全相同，就应（yīng）当使（shǐ）之不同，而（ér）且应当是截然不同。2、重（chóng）复（fù）：设计的（de）某（mǒu）些要素需要在（zài）整个作品中重复，使得作品保持（chí）风格的统一和（hé）呼（hū）应。3、对齐：任（rèn）何元素都不能（néng）在页面上随意安放。每一（yī）项应当与页面上的某（mǒu）个内容存在某种视觉联系（xì）。4、亲密（mì）：逻辑上（shàng）关联性越大的元素，视觉（jiào）上要放得（dé）越靠（kào）近。不相（xiàng）关的元素视觉上要有分隔感。

这四个设（shè）计原则（zé）要达（dá）到的效果有两个：增强视觉冲击（jī）力，吸（xī）引阅读（dú）；有助于组织信（xìn）息（xī），帮助（zhù）理解（jiě）。

对比：如果两个（gè）项不完全（quán）相同，就（jiù）应（yīng）当使（shǐ）之不（bú）同，而且应当（dāng）是截然（rán）不（bú）同（tóng）。要实现（xiàn）有效（xiào）的对比，对比就必须强（qiáng）烈（liè），千万不能畏（wèi）畏（wèi）缩（suō）缩。否则如（rú）果两个元素之间存在不同（tóng），但又不是完全（quán）不同，这（zhè）个时候很可能（néng）就变成了既非协调，也非对比，而是冲突。你可以使用的对比包（bāo）括字体、颜色、线条、间隔（gé）（字间距行间距等）、材质（zhì）、图（tú）形等等。

重复：重复（fù）可以看作是一致性，某些元素的重复，使得我们明白（bái）这是（shì）属于同（tóng）一个设计（jì）。避免太（tài）多的重复一个元素，重复太多会令人讨厌（yàn）。

对齐：每一项（xiàng）应（yīng）当与页面上的某个内容（róng）存在某种（zhǒng）视觉联系。你不能让一个元素看起来只（zhī）是“悬挂”在那里。首先，任（rèn）何（hé）页面都（dōu）有一个外部框线，那（nà）就是对齐的基线。其次，两端对齐（qí）和居中比较保守乏味，可以试试其（qí）他对齐方（fāng）式，但是尽量不要在一个页面里混合（hé）使用多种对齐方式。对齐是可（kě）以打（dǎ）破（pò）的，但必须是在对齐很明（míng）显的基础上（shàng），才可（kě）以偶尔（ěr）打破对齐（qí）规则（意思就是：在对齐（qí）基线的基（jī）础上，内部（bù）元（yuán）素的（de）对齐（qí）关系才可以（yǐ）灵活（huó）调整）。

亲密：人眼总是（shì）会（huì）不自觉的将（jiāng）位置（zhì）相（xiàng）关的（de）一组内容（róng）看（kàn）作一个整体，也（yě）就是一个视觉（jiào）元素（sù），而设计中正是要顺应（yīng）人的这种习惯，将相关内容的（de）位置放在一起（qǐ），让（ràng）其组（zǔ）成视觉元素。避（bì）免内容随便的（de）散（sàn）乱在（zài）页面上，出现太（tài）多的（de）孤立元（yuán）素。设计（jì）页面时（shí），不妨（fáng）根据信息层次先划分出（chū）2-7个区块（kuài），不同区块要有明确的间（jiān）隔（gé）和对比（bǐ）。