App的圖標Logo是如何設計的?

2021-01-09 濁與灼
Jackson Pollock 《第31號》

APP的Logo設計!很多看似很簡單的東西,其實都凝聚了設計師大量的心血。

總結起來呢,手機端APP logo的設計也就4種常見套路

第一種:產品名字的首字母/一個字

這個應該很好理解吧!取品牌名稱當中的一個字或者首字母。

一個文字或者一個首字母作為LOGO主元素的優點是:能夠準確地表達APP的應用屬性及其核心業務,更簡單實用,易於推廣。

打開你的手機,不出意外的話,至少會有幾款APP的LOGO是產品名稱的首字母或者產品名字中核心的一個文字。

以一個文字作為LOGO的:支付寶,豆瓣,淘寶,知乎,字裡行間,蝦米等。

比如,以首字母作為LOGO的APP有:Medium,KRFT,Airbnb等。

它們的logo都是採用自己產品名稱首字母作為主要元素,進行變形以達到符合自己產品定位的效果。

舉例說明一下:

像Airbnb的LOGO,看起來很簡單,但它背後有四層含義。

首先,這是一個字母A,代表了Airbnb;

第二,這像是一個人張開雙手,代表了人;

第三,這像是一個標記地理位置的符號,代表地點;

第四,這是一個倒過來的愛心,代表了愛。

所以,以首字母為出發點,融入產品想要傳達的理念進行加工,才是這個APP logo設計套路的精髓,而不是不過腦子的甩上去一個字母就ok了。

這個app logo設計套路有沒有get到了呢? 如果沒有,我們繼續往下get。

第二種APP Logo設計套路:產品全稱

LOGO也可以是產品名字的全稱。這樣做的優點是:簡單粗暴,加深用戶對產品名稱的記憶,不需要對抽象符號二次加工。

比如:得到,簡書,小紅書,一言,有道,美團、毒物APP、有調APP、星座城APP等。

這類的app logo設計,其實就是想辦法把產品名稱融合到APP 圖標logo裡面。既和諧又好看。也可以說最簡單的APP logo設計方式。

第三種APP Logo設計套路:體現產品核心功能的圖形/符號

以體現產品核心功能的圖形為LOGO主要元素,優點是:用戶第一次使用時,通過圖形能夠預判這個產品是幹嘛的。

比如:美拍APP,摩拜單車,小黃車ofo、百度地圖,微信,Foodie,蝸牛閱讀,釘釘,360wifi 等等。

像美拍,直接就是一個攝影機的圖標,很親切告訴用,它就是我們身邊的攝影拍照工具app。

像摩拜單車,光看LOGO你就知道跟騎行有關;百度地圖,一看就知道跟地理位置有關;微信,採用兩個氣泡,很明顯的社交屬性。

相對來說比較有趣的有Foodie,它是一款美食拍照的APP,總的來看是一個相機的鏡頭,又像一個盤子,上面擺放著勺子和叉子,簡單有趣,一語雙關。

蝸牛閱讀,LOGO採用蝸牛和書的元素結合起來,凸顯功能的同時,還傳達了自己的產品特色。

第四種APP Logo設計套路:產品形象

比如:貓眼電影,美團外賣,京東 logo是一隻瞪著眼睛貓;企鵝FM,是一隻帶著耳機的企鵝;印象筆記,是一頭大象。

印象筆記為什麼叫印「象」筆記,為什麼用「大象」作為主要元素。後來我去網上查了一下,是因為美國有句諺語是:「大象永遠不會忘記」。

非常符合印象筆記的產品定位。瞬間感覺好巧妙。所以可以看出,每一個LOGO的背後都有自己的故事和原因,而不是拍腦袋得出的方案。

最後總結下,以上4種APP logo設計方式,就是我們目前最常用的那幾種手機APP LOGO設計套路。不知道你有沒有get到呢?

當然你也可以將不同的處理手法,或者是改進這些app logo設計方法,又或者結合其中幾種起來進行設計(比如:首字母+功能,產品形象+功能)。

但最重要的,最重要的,最重要的,選擇能夠更好的闡述產品定位的表現形式。

有趣的配色

還有個比較有趣的就是配色了,如果你仔細觀察,你會發現大部分App圖標都可以按照顏色分為兩類

1、以藍色為主的冷色;

2、以紅色係為主的暖色。

甚至,如果你足夠留意身邊的事物,你會發現幾乎80%的商標Logo都是以這兩種色係為主,藍或者紅。

這到底是為什呢?今天就來解釋下Logo藍色、紅色所代表的含義。消費者的潛意識對於這兩種顏色色的理解基本上為:

