ICON FOREST
四
图标森林
森林里的一草一木都成体系：树有树的高度，叶有叶的形状。图标也一样——成套，才成森林。
Map
本站导览图
虚线是游览路线，圆牌皆可点击——景点直达各处样例。
游览路线可点击景点景点顺序即推荐游览顺序
No.01
形状自带情绪
人有把形状读成性格的本能。圆角不是装饰细节，而是产品语气的一部分——但无论选哪种，一套产品里要始终如一。
方 · 稳
锐角传达精确、专业、有距离感。金融、工程、硬核工具偏爱方正。
圆 · 亲
圆角与圆形亲和、安全、轻松。社交、消费产品多用；圆角半径越大越「玩具感」。
角 · 动
三角形有方向与速度感，常用于播放、指引、警示；也自带不安定，慎作容器。
试一试
圆角语气调节台
0 → 24px森林居民证
啄木鸟先生
森林地图测绘员
通行口令……
登记入林
4px
注意：同一界面里所有圆角共享一个半径（或其倍数）。卡片 12px、按钮 6px、徽章 3px 是和谐的；12px、20px、2px 混用就是噪音。
No.02
图标三统一
一套图标站在一起，观感统一靠三件事：线宽统一（通常画在 24×24 网格上，线宽 1.5–2）、端点与拐角统一（圆帽圆角或平帽直角，不混用）、视觉重量统一（实心与线框不混排，密度相近）。
试一试
线宽统一实验
one stroke to rule them all1.8
No.03
灌木丛与森林
同样是五个图标，站成两排：
✗灌木丛
线框与实心混排、线宽从 1.2 到 3、尺寸五 descender 不齐、圆角各异、五颜六色——每一棵树都想当主角。
✓森林
同网格、同线宽、同端点、同颜色、同尺寸——统一之后，单个图标的细节才被看见。
No.04
样例小径
No.05
本站行囊
- 方的稳、圆的亲、三角带方向——圆角是产品语气
- 一套圆角共用一个半径（或其倍数）
- 图标三统一：线宽、端点拐角、视觉重量
- 图标画在 24px 网格上，线宽 1.5–2 起步