火星網校
看過來！個人中心界麵頭圖設計技巧都在這裏
個人中心頁麵是每個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...這種好事，再多來一打！
眾所周知，火星有完善的就業推薦服務圖為火星校園招聘會現場對火星同學們來說，金三銀四、金九銀十並不是找工作的唯一良機火星時代教育......
