大部分應(yīng)用都會有用戶系統(tǒng)，為了讓用戶產(chǎn)生歸屬感，通常都會有用戶個人中心的頁面。今天我們來看看“我的”頁面怎么設(shè)計吧。

“我的”頁面包括哪些內(nèi)容？

一般在我的頁面里，除了用戶信息外還會有一些與用戶強相關(guān)的信息，當(dāng)然還有應(yīng)用設(shè)置和退出登錄。即，用戶信息及其他信息、應(yīng)用設(shè)置、“退出登錄”按鈕。

“我的”頁面有哪些設(shè)計風(fēng)格？

1. 列表式

適用范圍廣，也是最常見的設(shè)計樣式。當(dāng)信息項過多時一定要根據(jù)邏輯關(guān)系進行劃分。除了上下結(jié)構(gòu)的單行列表外，還可以使用滑動的列表樣式。

（圖片來自網(wǎng)絡(luò)）設(shè)計

2. 宮格式

適用于不超過10個信息項的情況，過多信息項使用時在小屏手機會需要上下滑動。宮格樣式可以使用統(tǒng)一的icon或相似的插畫進行設(shè)計，排布采用宮格樣式即可。

（圖片來自網(wǎng)絡(luò)）

3. tab簽

適用于信息項具有平行邏輯的情況，且信息量多，使用列表會導(dǎo)致頁面過長的情況。

（圖片來自網(wǎng)絡(luò)）

4. 側(cè)滑

適用于信息項適中的情況，或無底部應(yīng)用導(dǎo)航項/底部應(yīng)用導(dǎo)航項已達5項的情況。這種設(shè)計可以結(jié)合動畫創(chuàng)造出很多好玩的效果，比如，提升頁面的空間感，有趣的控件樣式等。

（圖片來自網(wǎng)絡(luò)）

5. 個性

適用于特殊用戶應(yīng)用。畢竟蘿卜青菜，各有索愛，適合用戶的才是最好的嘛～

（圖片來自網(wǎng)絡(luò)）

除了可以參考這些風(fēng)格進行設(shè)計，設(shè)計過程中還需要注意一些問題。

1. 強化用戶信息

“我的”頁面主要是展示用戶信息，因此在制作的時候要著重強化用戶信息。可以用視覺和動效的方面進行設(shè)計，視覺可以使用插畫、幾何、添加背景、留白等形式。

（圖片來自網(wǎng)絡(luò)）

2. 考慮未登錄狀態(tài)

（圖片來自網(wǎng)絡(luò)）

最后，“我的”頁面是與用戶最貼近的頁面，除了今天匯總的這些設(shè)計風(fēng)格，也可以根據(jù)用戶人群進行設(shè)計。