写给大家看的设计书

写给大家看的设计书

设计的原则

亲密性：不超过3-5个视觉单元，否则把相关的元素归纳到一组。

对齐：使得所有元素不是随意安放，而是由视觉联系,使页面统一而有条理。居中没有左/右对齐有力度。如果你要居中，把文字放到背景色不同的页面的右部分，再把文字居中才生动。如果页面有个大图片，文字可以沿着图片的直边来对齐。如果标题是左对齐，下面文本时右对齐的，那么左对齐的右边界和右对齐的右边界一致。如果页面上导航的标题很多，可以垂直放在左边，所以右边的正文的文字长度就比较短。

重复：重复元素有字体，缩进，间隔，对齐等，如名片设计第一行和最后一行如果用同一格式（如粗体），标题和子标题用同一格式（如粗体），公司所有的印刷品用同一个图片。

对比：对比不要畏畏缩缩，要截然不同。比如标题字体不同而且大号粗体。如果正文使用了又高又窄的列，那么标题就应该水平方向要非常突出，对比有（大小，颜色鲜明，粗细体，大号，结构，形状，方向），最好结合使用效果更好。不要害怕有些项很小，可以形成对比和留白，读者如果有兴趣自然会读。

综合：不要平淡无奇的叙述。在排版上多样化，如用多列，重要词语突出，中间小标题突出，或者非常重要文本黑色背景白色字体突出。突出的方式就是对比的方法。

颜色的搭配：

互补的颜色（用于强调）：

蓝色-Blue	橙色-orange
红色-Red	绿色-green
黄色-Yellow	紫色-purple
黄绿色-Lime green	紫罗兰色-violet
蓝紫色-Bluish purple	橙黄色-Yellow orange
水绿色-Aqua	橙红色-red orange

三色组的颜色（组合很协调）：

红色-Red	黄色-Yellow	蓝色-Blue
橙红色-red orange	黄绿色-Lime green	蓝紫色-Bluish purple
橙色-orange	绿色-green	紫色-purple
橙黄色-Yellow orange	水绿色-Aqua	紫罗兰色-violet

分裂互补三色组（背景色和字体用于突出）：

基本色	对比色1	对比色2
黄色-Yellow	紫罗兰色-violet	蓝紫色-Bluish purple
绿色-green	橙红色-red orange	紫罗兰色-violet
注释：对比色1和对比色2是类似色，都与基本色对比。还有更多组合，参看色轮。

类似色（色轮上相邻的颜色：背景色和字体用于突出）：

橙黄色-Yellow orange	橙色-orange	橙红色-red orange
绿色-green	水绿色-Aqua	黄绿色-Lime green

暗色和亮色（在颜色中加黑色/白色）：同一个原色中加黑色是暗色，加白色就是亮色。在设计中，亮色作为主色覆盖一部分页面，上面的文字往往用反色显示。

注释：暖色（红色，黄色）使人注意，冷色（蓝色）使人忽视，在原色基础上加暖色/冷色加减。

字体的选择：

多种字体，如果在样式，大小，字体粗细类似，就出现冲突的关系；如果截然不同，就会出现对比关系。相似性才导致了问题。同一页面，不要用同一类的字体。

六类字体：

Oldstyle	手写体，笔画从粗到细，适合大量文本	Goudy, Palatino, Times, Baskerville
Modern	字截线水平，线条垂直，结构严格。醒目，不适合大量文本	Bodoni, Times bold, Onyx
Slab serif	粗细一致,可读性好，儿童书常用。	Clarendon, Memphis, New Century Schoolbook
Sans serif	笔画末端没有截线字体，粗细一致	Helvetica, Avant Garde, Proxima Nova, Formata, Folio, Optima, Tabitha, Syntax
Script	钢笔，专业笔，书法笔写的。少用。不能全大写	LineScript，Arid, Ministry script, Cocktail Shakes
Decorative	突发异想,有时候在花店介绍上用用。少用。	Junipen, the wall, Tabitha, Pious Henry, Fly Swim, Blue island, fajita, scarlett

附录：字体的搭配：不要用TimesRoman, Arial, Helvetica, Sand。

标题	正文	小字
Clarendon bold	Roman	Roman Light
Spring Regular	Formata Light
Formata bold	Warnock Pro Light Warnock Pro Caption Warnock Pro Regular
Formata Regular	Light condensed
Times New Roman bold	Times New Roman regular
Clarendon bold	Roman	Trebuchet
ITC American Typewriter bold	ITC American Typewriter Medium
Minister Bold	Minister Light
Aachen Bold	Tekton Regular
Ronnia Bold	Warnock Pro Regular
Antique Olive Nord	Garamond Premier Pro
Coquette bold	Brioso Pro Regular
Silica bold	Delta Jaeger
Antique Olive Black	Lithos extra Light