![新印象:解构UI界面设计](https://wfqqreader-1252317822.image.myqcloud.com/cover/507/24982507/b_24982507.jpg)
上QQ阅读APP看书,第一时间看更新
1.6 个人中心页
在App中,个人中心页又称为“我的”页面,通常设计在底部菜单栏的最右侧。社交应用中,个人中心有两种角色的划分,一个是自己的主页面,还有一个是他人的中心页面。自己的个人页面可以自己进行编辑,而他人的页面是供用户关注或进行私信交流的。所以,个人中心页与其他页面在功能上需要有场景区分。
个人中心页主要由头像、个人信息和内容模块组成,通常会采用头像居中对齐的方式进行设计,目的是为了体现当前页面的信息都与本人有关。头像一般会采用圆形,因为这样看起来更为协调,同时画面也会显得更为饱满,如图1-16所示。
![](https://epubservercos.yuewen.com/5F2A5C/13311758105194206/epubprivate/OEBPS/Images/25-1.jpg?sign=1738930283-OoH4AyMw5Q9pjLlNke0ooyBAj6KeAUE9-0-b2a5d503b03fe3ad63b8a3243e528908)
图1-16 居中对齐的个人中心页
还有一种设计是以头像居左对齐为主,通常在信息比较多的情况下会采用这种设计,不仅能节省空间,同时也能让内容在一屏上展示完整,如图1-17所示。
![](https://epubservercos.yuewen.com/5F2A5C/13311758105194206/epubprivate/OEBPS/Images/26-1.jpg?sign=1738930283-5nPGdhGhiZcIOi0lJrYWcSRoWXFdLref-0-6a89ca766b9efa5189a6da6c18b9e237)
图1-17 头像居左对齐的个人中心页
在社交应用中,更多的是要凸显人与人的关系,所以个人中心“关注”和“粉丝”的数量是两个非常重要的信息。设计时应该着重凸显数字,体现个人在群体中的价值,如图1-18所示。
![](https://epubservercos.yuewen.com/5F2A5C/13311758105194206/epubprivate/OEBPS/Images/26-2.jpg?sign=1738930283-apQeiy1lTJiktTBV8GAuGY7cHnymCCxr-0-eec18950e80664a41a7c1865ba9ab36e)
图1-18 社交应用需要凸显数字的价值