详解Path 2.0的UI设计

如Path的创始人Dave Morin所说，Path的第二个阶段是要让人们在人生道路上“抓住所有体验”(capture all the experiences)。这款目前的私密社交应用王者，在半年前对于UI系统的重新设计可谓是惊煞旁人。其人性化的设计理念与简洁到极点的设计风格可以说是一本教科书，以至于虽然吸引了大批模仿者但是——在这一派风格中——始终无出其右者。

以下是一篇关于Path 2.0的UI系统的分析，从“个人页面”、“他人页面”、“分享机制”三个角度点评了Path2.0在UI设计上的亮点，附议大量配图，非常的详尽，各位工作中对UI设计有一定涉猎的读者一定不可以错过。

*该文源自网络上传播的一份PDF文件，互动中国尝试寻找原作者未果，如果您是该文章的版权拥有者，请随时通过网页最下方的通讯方式与我们联系。

Path2.0——移动社交网络应用说明

移动社交网络：移动社交网络Path发布第二代了！Google曾打算一亿美元收购Path遭拒，可见非常牛。安装完成后，只需简单填写个人信息，你就可以开始你的Path之旅啦！如Path的创始人Dave Morin所说，Path的第二个阶段是要让人们在人生道路上“抓住所有体验”(capture all the experiences)。

Path 2的UI设计相当出色。向右滑动会出现设置页，向左滑动会出现添加好友页（可通过通讯录、Facebook添加，或通过邮件邀请），向上向下滑动后，会出现一个时间轴(timeline)，方便地提示你当前查看的Path(即自己或好友的分享)是何时发出的。最核心的是左下角的红白色加号按钮，点击后会出现6类功能，依次是：照片、和谁在一起、当前地点、在听的音乐、在想的事情、以及睡眠，使用起来得心应手，十分方便。你不仅可以和Path好友分享，还能把你的分享发布到Facebook或Foursquare等网站上。

和之前版本相比，Path 2从侧重照片分享走向“分享一切”、好友上限从50人增加到150人、长途旅行以后，Path还会自动利用位置功能帮你发布“已达某地”信息（可在设置里关掉）。

总体分析此应用结构：

导航title有3种：

 以“path” 为titlebar文字的首页

以人名为titlebar的个人主页

以地址、歌手名、发布时间为titlebar文字的信息详情页

没返回按钮，而是在按钮上以title文字作为导航，也比较清楚的指导用户上一级是哪个页面。另外，工具栏缩略成一个“+”图标，以动态有趣的方式展示，也是其交互一大亮点。

初次进入没有登录前的引导页面，拖到最底部效果：

亮点1：拖动过程中，遇到有信息的地方，都会浮动动态显示该信息的发布时间。

注册页面，登录页面：

注册页面输入信息很多，故设计上规避了传统的输入框的样式，而是采用了笔记本条纹栏的样式，以简化视觉元素；在性别和年龄的设置上，采用小一号的字体，弱化展示也节省了页面是所有信息在键盘上方都能完全显示，方便注册输入。

注册后选择头像，设置名字：

登录过程页面，登陆成功-path首页：

亮点2：点击左下角的“+”图标，从下至上弧形展开操作图标，“+”图标变为“x”图标；点击每个图标，都会以放大渐隐该图标的动态来进入当前信息发布操作页面。长按页面任意位置或“x”图标，则旋转收回所有的图标还原为默认的收起样式。

标签： UI设计 Path2.0UI设计 交互设计 

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。