都是圖形,「做logo」和「畫icon」到底有哪些差別?

2021-12-25 UI頭條

從事設計,尤其是網際網路設計師,logo和icon一定是你平日裡出現最高頻的詞語之一。

我們在日常的工作中可能會有這樣的經歷比如:

周三我有一組icon要畫完。

或是,

下周我有一個logo要做。

… …

都是圖形化的設計工作,為何我們經常會說「做logo」,而不是「畫logo」,而對icon卻說「畫icon」而不是」做icon」?

這個細微的洞察你也許從來沒關注過,但這一字之差卻能說明這兩類圖形最底層屬性上的差別。

首先,我在百度百科裡查了下logo的官方定義:

logo是logotype的簡稱,在以前指的是一家公司的籤名或符號。該詞起源於希臘語:logos,意思是「文字」。 在圖片設計的語境中來說,文字符號通常用來指公司的名稱。如果標誌沒有文字,我們稱其為「象徵圖案」(symbols),但用來溝通的象徵圖案(如交通標誌或指示牌)實際上是一種「象形符號」(pictographs) 如果一個標誌僅由字體組成,他們可以稱為字母標( lettermarks)、文字標( wordmarks),或者稱為字母組合標誌( monograms),通常這些文字標誌是採用首字母或縮寫的形式來表現,當然,也可以用公司全稱。當象徵圖案及文字標誌結合在一起,就是我們所說的「混合標誌」( combination marks)。

百度百科的解釋略有複雜,我按我的理解來翻譯一下就是:logo是公司(或是企業)的一個傳播符號。在營銷或是傳播領域裡,我們會對某個企業有自己的認知和理解,這是觀念意識層面。視覺層面的「符號具象化」大多就是這個logo。或者說logo是視覺符號裡最重要的一部分。

在來看下百度百科裡對icon的解釋:

icon是上世紀九十年代伴隨IT產業出現的一個技術詞彙,原指計算機軟體編程中為使人機界面更加易於操作和人性化而設計出的標識特定功能的圖形標誌。

這個解釋不難理解,icon的起源來自IT業,為了在圖形界面裡易於操作而誕生。

其實,讀到這裡你應該能多少感覺到logo和icon所承載的功能和意義本質上不太一樣。即便有些設計產出logo和icon看起來十分相似。

所以,這篇文章我就來聊聊logo和icon的差別。

1.logo的外延信息多

logo是企業的符號,是企業的「視覺名片」。但也不單單只有名片的價值。

它有一部分要承載企業價值觀的使命。不能說所有的企業都把自己的價值觀融入到logo中,但全球很多大企業的logo如果追本溯源,都能從logo裡找到很多企業使命的故事。

舉幾個例子,比如:

亞馬遜的logo代表了希望客戶在體驗了一次亞馬遜購物之旅之後會是微笑的、滿意的。logo上面的黃色曲線和單詞裡面的「a」字母組成了一個笑臉。這個黃色曲線也是一個箭頭,從字母「a」一直跨越到 字母「z」。這個意味著在亞馬遜的產品是多樣性的,從「a」到「z」的產品都有,並且還意指到亞馬遜公司本身也是多樣化的公司。

阿迪達斯三條紋logo早年由阿迪達斯的創辦人阿迪·達斯勒設計,因三條紋看起來像一座山,象徵著希望人們需要去克服的困難、成就將來和繼續完成目標的願望(也有說早年這三條線沒有意義,後來企業發展壯大了又將其賦予山的意義)。

謳歌(本田汽車的高端品牌)用一把專門用於精確測量的卡鉗為LOGO的原型,由本田創始人和精神領袖本田宗一郎在兩個鉗把之間加入了一個小橫槓,由此用象形的大寫字母「A」來代表這一品牌。不論是拉丁語原意還是作為標誌原型的卡鉗,都寓意著Acura(謳歌)這一代表著最高造車水平品牌的核心價值:精確、精密、精緻。

logo就好比我們每個個體的名字,在出生的那一刻起,父母給我們起名的時候就會在僅有的兩三個字的組合中賦予很多個對未來的成長和期盼。

在做logo的時候,也是企業「出生」的時候,設計師會高度提煉圖形,將其符號化之後賦予很多意義。所以,logo大多簡潔而抽象,因為抽象可以更有想像力,可以擴展的信息也就越多。

