研究了上百个产品，才发现原来个人中心头图就这6个套路！

个人中心页面是每个app产品都逃不掉的页面，而这个页面的头部是一个很好的设计触点，到底可以如何来设计个人中心的头图呢？今天给大家看看我的总结。

我们按照从简到繁的顺序依次介绍吧！

大纲如下：

• 纯信息类
• 填充颜色
• 辅助图形
• 卡通形象
• 底图类别
• 全包形式

纯信息类

这个类别是最简单的，因为头部只有信息，没有其他内容，直接2 9 – ` U D A U D把信息铺开即可，比如：

虽然是直接信息展示，但其实也是需要有节奏感的，比如信息的重量对比，大小对比等等。

填充颜色

这种方式是相对来说/ q w比较j Z w简单的修饰，头部比较明显，一个大色块，L 2 n / # Z = g I比如：

再& b = T n I k 0比如u a = Y G )：

有些平台是直接填充纯色，有些是填充渐变色，这个主要看你们平台的风格。

辅助图形

最初级版本的辅助图形就是用一些大众化的图形，例如圆呀、线条啊等等，就像樊登读书的个人中心：

相对来说，这种圆的图形比较普通，而且就是大圆套小圆，品牌感相对较低。

所s ] j j b E以很多平台会根据自身的调性延展一些特有的图形，然后进# # J 9 e i行头部打造，比如腾讯动漫的个人n 2 a ) .中心：

这样就会让图形更有品牌感。

卡通形象

有一些平台相对来说比较年轻，所以_ A ^会选择使用一些卡通想想来做个人中心的头部，比如多闪、闪耀一下等等：

这样会让用户感觉到产品o 6 U _ 9 6的活力、亲和度，如果你们的平台调性比较年轻可爱，这种方法完全可以尝试尝试。

图片类别| k 9 2 ? _

这种图片类别其实经常用在个人名片页（不是个人中心哈），比如快看、acfu: X H ` * ` O L 8n：

方式很简单，就是一张图上面蒙上一层黑色蒙版。

当然，有些产品的个人中心页面也采用这种方式，比如soulS M 6 F k：

再比如马蜂窝：

不过像马蜂窝这种方式，对于版面的利用率是很低的，需O | m ? x ; a要权衡一些信息漏出的问0 q l 1题。

全m & n u包底图

现在还有一种形式，就是底图充满整个屏幕，这个就比较复杂了，比如波洞、叭哒：

这种形式很有沉浸感，如果你的品牌图形做的很好，或者有一个可爱的吉祥物，不妨试试这种S Q n v形式，可以很好的展示品牌调性。

当然，N 3 , f也会存在一个版面利用率的问题，毕竟信息漏出的宽度变小了一些，这个都是设计师需要去衡量的。

总结

在我看来，这几种形式从简到繁的顺序依次| c 9是：

纯信息类 < 填充颜色 < 辅助图形 < 卡通形C A j 4 ! j象 < 底图类别 < 全包形式。

不知道你的产= g d w S } z品调性适合哪种形式呢？

以上就是菜心对于个人中页头部做法的归纳和$ J h T _ B K总结，不全面的地方，大家可以多多讨论交流x t | X } | [ N。

欢迎关注作者J J y y Y ( +的微信公众号：「菜心设计铺」