做界面设计时，最快的提效方式之一就是建立自己的“参考库”：同类产品怎么组织信息层级？关键操作放在哪里？空状态、引导页、表单校验、支付流程怎么写？下面这份清单把常用的 UI 截图与灵感网站按用途整理出来，适合用于竞品分析、交互对齐、组件复用与视觉风格探索。
工具地址：https://mobbin.com/
需看协议：收录大量移动端 App 的真实页面与流程截图，适合查找登录/注册、首页信息架构、个人中心、支付等常见模块的成熟做法。部分功能可能需要订阅或登录，使用前建议确认授权与使用范围。
需看协议：以“用户流程”为核心的产品体验库，常见于 onboarding、结账、订阅、表单与转化漏斗等场景。很多条目配有视频或动效参考，适合对齐交互节奏与关键节点的提示信息。
工具地址：https://pttrns.com/
需看协议：移动端 UI 模式库，分类清晰，能快速定位到列表、导航、搜索、筛选、卡片等通用组件的多种排布。适合在做信息流、商品列表或内容聚合页时快速找方向。
需看协议：以“最新 App 截图”更新为特点，适合跟踪主流产品的视觉趋势与布局变化。可以按平台与品类浏览，适合做灵感收集与视觉风格对比。
需看协议：偏 Web 端的落地页与网站设计收录，常用于找 Hero 区、价值主张、功能模块、价格页与 CTA 的组合方式。适合做营销页、SaaS 官网或活动专题页时快速搭框架。
需看协议：专注落地页的灵感库，筛选维度丰富（行业、颜色、布局、组件等），能快速对比不同风格的模块拼装方式。做首页改版或活动页提案时很实用。
工具地址：https://www.awwwards.com/
需看协议：高质量网站作品聚合与评选，适合寻找更强的品牌调性、动效与页面氛围。由于作品多为商业站点，参考时建议重点借鉴结构与表现手法，而非直接复刻内容。
需看协议：设计师作品集社区，能看到完整的项目拆解（调研、信息架构、关键页面、组件规范等）。适合做竞品与风格研究；素材是否可商用取决于作者授权，务必查看说明。
需看协议：以单张作品展示为主，适合快速浏览卡片、按钮、表单、图标与插画风格。它更偏概念稿，落地前建议再用真实产品截图库验证可用性与信息密度。
需看协议：按组件维度整理的 UI 灵感集合（登录、支付、搜索、导航等），适合快速做方案发散。可把它当作“组件拼图”来用，搭配自己的设计系统做统一化。
需看协议：收录多种 UI 类型与风格，支持按类别筛选，适合在探索品牌气质或配色走向时做快速对比。建议把喜欢的案例做成板式收藏，便于团队评审时快速对齐。
需看协议：偏“高完成度视觉表现”的网站灵感库，适合找大图排版、字体层级、滚动动效与视觉节奏。更适合做品牌站/作品集站/专题页灵感，B 端产品界面可择优借鉴。
