1. 对比(Contrast)
核心:差异突出关键元素。
应用:颜色/大小/形状对比。
作用:引导视线、强调重点、避免单调。
2. 对齐(Alignment)
核心:元素有序关联。
应用:文字对齐/网格布局/边缘对齐。
作用:提升整体性、减少混乱。
3. 重复(Repetition)
核心:重复元素强化统一。
应用:品牌标志/按钮样式统一。
作用:增强识别、建立节奏感。
4. 亲密性(Proximity)
核心:相关靠近,无关分开。
应用:标题与段落间距/按钮集中。
作用:明确层级、降低理解成本。
5. 平衡(Balance)
核心:对称或动态平衡。
类型:对称(稳重)/不对称(灵活)。
作用:稳定感或动感,避免失衡。
6. 留白(White Space)
核心:空白即呼吸空间。
应用:边距/行间距/图标周围。
作用:提升可读性、突出内容。
7. 层次(Hierarchy)
核心:区分信息优先级。
方式:字号/颜色/位置。
作用:引导浏览、快速传递信息。
8. 统一与多样(Unity & Variety)
核心:统一中求变化。
应用:主色+点缀色/规则布局+多样图形。
作用:协调整体、增加趣味。
9. 功能优先(Function Over Form)
核心:实用性为核心。
应用:易用交互/人体工学设计。
作用:提升体验、避免华而不实。
10. 简约性(Simplicity)
核心:少即是多。
应用:扁平化/极简主义/去装饰。
作用:减少认知负担、提升效率。