设计师常用素材与效率工具清单|从图标到配色一站配齐

这是一份面向日常 UI/品牌/运营设计的工具与素材清单,覆盖图标、插画、字体、配色、原型与截图标注等高频环节,挑选以“能直接拿来用、搜索效率高、授权信息清晰”为优先。

Iconfont(阿里巴巴矢量图标库)

工具地址:https://www.iconfont.cn/

需看协议|描述:海量中文语境友好的图标资源,支持项目管理、颜色调整与 SVG 下载;用于商用前务必核对具体图标的授权与来源说明。

Flaticon

工具地址:https://www.flaticon.com/

需看协议|描述:图标覆盖面极广,支持按风格筛选与在线编辑;免费资源常带署名要求,商用建议使用付费授权或选择明确可商用条目。

Icons8

工具地址:https://icons8.com/

需看协议|描述:图标、插画、照片与 UI 元素一体化站点,搜索体验优秀;不同下载规格/用途对应不同授权条款,使用前对照许可说明。

unDraw(开源插画)

工具地址:https://undraw.co/illustrations

免费商用|描述:线性扁平插画风格统一,可在线更换主色并导出 SVG/PNG;适合落地页、空状态与引导页的快速搭建。

ManyPixels Illustration Gallery

工具地址:https://www.manypixels.co/gallery

需看协议|描述:提供多种插画风格与主题分类,检索效率高;部分资源为免费使用但可能存在署名/用途限制,商用前核对条款。

Google Fonts

工具地址:https://fonts.google.com/

免费商用|描述:字体品类丰富,网页与品牌项目常用;可直接查看字重、语言覆盖与示例排版,便于快速确定字体搭配。

Font Squirrel

工具地址:https://www.fontsquirrel.com/

免费商用|描述:主打可商用字体与字体识别/转换工具;仍建议逐个字体查看许可细则,尤其是嵌入、分发与品牌用途相关限制。

Coolors(配色生成器)

工具地址:https://coolors.co/

免费商用|描述:一键生成与锁定颜色、导出多种格式,适合做品牌主辅色与界面主题;也可从图片提取色板,效率很高。

Adobe Color

工具地址:https://color.adobe.com/

免费商用|描述:提供色轮、无障碍对比参考与社区色板;适合做配色方案的“解释”和复用,便于与产品/开发沟通色彩规则。

Remove.bg(抠图)

工具地址:https://www.remove.bg/

需看协议|描述:上传即自动抠图,适合运营素材、人物产品图的快速处理;导出分辨率与商用使用通常与套餐/条款相关。

Squoosh(图片压缩)

工具地址:https://squoosh.app/

免费商用|描述:浏览器端压缩/格式转换工具,支持 AVIF/WebP/PNG/JPEG 等;可对比前后画质与体积,适合交付前优化素材。

Figma Community(组件与模板)

工具地址:https://www.figma.com/community

需看协议|描述:大量 UI Kit、图标、插画与原型模板;每个资源的许可不同,复用到商业项目时建议查看作者授权说明。

Shots(样机展示)

工具地址:https://shots.so/

需看协议|描述:快速生成设备样机、社媒展示图与海报排版;适合设计稿出图、汇报与投放素材的提效,注意素材/模板的使用许可。

Excalidraw(手绘风流程/草图)

工具地址:https://excalidraw.com/

免费商用|描述:做信息架构、流程图、交互草图很顺手;导出 PNG/SVG 方便嵌入文档与评审材料,沟通成本低。

Redlines(标注/交付)

工具地址:https://www.redlines.design/

需看协议|描述:自动生成间距/字号/颜色标注,适合把视觉稿快速转成交付文档;不同功能与导出限制请以官网条款与版本说明为准。

用户评论 (0)

登录后参与讨论

立即登录 注册账号

暂无评论,快来抢沙发吧~

操作成功