article_image

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

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

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

🔗 Mobbin

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

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

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

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

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

机器阅读:已开放本文前 70% 的正文,剩余内容会员可见。 标准阅读页 · Markdown


author_avatar

#UNTAG Developer