《UI设计-AIGC驱动赋能界面完美设计》课件 7.1 相关知识

07项目七设计与制作“校缘通”App项目——

界面设计（四）UI设计——AIGC驱动赋能界面完美设计7.1相关知识7.2任务实施7.3技能提升077.1相关知识7.1.1个人中心页7.1相关知识在App中，个人中心页又称为“我的”页面，通常设计在底部菜单栏的最右侧。社交应用中，个人中心有两种角色的划分，一个是自己的主页面，还有一个是他人的中心页面。自己的个人页面可以自己进行编辑，而他人的页面是供用户关注或进行私信交流的。所以，个人中心页与其他页面在功能上需要有场景区分。个人中心页主要由头像、个人信息和内容模块组成，通常会采用头像居中对齐的方式进行设计，目的是体现当前页面的信息都与本人有关。头像一般会采用圆形，因为这样看起来更为协调，同时画面也会显得更为饱满，如图7-1所示。

图7-1

头像居中布局7.1.1个人中心页7.1相关知识还有一种设计是以头像居左对齐为主，通常在信息比较多的情况下会采用这种设计，不仅能节省空间，同时也能让内容在一屏上展示完整，如图7-2所示。图7-2头像居左布局7.1.2消息页面7.1相关知识一个功能点的页面要，最根本的还是与产品自身的定位和用户需求有关。1.内容/社交类App对于内容和社交类的App而言，消息中心是App中一个非常重要的功能，通常会在一级导航栏中设置一个Tab，作为消息中心的入口。像微信、QQ这类App，聊天作为其最核心的功能，消息中心自然是放在App首页的位置，并且每次打开App的时候首先也是展示消息页面。小红书和微博这类的消息中心主要承载了通知和聊天功能，集合了转发、评论、赞、@等通知功能，以及官方与粉丝、粉丝与粉丝之间的聊天互动功能，如图7-3所示。图7-3社交类7.1.2消息页面7.1相关知识2.电商类App对于电商类App而言，在消息中心里告知用户交易物流信息非常重要；并且因为网购商品无法看到实体商品，所以消费者通过消息对话向商家了解商品信息，几乎是购买过程中都要涉及的步骤。此外，消息中心还会有一些互动、优惠版块等。正因为消息功能使用频率非常高，所以几乎很多电商App都会独立出一个“消息”Tab按钮，方便用户快速进入消息中心入口，如图7-4所示。图7-4电商类7.1.2消息页面7.1相关知识3.资讯类App资讯类App的消息中心几乎都是“我/我的”页面中的链接或者按钮，主要是因为资讯类App的核心需求是文章内容阅读，主要承载部分文章推送或者其他消息推送（在资讯App中首页其实已经会根据用户爱好或订阅而推荐阅读），几乎在使用过程中不需要使用消息功能。一个功能的页面布局和设计，取决于根据产品定位和用户需求决定的需求优先级，消息功能在不同类型的App的需求优先级大概如下：内容/社交类Ap电商类Ap资讯类Ap工具类App。7.1.2消息页面7.1相关知识4.其他功能消息中心除了上述的聊天、私信、物流信息和状态提示等功能外，还能成为App提供更多功能的入口。（1）内容推送：现在很多App将消息中心打造成类似于公众号的形式，制作精美的文章，精准地推送给用户，进行活动推广。这类功能在音乐类App——

网易云音乐、QQ音乐等中会经常看到。（2）活动营销：对于一些追求更多付费和活动转化的需求，会在消息中心推送一些链接，跳转到优惠活动页面，或者推送一些优