中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

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

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

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

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

移動(dòng)社交網(wǎng)絡(luò)：移動(dòng)社交網(wǎng)絡(luò)Path發(fā)布第二代了！Google曾打算一億美元收購(gòu)Path遭拒，可見(jiàn)非常牛。安裝完成后，只需簡(jiǎn)單填寫(xiě)個(gè)人信息，你就可以開(kāi)始你的Path之旅啦！如Path的創(chuàng)始人Dave Morin所說(shuō)，Path的第二個(gè)階段是要讓人們?cè)谌松缆飞稀白プ∷畜w驗(yàn)”(capture all the experiences)。

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

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

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

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

以“path” 為titlebar文字的首頁(yè)

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

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

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

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

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

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

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

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

登錄過(guò)程頁(yè)面，登陸成功-path首頁(yè)：

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

個(gè)人主頁(yè)：

注意和path首頁(yè)的區(qū)別，首頁(yè)有“+”發(fā)布各類信息的浮動(dòng)按鈕，而個(gè)人主頁(yè)沒(méi)有；另外個(gè)人主頁(yè)只有自己發(fā)布的信息，故線左側(cè)沒(méi)有發(fā)布人頭像。如下，左圖是個(gè)人首頁(yè)，右圖是path主頁(yè)。

亮點(diǎn)3：首頁(yè)和個(gè)人主頁(yè)的頁(yè)面左側(cè)都有一條豎線，每條信息都有一個(gè)節(jié)點(diǎn)，代表發(fā)布當(dāng)前信息用戶的交互人/發(fā)布的信息類別。

• 線的節(jié)點(diǎn)上是頭像，則表示與此人的交互信息，比如好友對(duì)某人的評(píng)論，加為某人好友，和他在一起等。若同時(shí)添加多個(gè)好友，則頭像圖標(biāo)會(huì)動(dòng)態(tài)輪換展示這幾個(gè)好友的頭像。
• 為空白點(diǎn)則代表自己的普通行為，如加好友，個(gè)人信息的設(shè)置，說(shuō)一句話等。
• 月亮代表睡覺(jué)，太陽(yáng)代表起床，音樂(lè)圖標(biāo)代表聽(tīng)到音樂(lè)，地點(diǎn)圖標(biāo)代表當(dāng)前地點(diǎn)發(fā)布。
• 加深的點(diǎn)，表示設(shè)置當(dāng)前城市。

圖標(biāo)設(shè)計(jì)簡(jiǎn)潔易識(shí)別，色彩亦能體現(xiàn)其功能區(qū)別，雖然圖標(biāo)一堆，卻沒(méi)有繁雜感。

亮點(diǎn)4：點(diǎn)擊首頁(yè)title左側(cè)的menu圖標(biāo)，和title右側(cè)的好友圖標(biāo)，則分別朝右、朝左滑開(kāi)當(dāng)前頁(yè)面展示如下左圖，右圖，再次點(diǎn)擊圖標(biāo)則按原路滑動(dòng)收回至首頁(yè)。

設(shè)置-修改保存cover圖片的等待過(guò)程，收取提示信息的設(shè)置圖標(biāo)，以灰色/亮色來(lái)表示是否收取。（再次提醒圖標(biāo)設(shè)計(jì)）注銷采用紅色按鈕，以起警示作用

初次使用定位，則將個(gè)人定位至當(dāng)前城市，如下圖為西安市，展示最近訪問(wèn)的當(dāng)?shù)厝?，及總?shù)。搜索不到地址時(shí)，提示創(chuàng)建該位置的彈層

點(diǎn)擊他人頭像進(jìn)入他人主頁(yè)，若不是好友，則顯示如下左圖，加好友過(guò)程如下：

加好友成功后，好友的主頁(yè)：

因?yàn)樽远x了cover圖片（可以理解為網(wǎng)頁(yè)banner背景吧），每個(gè)人的主頁(yè)都可能效果不同。

查看他人的圖片信息詳情：

信息的詳情頁(yè)面都有最近訪客的頭像展示，若某訪客在此信息上發(fā)表了表情，則在頭像上展示該表情。

• 點(diǎn)擊圖片則全屏展示：若為橫向圖片，則旋轉(zhuǎn)至橫向全屏展示，再次點(diǎn)擊圖片則旋轉(zhuǎn)收回至原頁(yè)面；豎向圖片則放大至全屏并朝上滑動(dòng)至頁(yè)頂，再次點(diǎn)擊則朝下收回并縮小至列表樣式。
• 長(zhǎng)按圖片則彈出save選項(xiàng)彈層。

音樂(lè)信息查看：

點(diǎn)擊音樂(lè)信息，則彈出音樂(lè)操作選項(xiàng)：查看該歌手音樂(lè)（右下圖）、從itunes下載歌曲

查看當(dāng)前地點(diǎn)簽到信息，發(fā)布表情交互：

長(zhǎng)按自己所發(fā)布的信息的右側(cè)表情按鈕，則彈出操作層如下：彈層包含發(fā)布表情，刪除該信息，評(píng)論的快捷方式，以及被幾個(gè)好友查看的記錄。

發(fā)布信息：

所有的發(fā)布信息頁(yè)面除了發(fā)布心里話之外，發(fā)布圖片/音樂(lè)/和誰(shuí)一起的第一步是到相應(yīng)功能的選擇圖片/音樂(lè)/好友，選擇完畢則到了“post”發(fā)布頁(yè)面：

thought發(fā)布頁(yè)面：

左下角的鎖圖標(biāo)，表示僅對(duì)自己可見(jiàn)；右下角是分享至其他應(yīng)用的按鈕。若未綁定則提示綁定。

選擇地點(diǎn)/好友/音樂(lè)頁(yè)面：

選擇當(dāng)前地點(diǎn)/好友/音樂(lè)后的post發(fā)布頁(yè)面：

最多可以展示with的4個(gè)好友（可以選擇超過(guò)4個(gè)，但是此處頭像只展示4個(gè)），這個(gè)頁(yè)面排版直觀而易于操作。

來(lái)源：http://www.damndigital.com/archives/56371