个人中心页面是每个app产品都逃不掉的页面,而这个页面的头部是一个很好的设计触点,到底可以如何来设计个人中心的头图呢?今天给大家看看我的总结。
我们按照从简到繁的顺序依次介绍吧!
1.纯信息类
这个类别是最简单的,因为头部只有信息,没有其他内容,直接把信息铺开即可,比如:
虽然是直接信息展示,但其实也是需要有节奏感的,比如信息的重量对比,大小对比等等。
2.填充颜色
这种方式是相对来说比较简单的修饰,头部比较明显,一个大色块,比如:
再比如:
有些平台是直接填充纯色,有些是填充渐变色,这个主要看你们平台的风格。
3.辅助图形
最初级版本的辅助图形就是用一些大众化的图形,例如圆呀、线条啊等等,就像樊登读书的个人中心:
相对来说,这种圆的图形比较普通,而且就是大圆套小圆,品牌感相对较低。
所以很多平台会根据自身的调性延展一些特有的图形,然后进行头部打造,比如腾讯动漫的个人中心:
这样就会让图形更有品牌感。
4.卡通形象
有一些平台相对来说比较年轻,所以会选择使用一些卡通想想来做个人中心的头部,比如多闪、闪耀一下等等:
这样会让用户感觉到产品的活力、亲和度,如果你们的平台调性比较年轻可爱,这种方法完全可以尝试尝试。
5.图片类别
这种图片类别其实经常用在个人名片页(不是个人中心哈),比如快看、acfun:
方式很简单,就是一张图上面蒙上一层黑色蒙版。
当然,有些产品的个人中心页面也采用这种方式,比如soul:
再比如马蜂窝:
不过像马蜂窝这种方式,对于版面的利用率是很低的,需要权衡一些信息漏出的问题。
6.全包底图
现在还有一种形式,就是底图充满整个屏幕,这个就比较复杂了,比如波洞、叭哒:
这种形式很有沉浸感,如果你的品牌图形做的很好,或者有一个可爱的吉祥物,不妨试试这种形式,可以很好的展示品牌调性。
当然,也会存在一个版面利用率的问题,毕竟信息漏出的宽度变小了一些,这个都是设计师需要去衡量的。
总结
在我看来,这几种形式从简到繁的顺序依次是:
纯信息类 < 填充颜色 < 辅助图形 < 卡通形象 < 底图类别 < 全包形式。
不知道你的产品调性适合哪种形式呢?
(文章来源于微信公众号@菜心设计铺,作者@菜心设计铺)
热门课程
专业讲师指导 快速摆脱技能困惑相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题,火星帮你解答电影剪辑通常被称为“隐形的艺术”,尽管剪辑师的名号不如导演的名号响,但是如果缺少了剪辑师对拍摄素材的二次加工,电影作品将缺少其......
今天,我来和大家聊聊,迪士尼动画《海洋奇缘》系列是怎么用Maya软件为他们最新的续集打造获奖动画的。
有哪些听起来高大上、实际上转行同学也能胜任的岗位?试试虚拟现实工程师!
增强现实(AR)和虚拟现实(VR)是当前备受瞩目的创新技术,对相关的增强现实开发、虚拟现实开发、数字孪生开发工程师的人才需求,......
在这个短视频盛行的时代,越来越多的人想要尝试自己进行短视频剪辑,却常常因为缺乏专业知识而无从下手。别担心,今天就为大家带来短视......
今天,我们聊聊皮克斯的《头脑特工队》系列
中国首个AIGC导演共创计划今日正式上线:同学,做导演不要?
中国首个AIGC导演共创计划定于12月6日正式上线。该计划由快手自研视频生成大模型产品“可灵AI”,联合李少红、贾樟柯、叶锦添......