图标、图片、圆角与阴影

先理解这个概念

图标需要共享笔画、尺寸与视觉重量；图片要支持内容、保留恰当裁切并有替代文本。圆角表达形态一致性，阴影表达浮起或叠层，不能成为每个区域都要添加的装饰。品牌个性可通过有限的形式变化表达。

图标负责识别和操作提示，图片负责内容或情绪，圆角与阴影负责形状语言和层次。它们不是同一种装饰。图标含义含糊时，统一线宽也不能让用户猜对；图片缺少信息价值时，再精美也会占用注意力。应先确认它解决什么问题，再统一风格。

记住这三个原则

1. 01

   一套界面优先使用风格一致的图标系统。

2. 02

   不明确的图标加文字，纯装饰图标不重复播报。

3. 03

   约定容器与控件的圆角角色，阴影只用于需要的层级。

实际设计时，分三步做

1. STEP 01

   为每张图和每个图标写一句用途，区分内容图、功能图与纯装饰。无法说明用途的元素先尝试删除。

2. STEP 02

   同类图标统一尺寸、视觉重量和轮廓习惯，陌生动作加文字；按钮点击范围独立于图标图形大小。

3. STEP 03

   为图片明确比例、裁切、缺失状态和替代文字策略；将圆角与阴影数量收敛为少数有含义的层级。

一个容易理解的例子

减少没有信息价值的视觉变化。

适用边界与取舍

一致不等于所有图形几何尺寸完全相同。细长图标和实心图标的视觉重量不同，需要在共同网格里做光学校正。