做设计时最怕的不是没有工具，而是工具太多、用到哪儿才想起哪儿。下面整理了一份偏“直接拿来就能用”的网站清单：从找灵感、定配色，到字体与图标等基础素材，每一项都附上地址和一句话说明，方便快速收藏与对比。
需看协议：适合做作品集与趋势参考，浏览不同领域的项目案例，快速建立风格与表现形式的“参照系”。
需看协议：短平快的界面与动效灵感库，适合在早期快速确定组件风格、插画方向与视觉节奏。
工具地址：https://coolors.co/
需看协议：一键生成与微调配色方案，支持锁定某个颜色再扩展整套色板，适合快速做多版本对比。
需看协议：基于色彩规则生成配色，并可从图片提取主色；适合从品牌物料或海报中“抽”出稳定的主辅色。
工具地址：https://www.happyhues.co/
免费商用：提供成套页面示例与色值，适合直接参考“背景-文字-按钮”的配色关系，避免只会配色不会落地。
工具地址：https://fonts.google.com/
免费商用：开源字体集合，支持在线预览、语言筛选与字重对比，适合快速挑选正文与标题的组合。
工具地址：https://www.fontsquirrel.com/
需看协议：按“可商用”线索筛选字体并查看授权说明，适合在项目交付前做字体合规的二次确认。
工具地址：https://www.flaticon.com/
需看协议：图标数量大、风格丰富，适合做信息层级与功能提示；下载/署名规则需按页面提示核对。
免费商用：聚合多套开源图标库并提供统一检索方式，适合快速对比不同图标体系的线性粗细与圆角风格。
工具地址：https://undraw.co/illustrations
免费商用：可改主色的插画资源库，适合营销页/空状态/引导页快速补齐“人味儿”和情绪氛围。
