GUIDE深度 · Deep dive
小图标怎么设计才清楚?
16px 下细节全丢:用 1–2 个字母/简单几何形,四周留 10–15% 空白,深浅背景都要能看清。别把整张 logo 缩进去,也别用细线。
原则
一个视觉重点。
留白防裁切。
高对比,别依赖细线。
检查
16px 预览还认得吗?
深色标签栏能看清吗?
常见问题
能用透明背景吗?
可以,但深色模式可能看不见;加底色更稳。
需要圆角吗?
浏览器/系统会自己裁切,留白比圆角重要。
16px 下细节全丢:用 1–2 个字母/简单几何形,四周留 10–15% 空白,深浅背景都要能看清。别把整张 logo 缩进去,也别用细线。
一个视觉重点。
留白防裁切。
高对比,别依赖细线。
16px 预览还认得吗?
深色标签栏能看清吗?
可以,但深色模式可能看不见;加底色更稳。
浏览器/系统会自己裁切,留白比圆角重要。