當前位置:首頁 >教程首頁 > Photoshop >大廠APP界麵如何露出品牌基因?

大廠APP界麵如何露出品牌基因?

發布時間:2023-03-03 09:26:08

前段時間在交互設計圈有個討論度非常高的話題:“如何在界麵設計中融入品牌基因”,討論區有幾個點讚量非常高的回答:

1、圖形、圖標融入品牌LOGO元素

2、突出品牌色調

3、設計IP,加深具象映射

以上每一條回答都可以做一次深入的界麵設計分析,今天我們就來重點講講:

如何將品牌LOGO元素融入界麵的圖形與圖標設計中

先來看看大廠是怎麼做的吧~

1、 餓了麼

1.jpg

2、站酷

2.jpg

3、網易雲音樂

3.jpg

4、大眾點評

4.jpg

5、嗶哩嗶哩

5.jpg

相信大家通過LOGO與界麵共通元素的對比很快能發現,在界麵設計中有個顯眼又直白的地方既可以融入品牌基因,又不影響功能操作的區域,那就是標簽導航。

6.jpg

我們可以發現,這些大廠app,不約而同地在標簽導航的位置(尤其是首頁導航和個人中心導航的位置)加入了品牌logo的圖形樣式,這樣我們就可以在隻看界麵的情況下,依舊非常明確快速地識別出當前app是哪個品牌出品,潛移默化地讓用戶接收圖形映射,加深品牌印象。

那我們自己在做項目的時候,如何在標簽導航中加入品牌logo的圖形化映射呢,接著帶領大家進行實例演示。

下圖是一個甲方委托我繪製的APP啟動圖標,主營美食行業,要求在界麵中也加入品牌基因,讓人一眼看出與別的APP不同。

7.jpg

甲方的界麵下方有五個標簽導航,分別是“首頁”、“分類”、“喜歡”、“訂單”、“我的”功能界麵,而提到這幾個功能,我相信你的腦海中一定會浮現以下這幾個圖標。

8.jpg

這些圖標的設計都沒有問題,作為將功能屬性圖形化的設計角度出發來說非常正確,但是使用它們會讓你的標簽非常平庸無趣以及過於同質化,想要突出品牌基因,不妨將品牌元素拆分出來,再加入功能展示中,突顯個性,創造品牌獨立性。

比如我們可以先將LOGO進行元素拆解

9.jpg

然後將這些元素在保留圖標功能辨識度的前提下,加入到圖標設計中,替換掉一些輪廓與裝飾的部分。

10.jpg

之後你就會得到非常具有品牌個性化設計感的標簽導航圖標

11.jpg

好噠,今天的教程和分析就到這裏啦,快試試在你的標簽圖標中融入品牌基因的個性化設計吧!

來源:視覺半徑公眾號

作者:劉雯雯

华体会hth体育网 賞析
  • 2101期學員李思庭作品

    2101期學員李思庭作品

  • 2104期學員林雪茹作品

    2104期學員林雪茹作品

  • 2107期學員趙淩作品

    2107期學員趙淩作品

  • 2107期學員趙燃作品

    2107期學員趙燃作品

  • 2106期學員徐正浩作品

    2106期學員徐正浩作品

  • 2106期學員弓莉作品

    2106期學員弓莉作品

  • 2105期學員白羽新作品

    2105期學員白羽新作品

  • 2107期學員王佳蕊作品

    2107期學員王佳蕊作品

專業問題谘詢

你擔心的問題,火星幫你解答
  • 廣州視頻剪輯培訓機構有哪些

    在廣州這座繁華的都市中,數字創意產業正蓬勃發展,廣州視頻剪輯培訓成為許多影視愛好者的理想起點。隨著短視頻平台和影視製作需求的激......

  • 北京UI設計培訓免費試聽攻略

    在北京這樣一座充滿創意活力的都市,UI設計培訓正成為無數年輕人追逐職業夢想的跳板。隨著數字經濟的蓬勃發展,UI設計行業在北京展......

  • 北京平麵設計培訓機構排名榜

    在當今創意經濟蓬勃發展的浪潮中,北京平麵設計培訓成為眾多職業追求者的理想起點。這座城市的活力與機遇吸引著無數人投身視覺藝術領域......

  • 北京虛幻引擎課程內容全解析

    在影視和設計行業蓬勃發展的今天,虛幻引擎作為核心技術工具,正引領著視覺創作的革命。越來越多的人渴望掌握這門技能,而專業的培訓成......

  • 北京平麵設計課程如何選擇適合的

    在北京這座文化創意中心,平麵設計培訓行業蓬勃發展,為渴望入行的學員提供了豐富機遇。隨著數字媒體和影視產業的崛起,掌握視覺傳達技......

  • 上海3D建模短訓班課程內容解析

    在上海這座充滿活力的城市,影視和設計行業正迎來前所未有的發展機遇,數字技術的進步讓3D建模成為創意產業的核心驅動力。參加專業的......

×

同學您好!

您已成功報名0元試學活動,老師會在第一時間與您取得聯係,請保持電話暢通!
確定