主题定制2026-06-286 分钟褚图标

导航图标体系:图标的选用规范与最佳实践

合适的图标能让导航栏更加直观易用。本文分享蓝色小导航的图标选用规范和最佳实践。

导航图标体系:图标的选用规范与最佳实践

图标是导航栏中不可或缺的视觉元素。蓝色小导航内置了一套精心挑选的图标集,覆盖了常见的导航场景。

图标风格

蓝色小导航采用线性图标风格,线条粗细统一为 1.5px,尺寸为 20x20px。这种风格的图标简洁清晰,与导航栏的整体设计语言保持一致。

图标与文字

图标应作为文字的辅助,而不是替代。蓝色小导航建议图标与文字组合使用——在桌面端同时显示图标和文字,在紧凑布局中可以考虑仅显示图标。

自定义图标

用户可以将自己的 SVG 图标替换默认图标。蓝色小导航支持内联 SVG 和图标字体两种方式,推荐使用内联 SVG 以获得更好的渲染效果。

图标设计视觉规范SVG