反過來說,icon具象,更在意圖形的識別性,也就是說,設計者更在意不同人看到這個圖形之後理解是否一致。越趨同,icon的的價值也就越大。

2.logo服務於品牌和傳播,icon服務於操作

都是圖形,但在設計那一刻起,兩個圖形的使命和意義註定不一樣。

品牌在找到自身差異化之後需要有視覺符號般的錘子將自己的產品定位植入目標消費者的腦海裡,logo天然具有這樣的使用場景和理由。

而icon服務於產品,它存在的價值是讓用戶在使用或瀏覽的時候更易於理解和操作。

舉個現實中我們都見過的「icon」:

男女廁所這類公共標識根本不用語言文字,在全球範圍內也能達到信息價值的準確傳遞。這就是icon價值。

如果logo是一百個人看完有一百個理解,那icon的設計者更希望這一百個人看完都有同樣的理解。

3.logo在乎使用不同場景的可延展性,icon在乎整體的統一性

一個簡單的logo,除了會在產品、官網等載體上出現,還可能會被製作成不同材質的模型、刺繡在衣服上、噴塗在車體上、用不同工藝的印刷,在極其少見的場景裡甚至會做成煙花打在天空中。

logo是一個圖形在多維度的使用場景下的考慮,而icon是多個圖形在同一個使用場景下的考慮(希望沒繞暈你)。

所以,icon大多不是單個圖形的設計,而是一組設計。

變相來說,像公共指示、交通指示符號這類都屬於「識別優先」的實體icon。設計者更在意不同人在看到之後的理解一致,設計者不希望每個人有每個人的理解,而是每個人看到後都明白是什麼意思,不需要解釋,甚至不需有文化。

因為icon承載的信息單一,所以在不同場景中需要有不同的icon來傳遞信息,但在同樣的環境裡不同icon需要有一致的風格,讓在此情景中的人可以理解此類icon的發布者是從屬於同一個發布機構。這樣既容易與觀看者建立信任,也能減輕設計難度。

最後回到開始提到的問題,為何我們總愛說「做logo」,「畫icon」?

前面鋪墊了這麼多,最後從執行的角度來說,就是「做」這個字賦予的信息複雜程度高。它可以包含溝通、設計、測試、打磨、優化、解決等一些列工作的總和。

」做」讓設計過程更有想像力和延展性。

相比於「做」,「畫」這個動作的信息結構就相對單一許多。它是把具體的信息形象化的「落實」出來,而且是越具體、越直接越好

所以「畫畫「是個具象化的過程,跟icon本身的需求屬性較為匹配。

任何小問題,如果深入思考都有很多值得我們去挖掘的信息。

說回來,對事物敏感也是設計師最重要的特質之一。對身邊習以為常的事情高度敏感,才有可能發現別人看不到的問題。下次把這個問題試著問問身邊的設計是朋友,聽聽他們的理解和回答吧:)

End

作者:大寶dabao

UI中國主頁:http://i.ui.cn/ucenter/104875.html

查看超多設計經驗分享,戳「閱讀原文」 嗷~~。

--關於我們---

UI中國 專業用戶體驗設計平臺

主站:www.ui.cn

新浪微博:@UI中國

合作請加微信:18931333875

