這兩天又在用path，有些同學(xué)應(yīng)該也有用過。這個在2010年上線，之后風(fēng)靡一時又曇花一現(xiàn)的一款私密熟人社交app。
大多數(shù)人印象最深的，首先是path的設(shè)計(jì)風(fēng)格，今天與大家分享path的一些顯而易見又很用心獨(dú)到的設(shè)計(jì)模式。
導(dǎo)航
一款app一般兼有主導(dǎo)航和次級導(dǎo)航，主導(dǎo)航是一級菜單之間的切換，次級導(dǎo)航則是二級菜單甚至以下菜單之間的切換，針對具體某一功能模塊。
path主導(dǎo)航選擇的是選項(xiàng)卡菜單式（即扁平式標(biāo)簽欄）。用戶可以直接從一個版塊跳到另外一個版塊。底部五個tab，以保證頁面的可讀性。path在設(shè)計(jì)標(biāo)簽欄時，選中的 tab 以實(shí)心灰突出顯示，以示區(qū)分。
path“添加好友”頁面，層級關(guān)系明顯，頁面次級導(dǎo)航選擇的是列表菜單式（層級導(dǎo)航）。用戶要到達(dá)另一位置，必須先原路返回，在iOS中叫做返回按鈕（back button），在Android中則稱為向上按鈕（up button）。
btw，任何時候，給予用戶實(shí)時反饋，頁面加載過程中用“l(fā)oading”進(jìn)程器指示加載狀態(tài)，并文字“在 Path 上查找聯(lián)系人”以做文字標(biāo)注。
工具
工具箱
path圖片發(fā)布，由于圖片由大量效果處理的需求，采取底部工具箱的形式。主工具箱放在頁面底部，工具箱標(biāo)簽+圖標(biāo)的形式展現(xiàn)，增強(qiáng)可用性。從主工具箱中選擇一個工具（濾鏡），其子選項(xiàng)才顯示出來，同時提供當(dāng)前位置（頁面頂部） 及 退出路徑；
其他展現(xiàn)方法：
1. 出現(xiàn)一個浮層選項(xiàng)菜單，顯示該工具特定的一個選項(xiàng)集；
2. 也可以作為第二行顯示在工具箱上方，如新浪微博）；
扇形工具箱
懸浮式行為召喚按鈕
path的核心功能是分享（照片、音樂、圖書、電影...every thing），用戶操作單一（即發(fā)布內(nèi)容），把懸浮式行為召喚按鈕（calls to action）放在了中間的tab上是個不錯的選擇。幫助用戶快捷使用特定全局操作（發(fā)布圖文等）。注意：行為召喚按鈕在打開狀態(tài)時，由“+”變成“X”。
行內(nèi)操作
操作按鈕與其作用的對象在同一行，而不是全局或者整個屏幕層級上。行內(nèi)操作應(yīng)靠近被操作對象，選擇用戶熟悉的圖標(biāo)，且可以考慮為圖標(biāo)加上文字標(biāo)簽。path的心形圖標(biāo)標(biāo)示inner circle，實(shí)心表示已添加，空心表示未添加；同時添加聯(lián)系人，添加后的“打鉤”符號表示已添加，都是符合用戶心理預(yù)期的圖標(biāo)。
批量操作
常見的批量操作包括選擇刪除和重新排序，刪除和重排這樣的批量操作最好使用獨(dú)立的編輯模式，并提供一個退出編輯模式的明顯選項(xiàng)；
path 的發(fā)起群聊功能，和私下分享功能，可以批量選擇。點(diǎn)擊“X”或者不做選擇點(diǎn)擊“完成”即可取消。
...諸如此類用的優(yōu)秀設(shè)計(jì)規(guī)范
以上，這些都不是重點(diǎn)...
重點(diǎn)在于不可言表又渾然一體的東西——美感。
在于時間線，時鐘，月亮icon的早晚安，inner circle，鎖，點(diǎn)擊封面的高亮特效，送羊??，在于一鍵分享音樂、定位、圖片...
在于每一個細(xì)節(jié)，每一個瞬間。
Q：為什么文章有種頭重腳輕的感覺？
A：因?yàn)椤X??
