本文梳理了视觉设计上的四大基本原则（对比、重复、对齐、亲密性），以及颜色的一些基本知识。
（文中图片来自站酷）

对比

不要让页面上的元素太过相似，如果两个元素不同，那就让它们看起来差异更大些。

• 要么一样，要么不同。相似而不同的元素会制造冲突。
• 制造对比可以创造出精美的设计，营造强烈的视觉冲击感。
• 颜色、字体、线宽、形状、空间都可以用来形成对比。

重复

颜色、形状、材质、空间关系、字体等，尽量重复使用，可以增加设计的条理性和统一性。

• 通过重复使用元素，增强页面的趣味性和条理性。
• 重复元素不一定完全相同，只是存在明确的关联。
• 避免过多重复。

对齐

任何元素的位置都不应该是随意的，应该与另一个元素存在视觉联系，便于建立清爽和精巧的外观。

• 不管是左对齐、居中还是右对齐，元素之间通过不可见的基线对齐，可以增加条理感。
• 只使用一种对齐方式，一个页面上不要既存在左对齐又存在居中对齐或者右对齐。
• 对齐规则可以被打破，但是需要是深思熟虑的设计。

亲密性

对应于格式塔原理中的接近性原理，应该让相关的元素拥有更近的距离，能让元素被识别为一组，可以建立页面的清晰结构。

• 将页面中的元素尽量成组排布，组块明确的话也让用户更容易在页面上看到重点。
• 相联系的要素用位置关系明确地标示出来。
• 避免一个页面上有太多的孤立元素，会让页面显得杂乱。

色彩

色轮的基础是红、黄、蓝三原色。将三原色两两等量混合，就可以得到三间色。再对相邻色彩混合就可以得到第三色。于是形成一个有12种颜色的色轮。

• 以上色轮的颜色是“色调”，也就是纯色。在色调上增加黑色可以形成一个暗色，增加白色可以形成一个亮色。
• 颜色还可以分冷暖，包含红色或者黄色的为暖色，包含蓝色的为冷色。
• RGB以红绿蓝为三原色，与自然光线的三原色不同的是，RGB用于描述显示器上的颜色，这些颜色显示器直接发光而不是由物体反射得来的。而印刷品一般使用CMYK颜色模型。

下面是一些常用的配色方案：

• 色轮中相对立的颜色是互补色，可以分别作为主色与强调色，是较有活力的配色。
• 三色组是色轮中彼此等距的三种颜色，一般会让人感到愉悦和协调。
• 色轮上彼此相邻的颜色成为类似色，可以是两种或者三种，产生沉稳感。
• 用一种色调及其相应的多种亮色和暗色，可以组成单色。
• 冷色适合做背景色，暖色更有冲击力。如果搭配使用，暖色不宜用太多。
• 可以以季节、官方主题色等为基准选择与之搭配的颜色。