火星網校
大廠APP界麵如何露出品牌基因？
前段時間在交互設計圈有個討論度非常高的話題：“如何在界麵設計中融入品牌基因”，討論區有幾個點讚量非常高的回答：
1、圖形、圖標融入品牌LOGO元素
2、突出品牌色調
3、設計IP，加深具象映射
以上每一條回答都可以做一次深入的界麵設計分析，今天我們就來重點講講：
如何將品牌LOGO元素融入界麵的圖形與圖標設計中
先來看看大廠是怎麼做的吧~
1、 餓了麼
2、站酷
3、網易雲音樂
4、大眾點評
5、嗶哩嗶哩
相信大家通過LOGO與界麵共通元素的對比很快能發現，在界麵設計中有個顯眼又直白的地方既可以融入品牌基因，又不影響功能操作的區域，那就是標簽導航。
我們可以發現，這些大廠app，不約而同地在標簽導航的位置（尤其是首頁導航和個人中心導航的位置）加入了品牌logo的圖形樣式，這樣我們就可以在隻看界麵的情況下，依舊非常明確快速地識別出當前app是哪個品牌出品，潛移默化地讓用戶接收圖形映射，加深品牌印象。
那我們自己在做項目的時候，如何在標簽導航中加入品牌logo的圖形化映射呢，接著帶領大家進行實例演示。
下圖是一個甲方委托我繪製的APP啟動圖標，主營美食行業，要求在界麵中也加入品牌基因，讓人一眼看出與別的APP不同。
甲方的界麵下方有五個標簽導航，分別是“首頁”、“分類”、“喜歡”、“訂單”、“我的”功能界麵，而提到這幾個功能，我相信你的腦海中一定會浮現以下這幾個圖標。
這些圖標的設計都沒有問題，作為將功能屬性圖形化的設計角度出發來說非常正確，但是使用它們會讓你的標簽非常平庸無趣以及過於同質化，想要突出品牌基因，不妨將品牌元素拆分出來，再加入功能展示中，突顯個性，創造品牌獨立性。
比如我們可以先將LOGO進行元素拆解
然後將這些元素在保留圖標功能辨識度的前提下，加入到圖標設計中，替換掉一些輪廓與裝飾的部分。
之後你就會得到非常具有品牌個性化設計感的標簽導航圖標
好噠，今天的教程和分析就到這裏啦，快試試在你的標簽圖標中融入品牌基因的個性化設計吧！
來源：視覺半徑公眾號
作者：劉雯雯
上一篇 PS製作動效海報設計
-
2101期學員李思庭作品
-
2104期學員林雪茹作品
-
2107期學員趙淩作品
-
2107期學員趙燃作品
-
2106期學員徐正浩作品
-
2106期學員弓莉作品
-
2105期學員白羽新作品
-
2107期學員王佳蕊作品
熱門課程
專業講師指導 快速擺脫技能困惑
相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題，火星幫你解答-
為給新片造勢，迪士尼這次豁出去了，拿出壓箱底的一眾經典IP，開啟了夢幻聯動朱迪和尼克奉命潛入偏遠地帶臥底調查 截至11月24日......
-
此前Q2問答環節，鄒濤曾將《解限機》首發失利歸結於“商業化保守”和“灰產猖獗”，導致預想設計與實際遊玩效果偏差大，且表示該遊戲......
-
2025 Google Play年度遊戲頒獎：洞察移動遊戲新趨勢
玩家無需四處收集實體卡，輕點屏幕就能開啟驚喜開包之旅，享受收集與對戰樂趣庫洛遊戲的《鳴潮》斬獲“最佳持續運營遊戲”大獎，這不僅......
-
說明：文中所有的配圖均來源於網絡 在人們的常規認知裏，遊戲引擎領域的兩大巨頭似乎更傾向於在各自賽道上激烈競爭，然而，隻要時間足......
-
在行政服務優化層麵，辦法提出壓縮國產網絡遊戲審核周期，在朝陽、海澱等重點區將審批納入綜合窗口；完善版權服務機製，將遊戲素材著作......
-
未畢業先就業、組團入職、紮堆拿offer...這種好事，再多來一打！
眾所周知，火星有完善的就業推薦服務圖為火星校園招聘會現場對火星同學們來說，金三銀四、金九銀十並不是找工作的唯一良機火星時代教育......
