4 个基本的设计原则
徐小东
2023-01-03
{出处1 《写给大家看的设计书》 — Robin Williams}
亲密性（Proximity）
相近的元素以视觉单元的形式出现。
- 将相关的项组织在一起，移动这些项，使它们的物理位置相互靠近，这样一来，相关的项将被看作凝聚为一体的一个组，而不再是一堆彼此无关的片段。
- 亲密性还可以体现信息的重要性，将相关的且重要的信息组织在一起，使得用户在进来之后能够马上发现重要的信息在哪。
- 小技巧：微微眯起眼睛，统计你的眼睛停顿的次数来数一数页面上有多少个元素。如果页面上的项超过
3～5
个，就要看看哪些孤立的元素可以归在一组建立更近的亲密性，使之成为一个视觉单元。
对齐（Alignment）
每种要有视觉上的联系。
- 任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。对齐原则要求特别小心，再不能像从前那样，只要页面上刚好有空间就把元素随意“扔”到那里。
- 对齐的关键是找到那条显示或者隐式的对齐线。
- 对齐的一条原则是，能不用居中对齐就不用居中对齐，居中对齐会让整个设计显得很平淡和呆板。
- 对齐的关键在于找到一条对齐线，用它来对齐，在含有图片的文本中尤其如此，选择合理的对齐线会使得页面更加的美观。
- 小技巧：要特别注意元素放在哪里。应当总能在页面上找出与之对齐的元素，尽管这两个对象的物理位置可能相距很远。
重复（Repetition）
视觉元素要重复出现。
- “设计的某些方面需要在整个作品中重复”。重复元素可能是一种粗字体、一条粗线，某个项目符号、颜色、设计要素，某种格式、空间关系等。读者能看到的任何方面都可以作为重复元素。重复的目的就是统一，并增强视觉效果。
- 重复最大的好处是使各项看起来同属一组，虽然元素看起来都不完全相同。
对比（Contrast）
即要避免页面上的元素太过相似。
- Robin
对比原则指出：“如果两个项不完全相同，就应当使之不同，而且应当是截然不同。”
- 对比对于信息的组织也非常的重要，通过对比可以让人可以更好地理解信息，用了对比，不仅页面更吸引人，文档的目的和组织也会更一目了然。
- 小技巧：可以通过字体选择、线宽、颜色、形状、大小、空间等等来增加对比。增加对比很容易，途径有很多，这可能是增加视觉效果最有意思也最让人满意的方法了。重要的是：对比一定要强烈。
