写给大家看的设计书

提高视觉敏锐度：收集各类案例

设计的四大基本原则

四大基本原则：亲密性、对比、重复、对齐

1. 💌亲密性原则：将相关的项组织在一起（聚集为一体的一个组，成为一个视觉单元），移动这些项，使他们的物理位置相互靠近（意味着存在关联）
   1. 若信息项/组彼此无关联，就不应存在很近的亲密性
   2. 布局时应明确元素及其所属元素是否关联，留意无关元素
   3. 元素存在关联/联系，视觉上就应当有关联，而孤立的元素则不应该存在关联。所以需要有意识的这样做，投入更大的力度
   4. 有时需要做修改，才能将类似项归为一组并建立亲密性，如调整文本/突破的大小/粗细/位置
   5. 做到应该强调什么，以及如何组织相关信息，确保读者获取到正确信息
   6. 预留更多的空间，留下适当的空白，有助于区分非关联项的信息
   7. 避免页面上有太多的孤立元素
2. 💌对齐性原则：任何元素都不能随意安放，每一项都应当与页面上的某个内容存在某种视觉联系
   1. 对齐的根本目的是使页面统一而有条理
   2. 对齐的项，是一个更内聚的单元，有一条看不见的线连在一起
   3. 左对齐/右对齐会让文本联系在一起的边界更明确
   4. 在基础尚浅之前，确保相关联的组之间只使用一种对齐方式
   5. 居中对齐会创建更正式稳重的外观，但也显得乏味
   6. 避免使用两端对齐，避免出现难看的空隙
   7. 若居中对齐的效果是想要表达的效果，则可以有意这样做，但可以试试和其他对齐结合起来。比如文本居中，但包含文本的块却不是居中的
   8. 调整时，可画上对应的对齐线进行调整
3. 💌重复性原则：设计的某些方面需要在整个作品中重复（一致性），比如字体、线条、符号、颜色、设计要素、格式、空间关系
   1. 粗体重复，常用来控制读者的一种视觉技巧，有助于统一整个设计，将设计块的各个部分连接在一起
   2. 重复并不表示必须重复完全相同的东西
   3. 避免太多地重复一个元素，重复太多会让人讨厌，要注意对比的价值
4. 💌对比性原则：页面上的不同元素之间要有对比效果，达到吸引读者的对比效果（可结合多种对比）。
   1. 对比可以用来组织信息、清晰层级、在页面上指引读者，制造焦点。比如字体/图片的大小/样式/粗细对比，冷暖色对比，水平/垂直元素对比
   2. 对比不能畏首畏尾的，否则就变成了冲突，比如拿12磅的字体与14磅的字体进行对比
   3. 对比需要大胆、突出、强烈、加大力度，否则就变成了冲突
   4. 增加有意思的对比，最容易的就是实现字体的对比，也可利用线条、颜色、元素间隔、材质进行对比

颜色运用

1. 三原色（红，黄，蓝），互相混合得到三间色
2. 互补色：色轮上相对立的颜色，主色和辅色
3. 三色组：色轮彼此等距的颜色，让人舒服愉悦
4. 分裂互补三色组（与色轮对立颜色相邻的颜色）
5. 类似色：彼此相邻的颜色，都有相同的基础色，形成一个协调的组合
6. 亮色、暗色
7. 单色组合：由一种色调及其对应的多种暗色、亮色组成
8. 色质：指某颜色的特定明暗度、深浅度、色调。若色质很接近，看上去就会模糊不清，对比太过微弱
9. 冷色、暖色：搭配使用时，使用更多的冷色才能产生效果或形成有效的对比。冷色趋于做背景色。
10. 颜色选择可从公司的一些官方颜色进行入手，再结合一些亮色和暗色
11. CMYK(印刷色)、RGB(屏幕色)

字体

1. 字距调整可以创造出字间空格视觉上的连贯性
2. 寡妇/孤儿：文字的最后一行字符数小于7个
3. 只使用一个字体系列，而样式、大小、粗细无明显变化，就会产生协调关系，正式且乏味
4. 若结合多种字体，而样式、大小、粗细无明显变化，就会产生冲突关系，造成一定困扰，一定要避免冲突
5. 若结合多种字体，元素间彼此不同，就会出现对比关系
6. 💌字体分类：
   1. 衬线字体：有一个角度，由粗到细过渡
   2. 无衬线字体：
7. 💌字体对比：
   1. 大小：对比明显，应加大力度
   2. 粗细：对比明显，应加大力度
   3. 结构：字体分类，不要使用同种结构的不同字体进行对比
   4. 形状：
   5. 方向：水平/垂直，瘦高文字与扁平文字
   6. 颜色：冷暖色

文件历史