020-29815005
预约专线时间:09:00-23:59

个人中心UI设计的五大要诀!——背景篇

新闻来源:优漫教育 日期:2023-01-03
个人中心作为app内仅次于首页的tab流量入口,重要性自然不言而喻。因而我们在设计时经常迷惑,纠结如何使页面更加合理,实用。
  UI个人中心设计的五大要诀!——背景篇

  个人中心作为app内仅次于首页的tab流量入口,重要性自然不言而喻。因而我们在设计时经常迷惑,纠结如何使页面更加合理,实用。

  而个人中心设计中最难的就是页面背景的选择,背景往往奠定了app的基调和整个页面的信息排布。


UI个人中心设计的五大要诀!——背景篇


  那么我们应该如何设计个人中心背景呢?

  在经过多重分析之后,我总结了五种背景设计方法和大家分享一下。它们分别是:用户自行上传、根据头像变化、根据用户等级、固定背景、无背景。

  1.用户自行上传

  设计特点:

  用户可根据个人喜好选择背景,提高了用户的参与度。同时这种设计方式突出了头部的个人信息区域,优先级相对高于下方的功能入口。

  2.根据头像变化

  设计特点:

  背景根据头像变化,这种设计方式使页面色调、风格与头像统一,整体相对和谐、不突兀,不容易出错。同时背景颜色的改变,也能将个人信息区和功能入口区分开。

  3.根据用户等级

  设计特点:

  提升了高消费用户和付费用户的尊贵感,同时意在为会员营造更优质的环境和更贴心的服务。

  4.固定背景

  设计特点:

  使用主题色,让品牌概念在个人中心再一次得到强化,提高用户对于品牌的辨识度。颜色背景最大的特点是可以根据运营活动作出定制化头部,例如618大促,双11购物节等等,和首页的主题紧密相关。

  5.无背景

  设计特点:

  页面整体干净简洁、弱化了头部的用户信息,从而突出页面其他功能。例如左图的马蜂窝,强化了“记录你的旅行”功能;右图的闲鱼页面功能重要性相对平均,就突出了页面下方的发布按钮。

  优漫教育全程大咖级讲师资亲授,多年教学经验,掌握最前沿的IT技术(移动端设计、UI设计、AI与品牌设计、产品交互、photoshop等),拥有实力雄厚、大型实战项目经验丰富的技术团队。用真实的工作体验让学员提前适应职场,4个月后直接走向工作岗位,避免工作后的水土不服。