書名: 新印象:解構UI界面設計作者名: 王鐸本章字數: 436字更新時間: 2019-10-23 16:15:15
1.6 個人中心頁
在App中,個人中心頁又稱為“我的”頁面,通常設計在底部菜單欄的最右側。社交應用中,個人中心有兩種角色的劃分,一個是自己的主頁面,還有一個是他人的中心頁面。自己的個人頁面可以自己進行編輯,而他人的頁面是供用戶關注或進行私信交流的。所以,個人中心頁與其他頁面在功能上需要有場景區分。
個人中心頁主要由頭像、個人信息和內容模塊組成,通常會采用頭像居中對齊的方式進行設計,目的是為了體現當前頁面的信息都與本人有關。頭像一般會采用圓形,因為這樣看起來更為協調,同時畫面也會顯得更為飽滿,如圖1-16所示。

圖1-16 居中對齊的個人中心頁
還有一種設計是以頭像居左對齊為主,通常在信息比較多的情況下會采用這種設計,不僅能節省空間,同時也能讓內容在一屏上展示完整,如圖1-17所示。

圖1-17 頭像居左對齊的個人中心頁
在社交應用中,更多的是要凸顯人與人的關系,所以個人中心“關注”和“粉絲”的數量是兩個非常重要的信息。設計時應該著重凸顯數字,體現個人在群體中的價值,如圖1-18所示。

圖1-18 社交應用需要凸顯數字的價值
推薦閱讀
- 黑客攻防從入門到精通(實戰秘笈版)
- Python程序設計(第3版)
- 概率成形編碼調制技術理論及應用
- FFmpeg入門詳解:音視頻原理及應用
- 小程序開發原理與實戰
- PHP編程基礎與實例教程
- Mastering Linux Security and Hardening
- Android Studio Cookbook
- Arduino機器人系統設計及開發
- The Statistics and Calculus with Python Workshop
- SAP Web Dynpro for ABAP開發技術詳解:基礎應用
- 透視C#核心技術:系統架構及移動端開發
- jMonkeyEngine 3.0 Beginner’s Guide
- C# 7.0核心技術指南(原書第7版)
- 架構真意:企業級應用架構設計方法論與實踐