如Path的創(chuàng)始人Dave Morin所說，Path的第二個(gè)階段是要讓人們?cè)谌松�道路�?ldquo;抓住所有體驗(yàn)”(capture all the experiences)。這款目前的私密社交應(yīng)用王者，在半年前對(duì)于UI系統(tǒng)的重新設(shè)計(jì)可謂是驚煞旁人。其人性化的設(shè)計(jì)理念與簡潔到極點(diǎn)的設(shè)計(jì)風(fēng)格可以說是一本教科書，以至于雖然吸引了大批模仿者但是——在這一派風(fēng)格中——始終無出其右者。

以下是一篇關(guān)于Path 2.0的UI系統(tǒng)的分析，從“個(gè)人頁面”、“他人頁面”、“分享機(jī)制”三個(gè)角度點(diǎn)評(píng)了Path2.0在UI設(shè)計(jì)上的亮點(diǎn)，附議大量配圖，非常的詳盡，各位工作中對(duì)UI設(shè)計(jì)有一定涉獵的讀者一定不可以錯(cuò)過。

*該文源自網(wǎng)絡(luò)上傳播的一份PDF文件，互動(dòng)中國嘗試尋找原作者未果，如果您是該文章的版權(quán)擁有者，請(qǐng)隨時(shí)通過網(wǎng)頁最下方的通訊方式與我們聯(lián)系。

Path2.0——移動(dòng)社交網(wǎng)絡(luò)應(yīng)用說明

移動(dòng)社交網(wǎng)絡(luò)：移動(dòng)社交網(wǎng)絡(luò)Path發(fā)布第二代了！Google曾打算一億美元收購Path遭拒，可見非常牛。安裝完成后，只需簡單填寫個(gè)人信息，你就可以開始你的Path之旅啦！如Path的創(chuàng)始人Dave Morin所說，Path的第二個(gè)階段是要讓人們?cè)谌松�道路�?ldquo;抓住所有體驗(yàn)”(capture all the experiences)。

Path 2的UI設(shè)計(jì)相當(dāng)出色。向右滑動(dòng)會(huì)出現(xiàn)設(shè)置頁，向左滑動(dòng)會(huì)出現(xiàn)添加好友頁（可通過通訊錄、Facebook添加，或通過郵件邀請(qǐng)），向上向下滑動(dòng)后，會(huì)出現(xiàn)一個(gè)時(shí)間軸(timeline)，方便地提示你當(dāng)前查看的Path(即自己或好友的分享)是何時(shí)發(fā)出的。最核心的是左下角的紅白色加號(hào)按鈕，點(diǎn)擊后會(huì)出現(xiàn)6類功能，依次是：照片、和誰在一起、當(dāng)前地點(diǎn)、在聽的音樂、在想的事情、以及睡眠，使用起來得心應(yīng)手，十分方便。你不僅可以和Path好友分享，還能把你的分享發(fā)布到Facebook或Foursquare等網(wǎng)站上。

和之前版本相比，Path 2從側(cè)重照片分享走向“分享一切”、好友上限從50人增加到150人、長途旅行以后，Path還會(huì)自動(dòng)利用位置功能幫你發(fā)布“已達(dá)某地”信息（可在設(shè)置里關(guān)掉）。

總體分析此應(yīng)用結(jié)構(gòu)：

導(dǎo)航title有3種：

 以“path” 為titlebar文字的首頁

以人名為titlebar的個(gè)人主頁

以地址、歌手名、發(fā)布時(shí)間為titlebar文字的信息詳情頁

沒返回按鈕，而是在按鈕上以title文字作為導(dǎo)航，也比較清楚的指導(dǎo)用戶上一級(jí)是哪個(gè)頁面。另外，工具欄縮略成一個(gè)“+”圖標(biāo)，以動(dòng)態(tài)有趣的方式展示，也是其交互一大亮點(diǎn)。

初次進(jìn)入沒有登錄前的引導(dǎo)頁面，拖到最底部效果：

亮點(diǎn)1：拖動(dòng)過程中，遇到有信息的地方，都會(huì)浮動(dòng)動(dòng)態(tài)顯示該信息的發(fā)布時(shí)間。

注冊(cè)頁面，登錄頁面：

注冊(cè)頁面輸入信息很多，故設(shè)計(jì)上規(guī)避了傳統(tǒng)的輸入框的樣式，而是采用了筆記本條紋欄的樣式，以簡化視覺元素；在性別和年齡的設(shè)置上，采用小一號(hào)的字體，弱化展示也節(jié)省了頁面是所有信息在鍵盤上方都能完全顯示，方便注冊(cè)輸入。

注冊(cè)后選擇頭像，設(shè)置名字：

登錄過程頁面，登陸成功-path首頁：

亮點(diǎn)2：點(diǎn)擊左下角的“+”圖標(biāo)，從下至上弧形展開操作圖標(biāo)，“+”圖標(biāo)變?yōu)?ldquo;x”圖標(biāo)；點(diǎn)擊每個(gè)圖標(biāo)，都會(huì)以放大漸隱該圖標(biāo)的動(dòng)態(tài)來進(jìn)入當(dāng)前信息發(fā)布操作頁面。長按頁面任意位置或“x”圖標(biāo)，則旋轉(zhuǎn)收回所有的圖標(biāo)還原為默認(rèn)的收起樣式。

標(biāo)簽： UI設(shè)計(jì) Path2.0UI設(shè)計(jì) 交互設(shè)計(jì) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。