個人中心頁麵是每個app產品都逃不掉的頁麵,而這個頁麵的頭部是一個很好的設計觸點,到底可以如何來設計個人中心的頭圖呢?今天給大家看看我的總結。
我們按照從簡到繁的順序依次介紹吧!
1.純信息類
這個類別是最簡單的,因為頭部隻有信息,沒有其他內容,直接把信息鋪開即可,比如:
雖然是直接信息展示,但其實也是需要有節奏感的,比如信息的重量對比,大小對比等等。
2.填充顏色
這種方式是相對來說比較簡單的修飾,頭部比較明顯,一個大色塊,比如:
再比如:
有些平台是直接填充純色,有些是填充漸變色,這個主要看你們平台的風格。
3.輔助圖形
最初級版本的輔助圖形就是用一些大眾化的圖形,例如圓呀、線條啊等等,就像樊登讀書的個人中心:
相對來說,這種圓的圖形比較普通,而且就是大圓套小圓,品牌感相對較低。
所以很多平台會根據自身的調性延展一些特有的圖形,然後進行頭部打造,比如騰訊動漫的個人中心:
這樣就會讓圖形更有品牌感。
4.卡通形象
有一些平台相對來說比較年輕,所以會選擇使用一些卡通想想來做個人中心的頭部,比如多閃、閃耀一下等等:
這樣會讓用戶感覺到產品的活力、親和度,如果你們的平台調性比較年輕可愛,這種方法完全可以嚐試嚐試。
5.圖片類別
這種圖片類別其實經常用在個人名片頁(不是個人中心哈),比如快看、acfun:
方式很簡單,就是一張圖上麵蒙上一層黑色蒙版。
當然,有些產品的個人中心頁麵也采用這種方式,比如soul:
再比如馬蜂窩:
不過像馬蜂窩這種方式,對於版麵的利用率是很低的,需要權衡一些信息漏出的問題。
6.全包底圖
現在還有一種形式,就是底圖充滿整個屏幕,這個就比較複雜了,比如波洞、叭噠:
這種形式很有沉浸感,如果你的品牌圖形做的很好,或者有一個可愛的吉祥物,不妨試試這種形式,可以很好的展示品牌調性。
當然,也會存在一個版麵利用率的問題,畢竟信息漏出的寬度變小了一些,這個都是設計師需要去衡量的。
總結
在我看來,這幾種形式從簡到繁的順序依次是:
純信息類 < 填充顏色 < 輔助圖形 < 卡通形象 < 底圖類別 < 全包形式。
不知道你的產品調性適合哪種形式呢?
(文章來源於微信公眾號@菜心設計鋪,作者@菜心設計鋪)
熱門課程
專業講師指導 快速擺脫技能困惑相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題,火星幫你解答想要製作自己的手機遊戲嗎?火星時代教育讓您實現此目標!理論學習與實戰操作相結合,我們的專業課程將帶您逐步掌握手機遊戲製作的精髓。
了解影視後期技能培訓學校的重要性,以及火星時代教育如何幫助你成為創意工業的精英。
詳解影視概念培訓的收費模式與注意事項,以及火星時代教育在此領域的優勢和服務介紹。
火星時代教育為您詳盡介紹UI設計課程培訓價格,助你快速掌握UI設計技能,提升職場競爭力
揭示UE界麵設計的關鍵技術與實踐應用,探究如何運用設計思維和工具提升產品用戶體驗。火星時代,引領教育創新。
若你想浸入影視動畫行業,挑選一所優質的專業培訓機構至關重要。從專業設施、師資力量到畢業生就業,火星時代教育與眾不同,是靠譜的影......
1. 打開微信掃一掃,掃描左側二維碼
2. 添加老師微信,馬上領取免費課程資源
同學您好!