前段時間在交互設計圈有個討論度非常高的話題:“如何在界麵設計中融入品牌基因”,討論區有幾個點讚量非常高的回答:
1、圖形、圖標融入品牌LOGO元素
2、突出品牌色調
3、設計IP,加深具象映射
以上每一條回答都可以做一次深入的界麵設計分析,今天我們就來重點講講:
如何將品牌LOGO元素融入界麵的圖形與圖標設計中
先來看看大廠是怎麼做的吧~
1、 餓了麼
2、站酷
3、網易雲音樂
4、大眾點評
5、嗶哩嗶哩
相信大家通過LOGO與界麵共通元素的對比很快能發現,在界麵設計中有個顯眼又直白的地方既可以融入品牌基因,又不影響功能操作的區域,那就是標簽導航。
我們可以發現,這些大廠app,不約而同地在標簽導航的位置(尤其是首頁導航和個人中心導航的位置)加入了品牌logo的圖形樣式,這樣我們就可以在隻看界麵的情況下,依舊非常明確快速地識別出當前app是哪個品牌出品,潛移默化地讓用戶接收圖形映射,加深品牌印象。
那我們自己在做項目的時候,如何在標簽導航中加入品牌logo的圖形化映射呢,接著帶領大家進行實例演示。
下圖是一個甲方委托我繪製的APP啟動圖標,主營美食行業,要求在界麵中也加入品牌基因,讓人一眼看出與別的APP不同。
甲方的界麵下方有五個標簽導航,分別是“首頁”、“分類”、“喜歡”、“訂單”、“我的”功能界麵,而提到這幾個功能,我相信你的腦海中一定會浮現以下這幾個圖標。
這些圖標的設計都沒有問題,作為將功能屬性圖形化的設計角度出發來說非常正確,但是使用它們會讓你的標簽非常平庸無趣以及過於同質化,想要突出品牌基因,不妨將品牌元素拆分出來,再加入功能展示中,突顯個性,創造品牌獨立性。
比如我們可以先將LOGO進行元素拆解
然後將這些元素在保留圖標功能辨識度的前提下,加入到圖標設計中,替換掉一些輪廓與裝飾的部分。
之後你就會得到非常具有品牌個性化設計感的標簽導航圖標
好噠,今天的教程和分析就到這裏啦,快試試在你的標簽圖標中融入品牌基因的個性化設計吧!
來源:視覺半徑公眾號
作者:劉雯雯
上一篇 PS製作動效海報設計
熱門課程
專業講師指導 快速擺脫技能困惑相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題,火星幫你解答想成為專業美工人才?選擇合適的美工高級培訓機構至關重要,本文將介紹如何選擇一家優質的美工培訓機構。
想了解學界麵設計培訓價格?本文將介紹界麵設計培訓費用及相關信息,幫助你選擇適合的界麵設計課程。
UE5培訓就業再收費是當前熱門話題,本文通過分析相關情況,探討該現象的利與弊。
想要學習平麵設計卻不知道從哪裏開始?本文為您提供詳細的平麵設計學習指南,讓您輕鬆入門平麵設計世界。
想要學習ue5開發?這篇文章為您推薦了一家專業的ue5培訓機構,讓您快速掌握ue5技能。
想成為一名專業的家居設計師嗎?快速提升家裝設計技能,全麵了解家居設計流程與技巧,火星時代教育為你提供優質的家裝設計培訓課程。
1. 打開微信掃一掃,掃描左側二維碼
2. 添加老師微信,馬上領取免費課程資源
同學您好!