设计

写给大家看的设计书

作者 Robin Williams 美

此书分为两本，第一本为概念讲解，第二本为实例与创意。这里记录读书笔记。

一、四大基本原则：

• 对比
• 重复
• 对齐
• 亲密性

在设计中，你的设计如果元素分散无规则，则会导致观看者无从着眼，无法捕捉重点，所以设计一方面是美观，另一方面是潜移默化的引导读者按部就班的读你想让他看的东西。

对比：对比中字体、颜色，大小，线条粗细等，如果要对比就大胆的对比，不要差别很小，会让人误解为笔误。

二、颜色运用

• CMYK: Cyan（一种蓝色）+Magenta（一种红/粉红色）+Yellow（黄色）+Key（通常是黑色）组成，打印色，类似于在调色板上调颜色，反射光。
• RGB: Red（红色）+Green（绿色）+Blue（蓝色）。显示屏的显示模式。直接发出的光。
• 一般情况下在ps中会用RGB做图，之后转为CMYK形式
• 三原色：黄、红、蓝
• 三间色：绿、紫、橙
  色轮上相对的颜色叫互补色：蓝橙，红绿，黄紫。
• 三色组：彼此等距的三个颜色，组合使用不错。红黄蓝就是流行的一种三色组，称为基色三色组，儿童产品经常使用。绿橙紫为间色三色组
• 互补分裂三色组：选取一种颜色，选择它的互补色旁边的两个颜色。
• 类似色：色轮上彼此相邻的颜色。
• 冷色适用于作为背景，暖色作为点缀。暖色不适合大面积使用。

三、字体

• 旧式体（oldstyle）：所有曲线都有粗细变化，笔画最细的部分连线会产生对角强调线，小写字母衬线有一个角度。
• 现代体（modern）：笔画有剧烈的粗细过度，强调线完全垂直，衬线是水平的。
• 粗衬线体（slab serif） ：笔画有平缓粗细过度，强调线完全垂直，衬线是水平的。
• 无衬线体（sans serif）：笔画粗细单一，平缓过度，没有衬线。
• 手写体（script）：看上去像利用书法笔或书法刷。
• 花体（decorative）：很多点缀。
  设计中一般选取一个衬线字体和一个无衬线字体，如果都是衬线或非衬线都会不和谐。

 1 PSD: Photoshop 的自身格式，能支持 Photoshop 的全部信息：α通道，专色通道，多图层，路径和剪贴路径，它还支持Photoshop 使用的任何颜色深度和图象模式。  PSD格式是采用RLE的无损压缩。在 Photoshop 中存储和打开此格式也是较快速的。2 TIFF:TIFF 支持位图、灰度模式、索引模式、RGB、CMYK、和Lab等图象模式。TIFF支持RLE。也支持LZW压缩模式。它是跨平台的图象格式，既可在Windows，又可在Macintosh中打开和存储。它被页面布局程序广泛地接受，常用于出版和印刷业中。3 EPS:  EPS是 Photoshop 用 PostScript 语言开发的一个图象格式，它既能包含栅格图，又能包含矢量图。它还支持剪贴路径，并在页面布局应用程序中，成为透明图象。它不支持α通道。   Photoshop 中保存的EPS文件，只包含栅格图。EPS 的编码：ASCII 在打印时不易出问题  二进位制 在打印时易发生错误   JPEG: 在矢量图应用程序中保存的EPS文件，在 Photoshop 中可以用“置入”命令置入。置入后，可调节他的大小而保持它的清晰度。4 PCX:它是最早得到广泛应用的文件格式。它支持位图、索引模式、灰度模式和真彩色的 RGB 模式，但不支持通道和 CMYK 模式。它也和 PSD 一样用 RLE压缩，但它的文件较 PSD 要大些。                5 PDF:它是 Adobe Acrobat 电子阅读器所使用的格式，可以在很多操作系统中阅读它的文件。                  6 GIF:它是目前最重要的图象格式之一，它之所以重要是因为它在 web 上的广泛应用。它是索引模式，最多也只有 256 种颜色，信息量小，在 web 上图象下载较快。它因信息量小而制作的动画，在 web 上受到极大的欢迎。它支持α通道，并以此可在 web 上形成透明图象。它支持隔行扫描，在 web 上观看时，图象会及时地显示较模糊图象，逐渐清晰。GIF89a 是89 年开发的图象格式。                 7 JPEG:  严格地来说，JPEG 不是一个图象格式，而是一种压缩计算技术。如 PICT 和 EPS 格式，就应用了该技术。JPEG 实际上应该是JFIF（JPEG File Interchange Format) 格式，简称为 JPEG。   此格式是有损压缩，可调节它的压缩量而改变文件的大小，因此，它与 GIF 格式一样，被 web 应用。JPEG不支持 α 通道，也不支持透明图象，但支持路径。  它支持 RGB 模式，也支持 CMYK 模式。它适用于色调连续或相片图象。JPEG保存图象时可选择压缩量，压缩量越小，图象质量越好。在保存该格式时还有选择：基线（标准） 生成的文件可被所有的浏览器接受。基线已优化 生成的文件较小，但有的程式不接受。连续文件较大，可选择扫描次数，载入时能分级逐渐显示。但不是所有的浏览器都支持。                8 PNG:   此模式结合了 JPEG 和 GIF 的优点，也是web上所接受的格式。  它支持索引模式，也支持 24 位的真彩色模式。它支持α通道定义的透明图象.它是无损压缩，文件较 GIF 和 JPEG 来得大些。 但目前有些浏览器不接受它，因此影响了它在web 上的使用。                9 PICT:PICT 是 Macintosh 系统中确省图象格式。它支持位图、灰度模式、索引模式和 RGB 真彩色。也支持α通道。                10 TGA:  TGA 是转化为视频的图象格式。也支持保存α通道形成的透明图象。    支持 web 的图象格式只有三种：  JPEG  GIF  PNG