大部分應(yīng)用都會有用戶系統(tǒng)，為了讓用戶產(chǎn)生歸屬感，通常都會有用戶個人中心的頁面。今天我們來看看“我的”頁面怎么設(shè)計(jì)吧。
“我的”頁面包括哪些內(nèi)容？
一般在我的頁面里，除了用戶信息外還會有一些與用戶強(qiáng)相關(guān)的信息，當(dāng)然還有應(yīng)用設(shè)置和退出登錄。即，用戶信息及其他信息、應(yīng)用設(shè)置、“退出登錄”按鈕。
“我的”頁面有哪些設(shè)計(jì)風(fēng)格？
1. 列表式
適用范圍廣，也是最常見的設(shè)計(jì)樣式。當(dāng)信息項(xiàng)過多時一定要根據(jù)邏輯關(guān)系進(jìn)行劃分。除了上下結(jié)構(gòu)的單行列表外，還可以使用滑動的列表樣式。
2. 宮格式
適用于不超過10個信息項(xiàng)的情況，過多信息項(xiàng)使用時在小屏手機(jī)會需要上下滑動。宮格樣式可以使用統(tǒng)一的icon或相似的插畫進(jìn)行設(shè)計(jì)，排布采用宮格樣式即可。
3. tab簽
適用于信息項(xiàng)具有平行邏輯的情況，且信息量多，使用列表會導(dǎo)致頁面過長的情況。
4. 側(cè)滑
適用于信息項(xiàng)適中的情況，或無底部應(yīng)用導(dǎo)航項(xiàng)/底部應(yīng)用導(dǎo)航項(xiàng)已達(dá)5項(xiàng)的情況。這種設(shè)計(jì)可以結(jié)合動畫創(chuàng)造出很多好玩的效果，比如，提升頁面的空間感，有趣的控件樣式等。
5. 個性
適用于特殊用戶應(yīng)用。畢竟蘿卜青菜，各有索愛，適合用戶的才是最好的嘛～
除了可以參考這些風(fēng)格進(jìn)行設(shè)計(jì)，設(shè)計(jì)過程中還需要注意一些問題。
1. 強(qiáng)化用戶信息
“我的”頁面主要是展示用戶信息，因此在制作的時候要著重強(qiáng)化用戶信息。可以用視覺和動效的方面進(jìn)行設(shè)計(jì)，視覺可以使用插畫、幾何、添加背景、留白等形式。
2. 考慮未登錄狀態(tài)
最后，“我的”頁面是與用戶最貼近的頁面，除了今天匯總的這些設(shè)計(jì)風(fēng)格，也可以根據(jù)用戶人群進(jìn)行設(shè)計(jì)。
