文档版面设计

文档版面设计#

设计原则 (CRAP)#

Contrast#

  1. 增加对比度，可以让页面更有吸引力，同时也能增加页面的可读性；

  2. 大小、前后、粗细等都可以形成对比；

Repetition#

  1. 重复可以形成一致性；

  2. 字体、色彩、线条等都可以是重复的元素；

Alignment#

  1. 对齐可以形成秩序和美感；

  2. 左对齐、右对齐、两端对齐、或居中对齐等，坚持一种对齐方式；

Proximity#

  1. 相似或有关系的内容考得更近一些；

  2. 大脑天然会认为靠的近的事物是有关系的

配色#

使用 Adobe Color 色轮

字体#

  1. Startr Typography

Layout#

  1. GOV UK Layout

  2. GOV UK Page Layout

  3. Digital Scottland Layout

Design System#

  1. IBM Carbon Design System