真实产品截图
收录的是已上线产品实际运行的界面，不是概念稿或练习作品，看到的东西大概率经受过真实用户检验，参考价值比效果图高。
价格免费 + 付费
平台Web / iOS
归类AI 智能体
收录2026-10-12
复核2026-10-12
编辑评分
4.5 / 5
★★★★☆
Refero编辑总结
Refero 是一个面向 Web 和 iOS 的界面设计灵感库，用真实上线产品的截图替设计师省去在多个站点之间翻找参考的时间。它按页面类型、产品品类、界面元素和交互模式来组织素材，可以做关键词搜索，也能把喜欢的截图收进自己的收藏集。对需要快速定风格的界面设计师、独立开发者和产品经理来说，它更像一个能直接搜到成品的参考柜，而不是泛泛的灵感图墙。短板也很明显：素材以截图为主，不含标注、组件规范或可编辑源文件，看到喜欢的界面只能照着参考，不能直接拿来做设计稿；移动端与网页端的规划重心不同，做原生 App 时能对上的样本相对更少。
Refero是什么？
Refero 是一个设计参考类产品，形态是网站加 iOS 客户端，收录的是真实产品已经上线的界面截图。它的目标用户是 UI/UX 设计师、独立开发者、产品经理，以及需要给方案配视觉参考的人。
它和常见的纯灵感图站不一样的地方在于组织方式：素材按页面类型、产品品类、界面元素和交互模式分类，可以按关键词搜索到具体某个流程里的某一步，比如注册、结账、偏好设置这类场景，而不是只按好看程度堆图。
实际用法大致分两种。普通用户或设计师把它当查找工具，先搜场景再搜关键词，把候选截图收进收藏集，用来跟团队对齐风格方向。开发者和独立产品人用它看同品类已经上线的处理方式，快速确定表单、导航、空状态这些固定模块该长什么样，再进设计工具里自己画。
Refero核心功能
按场景与品类分类
素材按页面类型、产品品类、界面元素和交互模式组织，可以顺着某一类往下翻，也可以从具体流程切入找参考。
关键词搜索
支持用关键词定位到具体界面或某一步流程，适合已经知道要做什么、只想看别人怎么处理的情况，比纯靠翻页快。
收藏与归类
可以把截图收进自己的收藏集，按项目或风格分组，方便之后回头找，也方便在评审时直接甩一组图给团队看。
Web 与 iOS 双端
网页端负责浏览和检索，iOS 客户端方便在手机上随手翻，通勤或开会间隙找参考不用开电脑。
截图为主不含源文件
提供的是成品外观参考，不含组件规范、间距标注或可编辑设计文件，拿到之后仍要在自己的设计工具里重画。
Refero值不值得用？
把 Refero 当找参考的第一步是值得的：需要给某个具体界面或流程定调时，它能让你在真实上线的产品里横向比较几种做法，比自己凭空想或翻零散的收藏夹效率高。它的边界也要认清——素材是截图，没有标注和源文件，想直接拿来拼设计稿会落空；移动端样本以 iOS 为主，做 Android 或偏工具型界面时对得上的例子会少一些。比较合适的用法是：先用它确定方向和做法，再回到自己的设计工具里实现，而不是指望它替你把设计做完。
建议选它的情况
- 需要给具体界面或流程找真实产品参考的 UI/UX 设计师
- 做 Web 或 iOS 产品、想快速对齐主流做法的独立开发者
- 需要拿一组截图跟团队或客户对齐风格方向的产品经理
不建议选它的情况
- 想直接下载可编辑设计文件或组件库的人
- 做 Android 或重度工具型界面、需要同平台样本的人
- 想要成套设计规范而不是单张界面参考的人
Refero使用建议
入门先把路子走对
- 先定场景再搜词别一上来就搜“好看”，先确定你要做的是哪一类页面或哪一步流程，再在这个范围里用关键词缩小，翻到的图才对得上。
- 按品类横向比锁定一个产品品类往下翻，同一类产品的处理方式放一起看，能很快看出哪些做法已经是行业惯例、哪些是差异点。
- 边看边收藏看到能用的立刻收进收藏集，并按项目或模块命名，之后找的时候不用重新搜一遍。
进阶省时间也省钱
- 按模块拆图看不要整页整页抄，把视线聚焦在表单、导航、空状态、错误提示这类固定模块上，这些地方跨产品差异最大、也最容易出问题。
- 拿截图当讨论稿评审时直接甩一组同类产品的截图，比口头描述“我想要那种感觉”有效得多，能快速把分歧收敛到具体做法上。
- 注意平台错配做 iOS 时多看 iOS 样本，做 Web 时多看 Web 样本，跨平台照搬交互习惯容易做出用起来别扭的界面。
Refero适合谁用？
UI/UX 设计师
推荐日常要给具体页面或流程找参考，用它能省掉在多个站点之间翻找的时间；但素材是截图，落地仍要在自己的设计工具里重画。
独立开发者
推荐没有专职设计师，需要自己决定表单、导航、空状态长什么样，可以照同品类已上线产品的处理方式来定，少走弯路。
产品经理
推荐用来跟团队和客户对齐风格方向，拿一组真实截图比口头描述有效；但涉及具体交互细节时仍需要设计师接手。
做 Android 或工具型界面的人
有条件素材以 Web 和 iOS 为主，做 Android 或偏工具型、重流程的产品时，能直接对上的样本相对更少，需要自己判断哪些能迁移。
想直接拿素材交稿的人
不推荐提供的是成品外观参考，不含源文件与规范标注，拿截图直接当交付物会出问题，适合拿来找方向而不是当产出。
Refero优点和缺点
优点
- 素材是真实上线产品截图，参考价值高于概念稿和练习作品
- 按场景、品类、界面元素组织，能搜到具体流程里的某一步
- 有 iOS 客户端，手机上也能随手翻参考
- 支持收藏归类，方便按项目沉淀自己的参考库
缺点
- 只有截图，不含标注、组件规范或可编辑源文件
- 移动端样本以 iOS 为主，做 Android 时能对上的更少
- 素材偏视觉外观，涉及交互逻辑的说明有限
- 适合定方向，不适合直接当设计交付物使用
Refero常见问题
Refero 是做什么用的？＋
它是一个界面设计参考库，收录真实上线产品的截图，按页面类型、品类和界面元素分类，可以搜索、也可以顺着分类翻。主要用途是在动笔之前看别人怎么做，确定方向和处理方式，而不是直接拿素材来交稿。
它和普通的灵感图站有什么区别？＋
区别在组织方式。普通灵感图站多以好看程度堆图，Refero 按页面类型、产品品类、界面元素和交互模式分类，能按关键词搜到某个流程里的某一步，更适合带着具体问题去找答案。
上面的素材能直接拿去用吗？＋
提供的是截图，不是设计源文件，不带头间距标注和组件规范，所以没法直接拼进设计稿。合理的用法是把它当参考，确定方向后在自己的设计工具里重新实现，涉及商用和版权时按素材对应原产品的授权规则处理。
做移动端 App 合适吗？＋
它提供 iOS 客户端，素材也覆盖 iOS 界面，做 iOS 产品时能对上的样本比较多。做 Android 或偏工具型、重流程的产品时，直接可用的例子相对少，需要自己判断哪些交互习惯可以迁移。
要不要天天用？＋
不必。它是查找型工具，适合在项目开始定方向、或卡在某个具体界面不知道怎么做的时候打开。平时把用得上的截图收进收藏集，之后按项目翻自己的收藏比重新搜更快。
