【翻译】path for iOS设计细节赏析

1.登录模态

Path使用他们的弹出（Popup）设计语言，在第一时间取悦新用户。轻微的弹入和渐隐效果使登录页面看起来如此生动。太棒了——我们将在Path的其他地方看到这种风格，并保持良好的一致性。

2.新手引导

新手指导过程如此顺利！没有多余的废话或不必要的信息。只显示几行简单的入门提示。模式窗口消失并显示主页。主要共享按钮（下面的+号码）将弹出工具提示，欢迎用户。你可以看到设计师在设计这些小细节上花了多少精力——特别是工具提示上的术语非常精致。

3.Path最著名的地方

记得Path刚出来的时候，这个弹出式分享按钮吸引了很多用户和设计师的目光。我记得我盯着屏幕看了很久，一直在想他们是怎么做到的。！Path最近的更新对这个设计细节做了细微的改变，但是用户体验基本不变。

单击“+”打开一个弹出菜单，这是所有用户都可以分享的内容。菜单图标有趣地向外弹出并旋转。当然，这种动画设计会延长选择时间，但给新用户增加乐趣是不可估量的。

4.引导页

Path在引导页面设计中有很多很好的小细节。当新用户打开新标签时，这些页面将出现，以帮助用户更好地了解Path。不要忽视从屏幕上滑动引导页面模式窗口的细节动画。虽然它只发生在一秒钟内，但它为整体用户体验增添了很多色彩。

5.个人页面逐渐隐藏效果

我看到越来越多的应用程序使用这种滚动+隐藏的效果。这种互动非常漂亮，在Path上的使用也非常合适。当你滚动个人页面时，屏幕上的一些元素会逐渐消失，并逐渐被一个简单的“我”导航栏标题所取代。

需要注意的是，背景照片直接显示在iOS状态栏下方。把你的照片填满屏幕真好！

(传不上图)

6.发布页面交互

Path让用户和朋友以友好有趣的方式分享——像素完美的贴纸表情可以传达情感。请注意，当我点击发表文章的爱情按钮时，表情框像气泡一样弹出。太可爱了。

7.更改个人页面图片

这种细节交互也很有意义，但往往被忽略。单击个人页面标题处的任何地方，都会弹出更改背景图的上拉菜单（Action Sheet）。您不需要到处寻找设置按钮或选项面板，只需单击您想要改变的地方，这样做的好处是没有额外的学习成本，我喜欢！

8.购买表情贴纸

为了强调贯穿整个app的模态窗口动画非常一致，我添加了这个细节。

9.地图视图

这个视图有两个很棒的地方:

①后退按钮使用Path标志性的“P”logo，这对我来说很酷——对于设计师来说，这里的处理将添加一个简单的“返回”或“关闭”字样，但添加程序标志将为应用程序增添更多的味道和人性化。

②请注意，当我旋转地图时，所有移动部件：设计精美的指南针都会旋转，文本也会旋转和移动。

10.搜索框

当我点击毛玻璃风格的搜索框时，屏幕上会出现一些筛选选项，吸引我进一步点击探索。

11.加载提示

当我打开临近搜索时，我们可以看到这个美妙的加载提示。我想强调的是，Path的设计师放弃了几个明显的解决方案——下拉菜单（Spinner），进度条（Progress bar）或加载文字（Loading text），选择创建自己的加载解决方案，以匹配应用程序的整体设计语言。

12.朋友

在这个页面上，我想搜索一个朋友的名字，把他加到我的圈子里。这个过程的细节可能看起来微不足道，但不应该被忽视——注意当你添加或删除你的朋友时，星星会弹出。

13.分享流

首先需要注意的是，当用户单击时，共享按钮是如何交互的。在下面的视频中，我选择了一个引用来分享。引用图标将变得更大，并逐渐消失。这确实是一个非常流畅的过场动画。我发现越来越多的应用程序使用它（例如twitter）。一旦我进入内容视图，我尝试切换“朋友圈”和“私人”选项，发现滑入视图的上下文提示符也非常流畅。

14.时钟

当您滚动信息流视图时，屏幕右侧会出现一个时钟工具。如果继续滚动，日期和时间将根据其下部视图自动校正。时钟的指针动画很棒。如果你想研究如何用简单的方法取悦用户，你不妨试试下一个聚会。

15.下拉刷新

界面流动性不大，弹性和整体外观可以与Path的交互相媲美。值得注意的是，Path的许多交互比Facebook的Paper早。

16.官网

设计师也试图让网站同样有趣，即使是登陆页面。