这是一份面向日常 UI/品牌/运营设计的工具与素材清单,覆盖图标、插画、字体、配色、原型与截图标注等高频环节,挑选以“能直接拿来用、搜索效率高、授权信息清晰”为优先。
需看协议|描述:海量中文语境友好的图标资源,支持项目管理、颜色调整与 SVG 下载;用于商用前务必核对具体图标的授权与来源说明。
工具地址:https://www.flaticon.com/
需看协议|描述:图标覆盖面极广,支持按风格筛选与在线编辑;免费资源常带署名要求,商用建议使用付费授权或选择明确可商用条目。
工具地址:https://icons8.com/
需看协议|描述:图标、插画、照片与 UI 元素一体化站点,搜索体验优秀;不同下载规格/用途对应不同授权条款,使用前对照许可说明。
工具地址:https://undraw.co/illustrations
免费商用|描述:线性扁平插画风格统一,可在线更换主色并导出 SVG/PNG;适合落地页、空状态与引导页的快速搭建。
工具地址:https://www.manypixels.co/gallery
需看协议|描述:提供多种插画风格与主题分类,检索效率高;部分资源为免费使用但可能存在署名/用途限制,商用前核对条款。
工具地址:https://fonts.google.com/
免费商用|描述:字体品类丰富,网页与品牌项目常用;可直接查看字重、语言覆盖与示例排版,便于快速确定字体搭配。
工具地址:https://www.fontsquirrel.com/
免费商用|描述:主打可商用字体与字体识别/转换工具;仍建议逐个字体查看许可细则,尤其是嵌入、分发与品牌用途相关限制。
工具地址:https://coolors.co/
免费商用|描述:一键生成与锁定颜色、导出多种格式,适合做品牌主辅色与界面主题;也可从图片提取色板,效率很高。
免费商用|描述:提供色轮、无障碍对比参考与社区色板;适合做配色方案的“解释”和复用,便于与产品/开发沟通色彩规则。
需看协议|描述:上传即自动抠图,适合运营素材、人物产品图的快速处理;导出分辨率与商用使用通常与套餐/条款相关。
工具地址:https://squoosh.app/
免费商用|描述:浏览器端压缩/格式转换工具,支持 AVIF/WebP/PNG/JPEG 等;可对比前后画质与体积,适合交付前优化素材。
工具地址:https://www.figma.com/community
需看协议|描述:大量 UI Kit、图标、插画与原型模板;每个资源的许可不同,复用到商业项目时建议查看作者授权说明。
工具地址:https://shots.so/
需看协议|描述:快速生成设备样机、社媒展示图与海报排版;适合设计稿出图、汇报与投放素材的提效,注意素材/模板的使用许可。
免费商用|描述:做信息架构、流程图、交互草图很顺手;导出 PNG/SVG 方便嵌入文档与评审材料,沟通成本低。
工具地址:https://www.redlines.design/
需看协议|描述:自动生成间距/字号/颜色标注,适合把视觉稿快速转成交付文档;不同功能与导出限制请以官网条款与版本说明为准。