这是一份偏实用的设计资源清单:从灵感、配色、图标到字体与 Mockup,按入口直达整理,方便随取随用。
需看协议:作品展示与灵感参考为主,适合做风格盘点与案例收集。
需看协议:大量 UI/插画作品,适合找构图与配色思路,注意版权边界。
工具地址:https://www.awwwards.com/
需看协议:网站交互与动效灵感库,适合研究信息层级与页面节奏。
需看协议:精选落地页/网站截图,适合快速对标版式与组件组合。
工具地址:https://mobbin.com/
需看协议:移动端界面流程参考(部分内容需订阅),适合查找行业范式。
工具地址:https://coolors.co/
免费商用:配色方案生成与管理工具,适合快速出一套主辅色与扩展色。
免费商用:社区配色卡片集合,适合寻找当下流行的配色趋势。
需看协议:配色规则与主题库,适合从图片提取色彩并做和谐度校验。
免费商用:传统色轮逻辑的配色工具,适合做互补/分裂互补等方案推导。
工具地址:https://fonts.google.com/
需看协议:开源字体集合,适合网页与产品界面用字,使用前仍建议核对许可证。
工具地址:https://www.fontsquirrel.com/
需看协议:可筛选商用许可的字体资源库,适合找替代字体与 Webfont。
工具地址:https://icons8.com/
需看协议:图标与插画平台(免费/订阅并存),适合快速补齐不同风格图标。
工具地址:https://www.flaticon.com/
需看协议:图标资源库,下载前确认署名/付费规则,适合做临时占位与方案比选。
工具地址:https://thenounproject.com/
需看协议:大量符号化图标,适合做信息图标体系参考,注意授权方式。
免费商用:品牌 Logo 图标集合(SVG),适合做品牌列表、合作方墙与社媒入口。
工具地址:https://undraw.co/illustrations
免费商用:可改色的扁平插画,适合落地页与空状态插画快速出图。
工具地址:https://www.manypixels.co/gallery
需看协议:插画资源库,适合做不同场景的视觉占位与风格探索。
工具地址:https://www.humaaans.com/
需看协议:可组合的人物插画素材,适合做品牌插画与营销图延展。
需看协议:高质量摄影图库,适合海报/横幅背景,商用前仍建议复核使用条款。
需看协议:图片与视频素材库,适合做短视频封面与广告素材的快速选图。
工具地址:https://pixabay.com/
需看协议:图片/插画/视频集合,适合做多风格探索,注意人物与商标内容的限制。
工具地址:https://www.mockupworld.co/
需看协议:PSD Mockup 汇总站,适合快速做包装/界面上机展示,下载前看许可说明。
需看协议:高质量样机与插画(免费与付费并存),适合提升展示质感。
工具地址:https://www.toptal.com/designers/subtlepatterns/
需看协议:低对比度纹理背景集合,适合做页面底纹与海报氛围铺陈。
工具地址:https://heropatterns.com/
免费商用:可在线改色的 SVG 图案背景,适合做 Web 头图与区块背景。
工具地址:https://www.figma.com/community
需看协议:组件库/模板/插件集合,适合做快速原型与风格对标,注意作者许可。
免费商用:渐变配色集合,适合做背景氛围与按钮高光的快速选型。