Refero 界面参考库｜十二万五千张真实产品截图与设计模式翻译站点

Refero 是一个界面参考库，把真实产品的界面截图按用途拆开收好。设计师不必再凭印象描述某个 App 的结算页长什么样，来这里按元素搜一搜，现成的样子就摆在眼前。

收录什么

库内累计十二万五千余张界面截图，取自四百余款网页与 iOS 产品。与常见的灵感站不同，它截的不只是整页，还把定价表、仪表盘、结算流程、空状态、弹窗、通知这类具体元素单独归档，便于按需对号入座。

检索维度

• 页面类型：按落地页、个人中心、定价页、404 等页面类别筛选，先框定范围再细看。
• 交互模式：按订阅、注册、引导、搜索等流程模式查找，适合参照成熟产品的做法。
• UI 元素：按钮、开关、标签页、分页、图表等颗粒度更细，定位更准。
• 用户流程：把注册到退订的整条链路串起来看，理解产品如何一步步引导用户。

免费与付费

免费档可浏览约百分之三的内容，能按标签或产品名做基础搜索，够先探个路。完整库、用户流程、Figma 插件与筛选功能归入付费档，按月或按年订阅，学生可申请折扣。另有一套抽取设计规范的子工具，可把一个网站的颜色、字体、间距整理成文件，供 AI 编码工具参照，输出的是说明文档而非可编辑的源文件。

适合谁用

做界面设计的人自然是主力，尤其是需要在短时间内对齐行业做法的产品设计师。前端与独立开发者也能从中找到布局与交互的参照。团队做竞品分析时，把同一类元素横向排开对比，比零散截图更能看出差异。

参考之外还能做什么

界面截图可加书签归类，团队共用一份收藏夹，评审时直接调出同一批参照。做设计规范或视觉走查时，把这些截图当作对齐口径的依据，比各自凭印象描述更容易取得一致。库内内容每周都有补充，跟进当下产品的界面风向，不必另外再攒素材。

使用须知与局限

库里存的是成品截图，不是可编辑的源文件，拿来当参考没问题，想直接复用组件则要另找素材。免费档能看到的内容有限，长期使用多半需要订阅。参考他人成熟做法是捷径，但产品终究要落到自己的业务与用户身上，照搬容易失去辨识度。