個(gè)人中心頁面是每個(gè)app產(chǎn)品都逃不掉的頁面，而這個(gè)頁面的頭部是一個(gè)很好的設(shè)計(jì)觸點(diǎn)，到底可以如何來設(shè)計(jì)個(gè)人中心的頭圖呢？今天給大家看看我的總結(jié)。

我們按照從簡(jiǎn)到繁的順序依次介紹吧！大綱如下：純信息類、填充顏色、輔助圖形、卡通形象、底圖類別、全包形式。

純信息類

這個(gè)類別是最簡(jiǎn)單的，因?yàn)轭^部只有信息，沒有其他內(nèi)容，直接把信息鋪開即可，比如：

雖然是直接信息展示，但其實(shí)也是需要有節(jié)奏感的，比如信息的重量對(duì)比，大小對(duì)比等等。

填充顏色

這種方式是相對(duì)來說比較簡(jiǎn)單的修飾，頭部比較明顯，一個(gè)大色塊，比如：

再比如：

有些平臺(tái)是直接填充純色，有些是填充漸變色，這個(gè)主要看你們平臺(tái)的風(fēng)格。

輔助圖形

最初級(jí)版本的輔助圖形就是用一些大眾化的圖形，例如圓呀、線條啊等等，就像樊登讀書的個(gè)人中心：

相對(duì)來說，這種圓的圖形比較普通，而且就是大圓套小圓，品牌感相對(duì)較低。

所以很多平臺(tái)會(huì)根據(jù)自身的調(diào)性延展一些特有的圖形，然后進(jìn)行頭部打造，比如騰訊動(dòng)漫的個(gè)人中心：

這樣就會(huì)讓圖形更有品牌感。

卡通形象

有一些平臺(tái)相對(duì)來說比較年輕，所以會(huì)選擇使用一些卡通想想來做個(gè)人中心的頭部，比如多閃、閃耀一下等等：

這樣會(huì)讓用戶感覺到產(chǎn)品的活力、親和度，如果你們的平臺(tái)調(diào)性比較年輕可愛，這種方法完全可以嘗試嘗試。

圖片類別

這種圖片類別其實(shí)經(jīng)常用在個(gè)人名片頁（不是個(gè)人中心哈），比如快看、acfun：

方式很簡(jiǎn)單，就是一張圖上面蒙上一層黑色蒙版。

當(dāng)然，有些產(chǎn)品的個(gè)人中心頁面也采用這種方式，比如soul：

再比如馬蜂窩：

不過像馬蜂窩這種方式，對(duì)于版面的利用率是很低的，需要權(quán)衡一些信息漏出的問題。

全包底圖

現(xiàn)在還有一種形式，就是底圖充滿整個(gè)屏幕，這個(gè)就比較復(fù)雜了，比如波洞、叭噠：

這種形式很有沉浸感，如果你的品牌圖形做的很好，或者有一個(gè)可愛的吉祥物，不妨試試這種形式，可以很好的展示品牌調(diào)性。

當(dāng)然，也會(huì)存在一個(gè)版面利用率的問題，畢竟信息漏出的寬度變小了一些，這個(gè)都是設(shè)計(jì)師需要去衡量的。

總結(jié)

在我看來，這幾種形式從簡(jiǎn)到繁的順序依次是：

純信息類 < 填充顏色 < 輔助圖形 < 卡通形象 < 底圖類別 < 全包形式。

不知道你的產(chǎn)品調(diào)性適合哪種形式呢？

以上就是筆者對(duì)于個(gè)人中頁頭部做法的歸納和總結(jié)，不全面的地方，大家可以多多討論交流。

原文作者：菜心設(shè)計(jì)鋪

相關(guān)素材推薦：