App细节设计系列 Path for iOS分析

日期：2015-10-09 / 人气： / 来源：未知

提到Path这款应用，人们往往首先会想到它美丽的设计和丰富的细节。但是却往往有一种“叫好不叫座”的意味，最近Path有所行动，更新了4.0版本，意图改变被用户忽视的局面。我自己虽然不是Path的老用户，但是我喜欢每一个用热忱的心态构建产品的团队。

Path更新后，我决定设计细节系列再更新一期关于Path的，希望你们能够喜欢这些Path的小细节。

各位要记住构建这款美丽应用的设计师: Dustin Mierau and Ed Kim下面我来罗列一下Path 4.0中我最喜欢的一些细节。

1. 模态窗口登录

Path的这种弹出设计，能够取悦新用户，蹦出和下落给予了应用活力感。但是这种效果不是昙花一现，Path将其上升到了设计语言一般的高度，在应用中很多地方，也采取了这种弹出动效，非常的一致。

2. 引导页设计

平滑的引导流程，简约至极——简简单单的附上必要信息，完成3步后，模态窗口便下落消失，然后在屏幕下方中央的主要按钮中，便出现了用户教学提示框。你可以感到设计者在用户教学上是下了很大功夫的，尤其是弹出的提示框。

Create a moment - 这个提示让新用户可以按照流程来分享生活中的美好瞬间——非常的有生活氛围感，我很喜欢。

3. Path的招牌动效

我还记得Path刚出来的时候——它的按钮圆盘弹出动效轰动一时。我当时盯了屏幕好久，琢磨了半天这帮人是怎么做出来的。Path 4.0中，对招牌动效进行了细微改动，但是效果依然很悦人。

点击 ‘+’按钮，便能打开弹出菜单，显示出你可以分享的不同类内容。充满愉悦的外弹效果，仿真般的旋转。虽然动效可能会比较耗费时间，但是对于新用户来说，所能带来的惊奇感是不言而喻的。

4. 用户教学

Path的细节设计引人入胜，模态窗口的用户教学非常统一。当新用户打开新标签时，这一窗口就出现，给予用户上下文提示。让用户可以熟悉的操作Path，让应用体验具有整体感，这是很多产品设计师需要考虑的问题。

注意：模态窗口下落的动效和前文依然非常一致。

5. 个人页的渐隐(网速问题，压缩的比较过)

已经有很多应用采用这种滚动+渐隐的技术——交互性非常棒，这是Path的版本。当你在个人页下拉的时候，个人资料会缓缓的渐隐，最后被一个标头“Me”取代

同时要留意的是背景照片的高度变化，最后成为窄窄的一条，紧挨着状态栏，感觉非常棒!

6. 点赞交互

Path 有着友好的、愉悦的方式来点赞——提供了精美的表情，用来定制化点赞(大部分的点赞表情是需要购买的)。注意表情依次弹动的方式非常可爱。

作者：admin

信赖源自于专业