图标 - 设计经验 - 第9页

SVGOMG：在线压缩优化SVG的免费小工具

SVGOMG 是一个免费的在线 SVG 优化工具，可一键压缩体积、清理冗余、保留视觉效果，适合图标与前端交付。

设计经验 3个星期前 0

SVGOMG：免费的在线 SVG 压缩神器

SVGOMG 是一款免费的在线 SVG 压缩工具，基于 SVGO。它能直观展示压缩前后差异，支持一键清理冗余节点、优化路径与属性，让网页图标与插画更轻更快。

设计经验 3个星期前 0

图标导出后发糊的原因：像素对齐与抗锯齿的正确用法

同一套图标在软件里很清晰，导出成 PNG SVG 或放到页面上却发糊，常见原因是像素网格没对齐、抗锯齿策略不匹配，以及缩放时发生了二次采样。下面用 6 个关键点把问题拆开，给出可直接照做的设置方法。

设计经验 3个星期前 0

Illustrator导出SVG后图标发虚？3步让线条更干净

讲清AI导出SVG线条发虚的常见原因，并给出像素对齐、描边对齐与导出设置的实操修复方法。

教程分享 3个星期前 0

12个免费图标网站清单：可商用资源与使用要点

整理12个常用免费图标网站，附网址，并说明授权与下载格式要点，适合UI 海报产品设计快速取用。

设计经验 3个星期前 0

线性图标不统一会显得廉价：从线宽到语义的规范思路

图标不统一会让界面显得杂乱、降低可信度。本文从线宽与端点样式、网格与留白、语义映射与命名方法出发，讲清如何把一套图标做成可维护的体系。

设计经验 3个星期前 0

Illustrator 线性图标不统一？从描边对齐、端点样式到扩展外观的完整修正

用一套可复用的检查步骤，把线性图标的线宽、拐角、端点、对齐方式统一起来，避免“同一套图标看起来像两套”。

教程分享 3个星期前 0

图标不统一会显得廉价：从线宽到语义的完整规范思路

图标集一旦不统一，界面会出现一种说不出的“拼凑感”。本文从画布、线宽、圆角、对齐到语义隐喻，讲清楚如何建立一套可执行的图标规范，并把它落地到组件与状态中。

设计经验 3个星期前 0

SVG和PNG的区别是什么？图标交付选哪个更合适

SVG是矢量格式，可无限缩放且便于在网页中改色；PNG是位图格式，适合复杂纹理与需要像素级呈现的内容。图标线稿多用SVG，图片特效多用PNG。

值得一看 3个星期前 0

图标看起来歪的原因通常不是你画歪了

图标“歪、飘、不稳”常源于视觉重心与像素网格不一致。本文讲清重心、对齐、圆角与导出倍率的关系，并给出更稳定的绘制与落地方式。

设计经验 3个星期前 0

扁平线性3D图标库免费下载

福利活动 2023-11-21 0

yesicon：全面的免费开源「图标宝库」

yesicon提供了100+图标套装，总计20万+图标，每个图标的来源、数量和分发协议都有详细描述。支持网站中轻松搜索、筛选和选择你想要的图标。支持中文，让你畅享便捷的浏览体验。无论是个人还是专业设计师，「图标...

设计经验 2023-11-14 0

免费可商用的3D图标网站推荐

3D图标越来越流行，部分大厂APP中看到3D图标了，下面是素材君私藏的3D图标网站，对不会3D软件的小伙伴来说十分方便，重点是免费可商用！

设计经验 2022-12-02 0

免费可商用开源图标库

之前分享过《国内外好用免费的在线图标库》，但并不完全支持商用。今天素材君分享 6 个目前主流的开源图标网站，不论是个人或企业均可免费可商用，值得收藏。

设计经验 2021-08-21 0

社交图标

各种社交媒体平台的标志性图标。这些图标被设计成简洁、易于识别的形式，以便在各种媒体和平台上使用。

合集 2019-03-29 0

Loading.io：在线制作加载gif图标工具

Loading io 是一个可以在线制作加载GIF图标的网站，色值，尺寸都能直接通过数值调整，支持导出GIF、SVG、CSS 、PNG格式，推荐收藏

设计经验 2018-12-14 0

Emoji表情图标

经典表情Emoji系列矢量图标合集

合集 2018-09-20 0

thedoodlelibrary：涂鸦图标素材站

一个有趣的表情素材站，涂鸦风格、简单有趣，提供 SVG 格式下载，可在文章插图、视觉故事、WEB UI 、Banner或聊天表情上使用免费使用，并且持续更新。

设计经验 2018-08-20 0

新手科普文，图标栅格系统基础知识+案例演示

我们都知道，如果按照图标的实际尺寸设计图标的话，会出现图标视觉大小不统一的问题，那么我们应当如何解决这个问题呢？这个问题就是我们要制定系统图标栅格系统的原因。

设计经验 2018-06-26 0

AI绘制图标，GIF操作演示

这是来自国外大神：marcedwards 用AI绘制图标的GIF操作演示图，看完不禁感叹，图标原来是这样画出来的。

设计经验 2018-06-05 0

#图标

SVGOMG：在线压缩优化SVG的免费小工具

SVGOMG：免费的在线 SVG 压缩神器

图标导出后发糊的原因：像素对齐与抗锯齿的正确用法

Illustrator导出SVG后图标发虚？3步让线条更干净

12个免费图标网站清单：可商用资源与使用要点

线性图标不统一会显得廉价：从线宽到语义的规范思路

Illustrator 线性图标不统一？从描边对齐、端点样式到扩展外观的完整修正

图标不统一会显得廉价：从线宽到语义的完整规范思路

SVG和PNG的区别是什么？图标交付选哪个更合适

图标看起来歪的原因通常不是你画歪了

扁平线性3D图标库免费下载

yesicon：全面的免费开源「图标宝库」

免费可商用的3D图标网站推荐

免费可商用开源图标库

社交图标

Loading.io：在线制作加载gif图标工具

Emoji表情图标

thedoodlelibrary：涂鸦图标素材站

新手科普文，图标栅格系统基础知识+案例演示

AI绘制图标，GIF操作演示

大家都在看

设计笔记