四大基本排版原则:亲密性,对齐,对比,重复
亲密性
- 存在关联的事物在空间上应该靠近一些
- 可以适当减少分割线的使用,留白空行也是不错的选择
- 设计之前应该对信息分组,然后再考虑把信息放在哪里。事实上我们会无意识的这样做,因为这复合人的认知。我们应该有意思并且强调这样做,这样在表达信息的时候才会传递的准确。
- 常见物品的陌生化到再设计。带着基本原则重新审视身边的设计,说出那些不符合原则的地方。
- 亲密性的根本目的是实现组织性
- 应该要避免一个页面上有太多的孤立元素,如果超过3-5个,应该考虑将关联性较强的元素分组,使之成为一个视觉单元
对齐
- 左对齐或者右对齐,会让对齐的效果看起来更明确
- 居中对齐的边界是不明显的
- 如果真的要居中,应该让居中的效果明显突出。
- 居中时不要用很正式的字体
- 避免使用个两端对齐,两端对齐适合于纯英文或者中文的情况。不是适合混在一起的场景
我们的眼睛喜欢看到有序的事物,这回给人一种平静、安全的感觉。此外也有助于表达信息。
- 构图中应该有一条明确的对齐线,并用它来对齐
规则都是用来打破的,但是必须记住,关于打破规则本身也有一条Robin规则:在打破规则前必须清楚规则是什么。
- 应该避免在一个页面上混合使用多种对齐方式
对比
- 页面上不同元素之间应该有对比效果,达到吸引读者的对比效果。
- 对比是的事物要是强烈反差的,棕色和黑色没有对比,白色和黑色才有对比。
- 大胆用色
- 吸引眼球
- 通过字体,字重,颜色,形状,大小,空间等来增加对比
- 避免过于相似的字体,如果要对比,就让它们截然不同
常见对比方式
- font size大字体和小字体
- font weight
- 冷暖色对比
- 平滑 粗糙
- 水平 垂直
- 大图 小图
重复
- 重复增强了一致性,统一性。
- 让一致的元素更加突出