# 想设计一个 App 或者网站？从这些服务里找找灵感

> 本文开放前 70% 正文，剩余内容会员可见。

原文：https://utgd.net/article/20803

在做应用和网站设计时，很多页面设计并不是从 0 开始的。设计师们往往会参考一些成熟的应用和网站设计，加入自己的理解。

但仅从用户角度去访问其他的 App 效率很低，而且覆盖不到所有的情况。比如作为正常用户，我们最常见的往往是“登录成功”的页面，却看不到“登陆失败”和“找回密码”的页面是怎么设计的。好在有一些服务为这个问题提供了解决方法。

Mobbin 就是一个专注于收集和展示“优秀应用设计”的网站。它提供了大量高质量的设计案例，帮助设计师和开发者快速找到灵感。

🔗 Mobbin

当你具体打开一个 App 时，它会展示三个大类：屏幕截图、UI 元素、流程图。比如 Slack 就包含了 357 个页面。包括首次进入的引导页面也都记录下来了。

对前端设计师而言，更重要的可能是参考一些具体的组件设计，Mobbin 提供了数十种不同的组件筛选功能。比如我这里过滤出“按钮、悬浮按钮、表格”的设计，就能看到 Slack 中所有包含这些元素的截图了。

Flows 是 Mobbin 另一个很独特的功能，每个 Flow 会展示一个具体的流程，比如 Slack 包含了 78 个流程。用户从首次进入应用开始，会进入一个 15 屏的“教学”流程。然后在这个教学流程之后，有会有一个 25 屏的“创建 Workspace”流程。而这些流程恰恰是前端设计师们关注的点。

Mobbin 是收费的，免费版本只能访问最新加入 Mobbin 的 8 个 App 的完整截图和所有功能。如果想看到更多的设计就需要每月 10 美元加入 Pro 计划。

作为替代品，还有一些免费分享应

---

[前往标准阅读页](https://utgd.net/article/20803?audience=web)