矢量图标需求方临时改稿
客户在群里甩来一句「底部导航那三个图标换成更圆润的线性风格」。你在通勤路上,手机打开 App 搜「导航 线性」,先存三枚候选进收藏夹,到公司直接对着清单替换,来回沟通少一轮。
把图标库装进口袋。地铁上翻到一枚合适的线性图标,随手存进项目收藏夹,回到工位打开电脑就能接着用——不用再翻聊天记录找链接,也不用把下载好的 SVG 重新导一遍。
Scenes
讲功能之前先说场景。矢量图标这类东西,真正麻烦的从来不是「找不到」,而是「找的时候不在电脑前」。下面这三种情形,是我们在后台反馈里见得最多的。
客户在群里甩来一句「底部导航那三个图标换成更圆润的线性风格」。你在通勤路上,手机打开 App 搜「导航 线性」,先存三枚候选进收藏夹,到公司直接对着清单替换,来回沟通少一轮。
页面里混用了三套图标,描边粗细从 1.5 到 2.4 都有。用 App 的格式预览逐个放大比对,把不一致的挑出来统一替换,交付前这半小时往往能省掉甲方一轮返工。
带新人做界面,需要一个能当场演示「同一枚矢量图标放大十倍为什么不会糊」的例子。手机上直接调出 SVG 源码视图,缩放给学员看,比讲十遍原理都直观。
一枚矢量图标从被发现到真正落进项目,中间其实有四道坎:检索、判断、转换、归档。检索靠关键词和分类;判断要看描边、圆角、视觉重心是否和现有体系咬合;转换涉及 SVG、PNG、字体图标之间的取舍;归档则是把用过的图标整理成可复用的集合。App 端主要解决前两道和第四道——检索、判断、归档,转换则提供基础的格式预览与导出。如果你需要在电脑上做批量处理,回到桌面端会更顺手,这一点我们不打算在手机屏幕上硬凑。
顺带说一句我们的编辑态度:站内展示的图标数量、分类条目数会随收录进度变化,我们不会为了页面好看去写一个「十万枚精选」之类的整数。凡是页面上出现的数字,要么来自当前版本可查的统计,要么标注为示例。你如果发现某处说法和实际对不上,欢迎直接告诉我们。
Features
六件事,每一件都对应一个具体的麻烦。功能列表本身没什么好炫的,关键看它在什么情况下能替你省下时间。
输入「购物车 空心」「播放 圆角」这类自然描述,而不是死记英文标签。搜不到时会给相近词建议,避免反复换词试运气。
一枚图标同时按 16、24、48、96 像素渲染,一眼看出小尺寸下哪根线条糊成一团。选图标最容易踩的坑就在这里。
直接看路径、填充、描边属性,判断这枚图标是纯 path 还是带了内联样式,能不能直接塞进项目里改色。
按项目建夹子,一个「电商改版」一个「后台系统」,图标不串味。支持备注,写清这枚图标当初为什么选它。
SVG 原样导出,PNG 可选 1x/2x/3x。需要做位图占位图时不用再开电脑转一遍,手机上就能拿到。
已缓存的收藏图标断网也能看。出差路上临时要给同事确认风格,飞机上也能打开,不至于干等落地。
同时推进三四个小项目,图标风格必须各管各的。按项目分夹收藏,交付时导出清单,通常能把找图标的时间从半天压到一小时上下。
没人帮忙切图,UI 全靠自己。用 App 先定风格基调,再回桌面端批量导出,界面视觉一致性往往能明显提升,返工次数下降。
做活动海报、公众号头图,需要几个不撞脸的装饰符号。搜「箭头 手绘」「星形 描边」,十分钟能凑齐一套,不必到处扒素材。
Walkthrough
与其罗列功能,不如看一段对话。下面是我们在用户回访里整理出的典型片段,做了脱敏,数字为示例区间。
示例对话 · 界面改版前的图标选型
Screens
四张核心界面。截图取自当前版本,后续小版本迭代可能微调间距与配色,功能位置基本稳定。
Channels
内容按主线分,每条主线下面的条目数会随收录进度变化,这里标注的是当前版本的规模,不是承诺值。
按风格与用途分类的图标主体区,线性、填充、双色三类分开陈列,每枚都带多尺寸预览与源码。
讲 SVG、PNG、字体图标之间的取舍,什么场景该用哪个,转格式时哪些细节容易丢。
从真实改版项目里拆出来的选型记录,包括描边统一、视觉重量对齐这类具体操作。
常用的图标整理与批处理思路,以及如何在设计工具里建立可复用的图标组件。
| 标题 | 所属主线 | 日期 |
|---|---|---|
| 描边 1.5 与 2.0 到底怎么选:一份对比记录 | 实战笔记 | 2026-10-12 |
| SVG 转字体图标的三个常见坑 | 格式手册 | 2026-09-28 |
| 把收藏夹整理成交付清单的两种做法 | 工具与资源 | 2026-09-15 |
| 后台系统图标体系搭建的取舍清单 | 实战笔记 | 2026-08-30 |
Install
两个平台分开写。照着做,正常情况下三分钟内能进到主界面。
第一,建一个和当前项目同名的收藏夹,后面所有收藏都往里面放,别用默认夹子堆着。第二,在设置里把预览尺寸调成你项目最常用的那一档,比如做移动端就设 24px,选图标时判断会快很多。第三,把「源码视图」的入口位置记一下,改色、查描边数值都会用到它。这三步做完,后面用起来基本不会卡壳。
Changelog
只列有实际变化的版本,小修小补不单独占一行。
修复部分安卓机型在源码视图下长按选中失效的问题;收藏夹排序逻辑调整,最近编辑的夹子置顶。
新增多尺寸并排预览,一次看 16 到 96 像素四档效果;搜索支持按描边粗细过滤。
收藏夹支持离线缓存;导出 PNG 增加 3x 选项;优化首屏加载速度。
FAQ
下载与基础检索、预览、收藏功能完全免费,不设内购门槛。部分高级导出批量处理能力会以可选增值方式提供,具体以后续版本内说明为准。
Android 端建议 8.0 及以上,iOS 端建议 14 及以上。低于该版本仍可能安装,但部分界面渲染与导出功能会受限。
请只从本页或官方应用商店渠道获取安装包,不安装来源不明的第三方修改版本。安装时留意权限申请,矢量图标 App 不申请通讯录、短信等与功能无关的权限。
应用商店渠道会随商店自动更新;从本页直接下载的安装包,可在应用内「关于」页检查新版本,也可以回到本页重新下载覆盖安装,收藏与设置会保留。
安装包约 68MB,首次启动后占用通常在 120MB 上下。缓存图标预览与离线包后会继续增长,可在设置里清理缓存释放空间。
可发邮件到 support@shiliang-tubiao.cn,附上机型、系统版本与问题截图,一般会在两个工作日内回复。商务合作请走 bd@shiliang-tubiao.cn。
Contact
用户支持:support@shiliang-tubiao.cn(安装问题、功能异常、内容纠错)
商务合作:bd@shiliang-tubiao.cn(图标授权、内容合作)
问题反馈:feedback@shiliang-tubiao.cn(功能建议、体验吐槽)
工作时段:周一至周五 10:00–18:00,节假日顺延。邮件一般两个工作日内回复。
发现页面里某处描述和实际不符?直接写信告诉我们,改起来比你想的快。