相關焦點

  • UI|都是圖形,為什麼叫「做 logo」,「畫 icon」?
    我們在日常的工作中可能會有這樣的經歷比如:周三我有一組 icon 要畫完。或是,下周我有一個 logo 要做。……都是圖形化的設計工作,為何我們經常會說「做 logo」,而不是「畫 logo」,而對 icon 卻說「畫 icon」而不是」做 icon」?
  • 傻傻分不清楚的圖形化設計__「做logo」「畫icon」
    2、老吳,這個APP的logo怎麼設計3、老吳這個公司的logo怎麼畫,或者畫的怎麼樣等等,這樣的問題很多,在這裡我想說的是,logo跟icon還是有區別的,同樣是圖形化設計,他也是有區別的哦。首先,我們來看看百度百科查到的什麼是logo?logo:是logotype的簡稱,在以前指的是一家公司的籤名或符號。
  • Logo設計的忌諱有哪些?
    答|百度派 @達到-以下內容多圖,手機用戶慎入-在logo(吉祥物)計劃中,有如下兩點禁忌需細緻第一點禁忌:元素禁忌元素禁忌,著實是文化(宗教)禁忌。由於各國文化差別,每個國度與地區,都有某些特定禁忌,如日本忌荷花,忌數字9和4,韓國也忌4,美國人忌數字13,加拿大和英國忌白百合。
  • 十秒看懂常見icon、logo的繪製方法2
    繼續給大家分享Bjango的設計師使用Illustrator創建一些常見圖形的方法~
  • 零基礎學UI設計怎麼了解ICON的定義和意義
    每個對象都是一個自成一體的實體,它具有顏色、形狀、輪廓、大小和屏幕位置等屬性。矢量圖是根據幾何特性來繪製圖形,矢量可以是一個點或一條線,矢量圖只能靠軟體生成,文件佔用內在空間較小,因為這種類型的圖像文件包含獨立的分離圖像,可以自由無限制的重新組合。它的特點是放大後圖像不會失真,和解析度無關,適用於圖形設計、文字設計和一些標誌設計、版式設計等。
  • LOGO設計的創意方法
    百度一張隨便什麼圖片,ps做個簡單處理也可以成為一個標誌,天呢,這個美圖秀秀都可以做的工作肯定和創意沒關係啦。上面三個奇葩案例你收到了嗎,下面我們來探討什麼是logo的創意。創意還有一個維度,就是關於「怎麼樣讓我的設計結果能體現出深刻的含義」「讓我的設計更加有趣」,這個深刻的含義一定也是由圖形構成的,而這個深刻含義就是企業信息、企業獨特性、企業文化和企業故事的視覺表現,這個表現一定不是簡單的加法,你有幾個意思就畫幾個東西,而要有元素融合概念,既能看出多重含義,整體元素又不囉嗦(當然聯合利華這樣超級多元素的經典logo也是一種形式),而一般我們會把能夠「融合更多企業信息的
  • LOGO設計的創意方法超級教程!
    百度一張隨便什麼圖片,ps做個簡單處理也可以成為一個標誌,天呢,這個美圖秀秀都可以做的工作肯定和創意沒關係啦。上面三個奇葩案例你收到了嗎,下面我們來探討什麼是logo的創意。一、什麼是logo的創意logo設計需要有創意嗎?大家覺得答案一定是「是」,這個概念基本是所有設計師的共識。
  • 蘋果的icon怎麼畫 將圖層樣式進行到底
    在photoshop中,圖層樣式是最為直觀的東西,所有的效果都能量化,以數值的形式表現出來,就是各種晦澀難懂的等高線也可以用數字來表現。利用圖層樣式中的混合模式可以得到千變萬化的效果,很多的UI和icon絢麗的效果大多數是靠圖層樣式來實現的。今天的iTunes圖標是一個非常經典的icon,不過現在你們看不到了。
  • 全面了解時下流行icon的製作
    如今,精緻出色的icon遍布優秀的移動應用界面中,為用戶提供了良好的視覺體驗;同時也是一款產品、一個設計師設計感和設計能力重要的著力點之一。,但每當自己做的時候總感覺有些奇怪,其實icon的用色和細節的差別就會使兩個作品失之毫釐差之千裡,例如:漸變只是用了同一個顏色+純白色沒有任何色彩傾向的圖形
  • logo設計中圖形設計的抽象性體現
    抽象幾何形態在logo設計中是一種至關重要的設計語言。利用抽象形態的點、線、面、體、塊來形成代表性或仿真模擬性的品牌形象,最終用作種logo設計圖形設計部分元素展現。幾何形態大多數帶給觀看者的是一種客觀的秩序感、震撼力,清晰、規範、井然有序的視覺效果體會。
  • ICON手則:設計師都知道的(你最愛哪一款?)
    如果沒有特殊情況的話,我一定不會讓我的設計圖形進入這個邊緣界限。而留白的目的也是為了讓設計看著不會太滿給用戶一定的呼吸感。圖標的結構分為形狀和方向兩部分。如果你的圖標有邊框,一般會在邊界框位置畫出像正方形,圓形,三角形,矩形等圖形作為邊框。圓形圖標會在網格中成居中狀。
  • 怎樣設計好一個LOGO?有哪些流程步驟!
    有哪些流程步驟!當您看到他人設計出的優秀logo時,是不是心生羨慕?是不是也希望自己在某一日可以擁有如何杰出的logo標誌?其實想要設計出一款出人意表的 logo 並不難,今日兔課菌將和大家分享一下在logo設計的操作步驟,感興趣的朋友不妨一起來學習一下。
  • 一個Tip 讓你的 icon 更討喜:流行 icon 分析總結與運用
    默畫人家icon時候發現的:為什麼按我記憶中默畫出來的別家產品圖標,系統圖標都沒有原版好看?在比對自己的默畫與原作細節之後我發現一個非常重要,區別開「嗯這個是個圖標」和「哇這個圖標像樣」之間的關鍵因素:讓你「哇」出來的圖標,一般都比較飽滿。一、啥是飽滿?為啥大家喜歡飽滿?我們先來感性的認識一下,啥是飽滿。
  • 你能精準畫出記憶裡的經典logo嗎?超過150人嘗試手繪的結果是......
    美國網絡平臺Signs.com為此做了一個有趣的實驗,要求年齡介於20到70歲的156位美國人,在沒有任何視覺輔助之下,僅憑自己腦海中的記憶,儘可能準確地畫出10個經典logo,包含:7-11、Apple、星巴克、IKEA、Target、愛迪達.等。同時,Signs.com也整理出各品牌的logo演變。
  • 設計LOGO時需要注意哪些事項
    眾所周知,企業的logo代表著企業形象,每個企業都有自己獨特的logo,人們能夠通過企業logo了解到企業的文化及經營理念,但是想要設計一個好的logo是非常困難的,需要綜合考慮到多種因素,那麼,杭州品牌設計公司在設計logo時有哪些需要注意的事情呢?
  • LOGO設計中那些圈圈叉叉有什麼用?評論區又被攻佔了
    1418,可見該話題的熱議程度~相信剛開始學習設計、或者以後可能是甲方的同學,都會有這樣一個疑問,那些LOGO中的網格和圈圈,是什麼意思、有什麼用、是怎麼做出來的,困惑了很多設計新人。具了解,大部分人都在說輔助線沒什麼用、百分之九十的標誌不是這麼做的、大師的設計都是在草稿紙上畫出來的……雖然現在我們有PS/AI/CAD等一些軟體,可以精確地畫出規範圖形,但設計中還是少不了輔助線,幫助我們更好地完成設計。輔助線的作用是規範製圖、輔助製圖。不光是蘋果這樣的大公司,現在越來越多的甲方,在看設計稿時,會越來越專業。並且大部分的專業設計師,在設計中,是會經常用到輔助線的。
  • 幼兒園Logo設計的七大特點
    它以單純、顯著、易識別的物象、圖形或文字符號為直觀語言,除標示什麼、代替什麼之外,還具有表達意義、情感和指令行動等作用。那麼幼兒園Logo設計到底有哪些特點呢?關鍵詞:幼兒園;logo;設計幼兒園Logo設計—功用性logo的本質在於它的功用性。
  • logo升級大有可為!這幾個知名logo都悄悄換了臉龐,你發現了嗎?
    隨著時代的進步,品牌會不斷更新自己的產品和資源,營銷與傳播自然也會隨著更新換代,而一個企業的品牌LOGO,就會變成視覺傳達裡最關鍵的傳播手段~今天,我們就來看看,在悄無聲息中已經蛻變換新的logo,你發現其中的端倪了嗎?奢侈品 Dior 在四個字母上做起文章,將小寫全部變為大寫,同時縮小字母間距,整體變得更加緊湊。
  • 笨辦法學像素畫系列:像素畫遊戲icon圖標繪畫方法
    作者:三二教你畫像素畫原創教程icon圖標在遊戲中是必備常用的
  • 「LOGO素材分享」揮灑自如的字體LOGO設計合集
    出色的logo設計,也是企業形象的第一視覺體。完美logo為前期的推廣打基礎,更為之後生產的產品或服務錦上添花。細想想,有哪些產品的logo讓你多年不忘,記憶猶新?我們來找找共同點,看看一個成功的logo需要具備哪些要點呢?1.識別性無論是哪種類型的logo,最終目的都是為市場需求服務的,因此具備識別性是最為基礎的。讓人能一眼看懂看明白。