站酷 ZCOOL
汇集品牌、视觉、插画与数字设计作品，适合展示创作、交流经验和寻找灵感。
A LITTLE INSPIRATION. A LOT OF POSSIBILITY.
好设计，从灵感开始。
从灵感发现到作品落地，找到趁手的工具与资源。
为设计师、UI / UX 与每一个热爱创造的人整理。
80 个网站13 个分类灵感与工具，轻松直达
/ 搜索
01灵感与创意
逛作品、看创意，给下一次创作积累新想法。
02UI / UX 参考
从真实产品到完整落地页，研究布局与交互细节。
03品牌与平面
发现品牌识别、视觉叙事与平面设计的更多可能。
04设计与原型工具
把脑海中的想法，变成可协作、可交付的作品。
Figma
多人协作完成界面、原型与设计交付，适合产品团队共用设计文件。
即时设计
在线完成 UI 绘制、交互原型和切图标注，结合组件与素材资源协作交付。
Sketch
面向 macOS 的界面设计工具，提供原型、团队协作与开发交付能力。
Penpot
开源设计协作平台，结合响应式布局、交互原型和共享组件库。
Canva
使用在线编辑器和模板制作海报、社交图片、演示文稿等视觉内容。
ProtoPie
制作带条件逻辑、多设备联动与硬件交互的高保真产品原型。
Framer
通过可视化画布设计并发布网站，结合内容管理和交互效果。
Photopea
在浏览器中编辑图像和 PSD，支持图层、蒙版与多种设计文件格式。
05图标与插画
为界面和视觉表达，找到合适的图形语言。
Lucide
风格统一的开源 SVG 图标集，可调整尺寸、颜色与线条粗细。
Tabler Icons
提供线性与填充图标，支持在线调整样式并用于设计工具和代码。
Heroicons
Tailwind CSS 团队维护的 SVG 图标，提供设计文件与 React、Vue 支持。
Iconoir
提供多格式开源图标，可用于网页、移动端、Figma 和 Framer。
Icons8
查找成套图标、插画、三维素材与图片，便于保持视觉风格一致。
Flaticon
按主题和风格搜索图标、贴纸与动态图标，整理成项目素材集合。
unDraw
按主题查找简洁的 SVG 插画，在线替换主色后下载到设计项目。
Storyset
选择插画风格、调整配色与背景，并制作适合页面展示的插画动画。
DrawKit
浏览成套手绘、二维与三维插画，以及图标和动画素材包。
Humaaans
自由组合人物的发型、衣着与姿态，快速构建产品和营销插画场景。
Open Peeps
组合手绘人物的表情、服饰和姿态，制作角色、故事板与产品插画。
SVG Repo
按风格和主题查找 SVG 图标与矢量素材，并做基础在线编辑。
06图片与创作素材
摄影、背景与纹理，丰富画面的每一处细节。
07配色与渐变
寻找色彩组合，在实际界面中预览配色效果。
08字体与排版
从中英文字体到排版参考，建立有层次的视觉。
09动效与三维
交互动画、动态图形与三维场景，让作品动起来。
10样机与展示
把界面与视觉作品放入场景，更清楚地展示设计。
11设计系统与组件
用成熟规范和组件，连接设计与开发。
12学习与用户体验
学习设计方法、可用性和无障碍，让作品更好用。
Nielsen Norman Group
阅读用户研究与可用性文章，学习 UX 方法、设计评估和产品体验实践。
Laws of UX
用简明条目理解影响界面设计的心理学原则与用户体验规律。
Smashing Magazine
阅读网页设计、UX、无障碍与前端实现的文章和实用指南。
Uxcel
通过互动课程、短课和技能评估，练习 UX 设计与产品相关知识。
Interaction Design Foundation
提供 UX、UI 与交互设计课程、知识库和设计师学习社区。
web.dev 响应式设计
系统学习响应式布局、媒体查询、排版和图片在不同屏幕上的适配。
W3C WAI
查阅网页无障碍标准、设计开发指南和评估资源，让产品更易使用。
The A11Y Project
通过检查清单、文章和社区资源，把数字无障碍落实到设计和开发。
MasterGo 帮助中心
查阅 MasterGo 的设计、原型、组件、协作和研发交付使用文档。
13更多设计导航
继续发现设计资源，拓展自己的创作工具箱。
没有找到匹配的资源
换个关键词试试，例如：图标、配色、原型。
关于收录与来源
整理日期：2026-10-28。分类参考公开设计导航，站点用途依据官网正文整理。图标与品牌归各自站点所有；素材能否用于商业项目，请以原站授权说明为准。部分站点的完整内容需要登录或订阅。