Mobbin 是一个超受欢迎的 UI/UX 设计灵感平台,它收集了许多真实上线品牌 app 的界面截图,供学习和参考。但 Mobbin 本身虽然部分免费,很多内容是需要付费的。
如果你想找「类似 Mobbin,但更免费、可以看到真实项目 UI 的网站」,下面这几类推荐你分门别类收藏一下👇:
✅ 1. 类似 Mobbin 的 UI 灵感平台(真实项目截图)
这些网站收录了真实 APP 或网页界面的截图,有些比 Mobbin 更开放:
🔹 Screenlane
- 高质量 APP 界面截图(主要是 iOS)
- 免费查看,界面简洁,分类清晰
- 没有太多限制(比 Mobbin 更开放)
🔹 Collect UI
- 每天更新 Dribbble 上的精选作品
- 偏概念设计,不完全是实项目,但质量高
🔹 Pttrns
- 专注于移动 UI(尤其是 iOS)
- 早期版本免费,现在部分页面也需要登录或订阅
✅ 2. 真·APP 页面截图集合
来自真实设备抓取的 UI 截图:
🔹 Growth Design
- 深度拆解真实产品(像 Airbnb、Duolingo)
- 每个案例用漫画形式讲解产品设计逻辑
- 非常适合「产品思维」+「设计细节」双修
🔹 PageFlows
- 主要是用户流截图(如注册、支付流程)
- 部分功能免费,但下载和完整流程要付费
✅ 3. 免费图库 / 概念作品类(适合灵感)
虽然不是实际项目,但对 UI 灵感依然很有帮助:
🔹 Dribbble
- 海量概念设计作品
- 可以看特定关键词、风格、UI 类型
🔹 Behance
- 很多完整项目展示,包括 UI 流程图、交互说明
✅ 4. 其他方向推荐
如果你想看「真实的网页设计」,下面这几个是网页版灵感来源:
🔹 Land-book
- 超级丰富的网页 UI 库(大量真实产品)
- 登录后可收藏、分类
🔹 One Page Love
- 专注单页设计
- 很多是真实上线的项目,可以点进官网查看原站
🔹 Httpster
- 比较小众,偏潮流风格网站 UI 展示
✍️ 小技巧:也可以自己做「Mobbin」!
可以用浏览器插件或截图工具(如 iOS 模拟器 + CleanShot X)自己截图、收集 UI:
- iOS 端:用模拟器运行 App,逐页截图
- Android 端:也可以用模拟器如 Bluestacks
- 搭配 Figma 整理出「自制 Mobbin」资料库
- 推荐使用 Eagle ,直接拖拽,分类方便
💡
欢迎分享文章,或是与我联系