研究了上百个产品,才发现原来个人中心头图就这么几个套路!

Recommanded by editor
深圳/学生/4年前/8479浏览
研究了上百个产品,才发现原来个人中心头图就这么几个套路!Recommanded by editor

菜心的第201篇原创

2020年的第79篇

距离2020年小目标40篇原创已超出39篇



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


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


大纲如下:

1.纯信息类

2.填充颜色

3.辅助图形

4.卡通形象

5.底图类别

6.全包形式



1.纯信息类

这个类别是最简单的,因为头部只有信息,没有其他内容,直接把信息铺开即可,比如:



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


2.填充颜色

这种方式是相对来说比较简单的修饰,头部比较明显,一个大色块,比如:



再比如:



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


 3.辅助图形 


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


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


所以很多平台会根据自身的调性延展一些特有的图形,然后进行头部打造,比如腾讯动漫的个人中心:


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


4.卡通形象 

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


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



5.图片类别

这种图片类别其实经常用在个人名片页(不是个人中心哈),比如快看、acfun:


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


当然,有些产品的个人中心页面也采用这种方式,比如soul:



再比如马蜂窝:


不过像马蜂窝这种方式,对于版面的利用率是很低的,需要权衡一些信息漏出的问题。


 6.全包底图 

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


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


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


总结

在我看来,这几种形式从简到繁的顺序依次是:

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

不知道你的产品调性适合哪种形式呢?


以上就是菜心对于个人中页头部做法的归纳和总结,不全面的地方,大家可以多多讨论交流。


长点心,比啥都强

主页扫码关注,更强!


213
阅读原文
|
Report
|
245
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
文章
文章
文章
文章
作品收藏夹
新增收藏夹
新增收藏夹
新增收藏夹
新增收藏夹
作品收藏夹
UI原则
UI原则
UI原则
UI原则
作品收藏夹
平面设计精选
平面设计精选
平面设计精选
平面设计精选
作品收藏夹
网页精选2
网页精选2
网页精选2
网页精选2
作品收藏夹
大家都在看
Log in