火星网校
看过来！个人中心界面头图设计技巧都在这里
个人中心页面是每个app产品都逃不掉的页面，而这个页面的头部是一个很好的设计触点，到底可以如何来设计个人中心的头图呢？今天给大家看看我的总结。
我们按照从简到繁的顺序依次介绍吧！
1.纯信息类
这个类别是最简单的，因为头部只有信息，没有其他内容，直接把信息铺开即可，比如：
虽然是直接信息展示，但其实也是需要有节奏感的，比如信息的重量对比，大小对比等等。
2.填充颜色
这种方式是相对来说比较简单的修饰，头部比较明显，一个大色块，比如：
再比如：
有些平台是直接填充纯色，有些是填充渐变色，这个主要看你们平台的风格。
3.辅助图形
最初级版本的辅助图形就是用一些大众化的图形，例如圆呀、线条啊等等，就像樊登读书的个人中心：
相对来说，这种圆的图形比较普通，而且就是大圆套小圆，品牌感相对较低。
所以很多平台会根据自身的调性延展一些特有的图形，然后进行头部打造，比如腾讯动漫的个人中心：
这样就会让图形更有品牌感。
4.卡通形象
有一些平台相对来说比较年轻，所以会选择使用一些卡通想想来做个人中心的头部，比如多闪、闪耀一下等等：
这样会让用户感觉到产品的活力、亲和度，如果你们的平台调性比较年轻可爱，这种方法完全可以尝试尝试。
5.图片类别
这种图片类别其实经常用在个人名片页（不是个人中心哈），比如快看、acfun：
方式很简单，就是一张图上面蒙上一层黑色蒙版。
当然，有些产品的个人中心页面也采用这种方式，比如soul：
再比如马蜂窝：
不过像马蜂窝这种方式，对于版面的利用率是很低的，需要权衡一些信息漏出的问题。
6.全包底图
现在还有一种形式，就是底图充满整个屏幕，这个就比较复杂了，比如波洞、叭哒：
这种形式很有沉浸感，如果你的品牌图形做的很好，或者有一个可爱的吉祥物，不妨试试这种形式，可以很好的展示品牌调性。
当然，也会存在一个版面利用率的问题，毕竟信息漏出的宽度变小了一些，这个都是设计师需要去衡量的。
总结
在我看来，这几种形式从简到繁的顺序依次是：
纯信息类 < 填充颜色 < 辅助图形 < 卡通形象 < 底图类别 < 全包形式。
不知道你的产品调性适合哪种形式呢？
（文章来源于微信公众号@菜心设计铺，作者@菜心设计铺）
-
2101期学员李思庭作品
-
2104期学员林雪茹作品
-
2107期学员赵凌作品
-
2107期学员赵燃作品
-
2106期学员徐正浩作品
-
2106期学员弓莉作品
-
2105期学员白羽新作品
-
2107期学员王佳蕊作品
热门课程
专业讲师指导 快速摆脱技能困惑
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题，火星帮你解答-
为给新片造势，迪士尼这次豁出去了，拿出压箱底的一众经典IP，开启了梦幻联动朱迪和尼克奉命潜入偏远地带卧底调查 截至11月24日......
-
此前Q2问答环节，邹涛曾将《解限机》首发失利归结于“商业化保守”和“灰产猖獗”，导致预想设计与实际游玩效果偏差大，且表示该游戏......
-
2025 Google Play年度游戏颁奖：洞察移动游戏新趋势
玩家无需四处收集实体卡，轻点屏幕就能开启惊喜开包之旅，享受收集与对战乐趣库洛游戏的《鸣潮》斩获“最佳持续运营游戏”大奖，这不仅......
-
说明：文中所有的配图均来源于网络 在人们的常规认知里，游戏引擎领域的两大巨头似乎更倾向于在各自赛道上激烈竞争，然而，只要时间足......
-
在行政服务优化层面，办法提出压缩国产网络游戏审核周期，在朝阳、海淀等重点区将审批纳入综合窗口；完善版权服务机制，将游戏素材著作......
-
未毕业先就业、组团入职、扎堆拿offer...这种好事，再多来一打！
众所周知，火星有完善的就业推荐服务图为火星校园招聘会现场对火星同学们来说，金三银四、金九银十并不是找工作的唯一良机火星时代教育......
