GOOD REFERENCES, WITHIN REACH.
UI 设计资源与灵感导航
汇集 UI 灵感网站、官网参考、动效与组件资源，按需求找到适合的设计来源。
专题精选
先看具体案例，再比较资源与选型建议。
⌘ K
选择具体组件
还没有找到匹配的参考
试试更短的关键词，或者换一个分类。
方法一：直接复制给 AI
补充需求后直接发给 AI，适合临时查找参考。
方法二：安装 Skill 后使用
复制安装指令给支持 Skill 的 AI，适合经常查找参考。
Skill 怎样安装与使用？
- 点击「复制 Skill 安装指令」，把复制的话术发给支持 Skill 安装的 AI。
- 让 AI 从 GitHub 安装并启用 uipicks-reference，再按本块填写的需求找参考。
需要支持 Skill 安装、联网和看图的 AI；交互实测还需要浏览器工具。Skill 不附带这些能力，也不保证推荐质量。
查看 GitHub 仓库AI 怎样挑选与评审参考
以 UI 和交互设计师的标准评审，判断须结合用户的产品、使用场景和风格偏好。
- 视觉完成度：比例与留白、字体、配色和图标的一致性、信息层次与细节质感、放在完整页面中的协调性
- 实用性：核心入口是否容易发现、内容与操作是否清楚、复杂程度是否符合任务、移动端和可读性
- 交互体验：操作反馈与状态衔接、加载、空状态、清空和恢复、键盘、焦点与触摸操作（适用时）
- 需求匹配：是否服务于用户的实际任务、是否符合平台、风格和硬条件、借鉴后的收益、取舍与实现成本
图片只在本次任务中按需读取或临时截图，不保存进本站。实际访问与交互由你的 AI 使用已有工具完成。
AI 需要具备联网与看图能力；按已核验免费匿名路径读取原站，图片不进入本站缓存。