紅色代表冒險,給人心跳加快以及馬上行動的感覺,經常適用於類似清倉大拍賣這樣的衝動消費場景。

比如像淘寶以及京東這類電商平臺,或者可口可樂這樣的快消品,往往Logo以紅色為主。

而藍色代表思考,給人寧靜信任的感覺,傾向適用於人格偏理性的消費者或用戶群體。

比如像惠普、寶馬、知乎這類產品,往往Logo一藍色為主。

簡而言之,紅色Logo的品牌中傾注著冒險與感性的基因,而藍色Logo的品牌則代表著理智與知性的理性。

像比較文藝類的,視頻或圖片編輯器、酷炫的閱讀或書寫有裝逼文字的輕量APP,比較鍾愛黑白色。

看似很不起眼的設計

其實都經歷了很多波折

好了

現在你再返回主界面

看著你安裝的那些App

會不會有些新的體會呢!

相關焦點

  • 新手如何設計App的圖標Logo?
    想要設計一款App圖標logo,卻不知道從何下手,也不清楚尺寸規範。針對新手,如何快速搞定app logo圖標設計?藉助在線設計LOGO神器,今天和大家分享移動App 的logo圖標設計,現學現用容易上手的4個小套路!1.品牌名稱的首字母/漢字
  • logo圖標設計的趨勢是什麼?
    關於平面規劃師來說,需求了解並且發現平面規劃中的盛行趨勢,開掘它的利益並且加以運用,然後將自己的規劃技能提升到一個新的水平,那麼現在logo圖標規劃有哪些盛行趨勢呢?今天就跟隨小編一起來了解下吧!一、計數器這些箭頭,線條,矩形塊等相似計數器中出現的幾何元素被規劃師運用在logo規劃中,它們可以經過一些簡略的組合來創立具有極佳作用的視覺符號。這些幾何圖形可以是單色,突變或多種顏色,組合的整體形狀不只直觀有效地展示了品牌所表達的觀念,並且其負形部分也具有相同重要的含義。二、迷宮線條迷宮在logo中的運用可以增強客戶期望與其品牌或產品相關聯的許多目標。
  • logo在線製作生成_企幫手_免費logo圖標設計工具
    ​商標logo作為公司企業或產品的標識類設計,對其品牌產品進行專業化的品牌LOGO設計是非常重要的。特別是對於不同企業的品牌產品來說,可以有效的為廣大的用戶和消費者提供最佳的辨識性。企幫手是一款操作靈活簡單,功能強大的自助免費logo在線設計工具,擁有多樣化的設計元素,只需簡單幾步,即可在線智能生成logo圖標,提供一站式在線設計服務,海量高端設計任你選擇。行業類別選擇——無論您在哪個行業領域,在這裡都能找到令人滿意的設計。
  • 移動App圖標設計的最佳實踐
    上面是一個短視頻,演示了一個模板的使用方式 五個核心方面 現在來看一下應用圖標設計中的一些最佳實踐案例。筆者將就「應用圖標設計的5個核心方面」一一予以討論,並對如何提高各個方面提出建議,同時展示一些實際處理中的案例。
  • 漸變LOGO,1分鐘創建你的漸變logo設計
    漸變LOGO是近兩年來的一個品牌設計趨勢。由於色彩豐富,漸變色logo在眾多品牌展示中更容易引人注目。下面讓我們欣賞一組由LOGO神器智能生成的漸變色logo,並且學習如何快速創建自己喜歡的漸變logo設計。
  • 這個網站可讓YouTube等APP圖標「變回」舊版設計
    這個網站可讓YouTube等APP圖標「變回」舊版設計 這些年來,不僅iOS的設計發生了變化。許多APP的圖標也進行了多次修改。然而,對於部分人來說,仍舊更喜歡舊版APP圖標的設計,但是還回得去嗎?
  • APP啟動圖標設計方法!
    啟動圖標是應用軟體的主要入口,能直接引導用戶下載並使用應用程式。設計師需要始終以用戶的角度來審視啟動圖標的設計,只有這樣才能達到精確的信息傳達與和諧的視覺效果共存。①了解設計趨勢。在設計領域視覺風格的變化是實時的,使用者們更能接受新的視覺潮流,也願意在自己的行動裝置中看到最流行的視覺元素。這就需要在設計圖標前,先了解最新的設計潮流,並將其視覺風格融入到應用圖標設計中。
  • 為什麼現在的應用圖標都用白色作為背景?
    打開手機後發現,經常用的app已經更新了。出現在你面前的,是另外一個120pxX120px的白色方框,logo在白框內部。其餘的地方,都是白色的。前不久在倫敦、洛杉磯、弗洛倫撒、阿姆斯特丹舉辦的關於「app圖標優化設計」的活動中,很多人談論起了如今流行的app圖標設計趨勢,其中討論最多的話題是為什麼越來越多圖標開始用白色做背景色了?為什麼會這樣呢?
  • 蘋果logo跟梨型圖標的APP像?蘋果起訴Prepear
    蘋果logo跟梨型圖標的APP像?蘋果起訴Prepear  蘋果公司將最新的法律戰火燃到了一款名為「Prepear」的APP上,原因是其圖標和自家公司的缺口蘋果很像,對蘋果品牌造成了侵害。  如圖所示,大家自行判斷下。
  • Instagram推新版app:扁平化圖標成亮點
    據外媒報導,Instagram正式推出了新版App,這次的更新最大的變更點在於應用整體的UI以及圖標。UI由過去的深藍色變為黑色,同時整體上以白色調為主。而爭議性最大的莫過於由原來的相機圖標變為扁平化、明亮鮮豔的圖標。
  • 精選八大免費設計工具,幫你搞定logo設計難題!
    一個吸人眼球的logo能夠讓你的品牌在眾多競爭者中脫穎而出,但是很多人對於logo設計了解非常的有限,設計一個logo並非易事,下面給大家推薦一些免費的logo設計靈感網站和好用的設計工具,希望能夠幫到大家。
  • 最全ui設計圖標解析,圖標概念大揭曉
    那麼我們再來看看圖標的一些分類,各有什麼區別特點!圖標的分類按功能分類圖標分為:1、啟動類圖標,2、系統圖標1、啟動類圖標這類圖標的典型代表有我們手機上的app應用,在手機界面上的展示狀態就是屬於啟動圖標!比如有微信,qq,酷狗音樂,等。
  • 12個圖標logo資源網站整理,有哪些分享圖標資源的網站?
    最近發現很多小夥伴在因為圖標煩惱,做張圖到處找圖標,弄個logo也需要各種各樣的圖標,為此,我也找了找,發現了很多不錯的圖標網站,提供大量的不同格式的圖標共用戶使用,今天整理給大家,希望對你有用。01Flaticon矢量圖標資源網站。
  • 如何更好的設計圖標?這篇講透了!
    本文轉載自【微信公眾號:阿門教你PS,ID:meitian_PS】經微信公眾號授權轉載,如需轉載與原文作者聯繫這是一篇非常全面的圖標設計乾貨側重於方法論方面的指南,涵蓋了從設計第一枚圖標開始到完成一整套圖標所需要的一切,而不是一篇側重於軟體技術方面的指南
  • 免費logo圖標在線製作生成網站,2000多個圖標任你選,免費下載
    免費logo圖標在線製作生成網站,2000多個圖標任你選,免費下載 2020-11
  • 新手如何把ICON圖標設計做好
    本文由:「學設計上兔課網」原創,圖片素材來自網絡,僅供學習分享 新手如何把ICON圖標設計做好?圖標設計,很多人都有自己的一套方法。這裡我跟大家分享一下自己的一些小經驗。
  • 怎麼把手繪的圖標logo 用ps製作出來?
    把手繪的bai圖標logo用ps製作出來的操du作方法和步驟如下: 1、首先,Photoshop打開手繪的圖標logo,如下圖所示。
  • 華為圖標悄然更換,你注意到新Logo的變化了嗎?
    有很多公司會花大價錢設立自己的品牌logo,而logo一旦定型之後一般企業很少會有改動。原有標誌經過多年使用,會產生自己的品牌效應,使使用者更加熟悉,如果貿然改變會失去很多現有的顧客。
  • UI基礎教程之-圖標設計實例教程
    3.打開上篇文章中推導出來的系統圖標柵格系統作為設計圖標的參考。4.這次我們選擇UC頭條的圖標作為原形進行重新設計。選擇UC頭條的icon作為原型的原因是UC頭條菜單的5個圖標比較有代表性,分別是圓形圖標豎長形圖標和異性圖標。唯獨還缺一個正方形圖標所以我們把第一個首頁圖標換為一個正方形的諮訊圖標。
  • 如此簡潔大方而又能凸顯主題的網站logo設計,我還是第一次見!
    在我們生活中會看到很多Logo設計,比如說:服裝logo設計、品牌logo設計、產品logo設計、企業logo設計等等。Logo設計作為企業視覺傳達的核心部分,假若網站是企業的倉庫,裡面儲存著各種產品,網站logo就好比是倉庫的牌匾,所以,倉庫的產品如何快速的銷售出去,這塊「牌匾」的意義重大!網站設計自然要體現出網站的產品屬性、網站頁面是否清晰?網站布局是否合理?