首頁>> 文化驛站>> 攝影設計

logo和圖標有什么區別?

2018年11月04日 12:01:00來源:頭條號 作者:PS視覺設計 瀏覽數:904 責任編輯:本站小編

1、LOGO和圖標的差別

圖標和LOGO,兩者在概念上有哪些區別,在功能上有哪些異同呢?

品牌和營銷專家通常認為,LOGO 是一種影響和促進用戶行為的一種手段,同時也是一種特定的溝通方式。

許多企業將LOGO視作為品牌的視覺代表以及品牌和用戶之間情感聯系的紐帶。

但是,不管你信不信,LOGO和圖標是兩回事。LOGO 是品牌設計的一部分,然而圖標則是作為快捷方式和入口而存在的。

想要完全理解兩者的差別,我們得從品牌設計和業務的運作規律上出發。

logo和圖標有什么區別?這里總結給你

最早的LOGO設計可以追溯到古希臘時期,當時的最高統治者會將法律和功績銘刻在硬幣上,作為一種社會身份的象征。

可以說,在這個階段,LOGO設計是一種原始的社會組織的方式,而今天的奢侈品品牌設計師依然沿用著類似的方法來建立自己的品牌帝國。LV,CK,這些品牌LOGO 被用戶們穿在身上,作為自己身份的象征。

logo和圖標有什么區別?這里總結給你

在此之后,LOGO設計進入了下一個階段。類似于今天LOGO的設計在13世紀的時候出現了,當時一位金飾匠人將他的個人標志作為LOGO 銘刻到他的作品上。到了維多利亞時期,各種各樣的LOGO 設計開始大行其道,對于商業機構而言,品牌也變得越來越重要,他們也越來越期待使用獨特的字體讓自家的品牌脫穎而出。

現如今,市場中哪個成功的品牌沒有LOGO?想成為一個成功的品牌,一個高度可識別的品牌是必不可少的,所以企業會需要真正專業的LOGO設計。

logo和圖標有什么區別?這里總結給你

優秀的LOGO設計應當給用戶以熟悉的感覺,并且能夠喚起情感聯系。真正專業的咨詢機構和LOGO設計專家會使用一整套專業的方法來設計LOGO,而不是單純的給企業一個單純好看的標識。

logo和圖標有什么區別?這里總結給你

想想那些真正成功的LOGO都有是怎么做的,在成功的案例中尋求靈感吧。成功的企業需要一個專業的、精心打磨的LOGO設計。這可能需要在不斷的摸索和調整中達到最佳,但是對于那些已經達到完美狀態的品牌而言,就沒有太大調整的必要了,比如可口可樂。

讓我們向最頂尖的商業品牌學習吧。在福布斯2015年最有價值的品牌排行榜上,蘋果公司位居榜首。盡管蘋果曾經有過若干個不同版本的LOGO,但是目前他們所采用的,是最簡單最扁平,也是最貼合蘋果設計風格的版本。

這樣的設計使得這個LOGO能夠最大程度的運用到各個不同的場合,從平面印刷到電子版,無論大小,用戶總能毫無障礙地識別它,也不容易因為失真而誤讀。所以,請盡量確保你的LOGO獨一無二,讓你的品牌和競爭對手區別開來。

蘋果的LOGO 至少證明了一點,你的品牌和你的業務并不需要真正保持著內在關聯,否則蘋果在若干年前就得設計一個電腦LOGO,而現在還得設計一個手機的LOGO,想想就覺得特別尷尬。對此,我們可以這樣解釋:

“讓你的LOGO設計獨特并不是意味著它必須是突破性的設計。你可以嘗試將思路放在同其他品牌去分開上來,甚至可以將你所喜歡的元素適當的融入其中。”

logo和圖標有什么區別?這里總結給你

圖標這個詞,嚴格意義上是進入數字化時代之后才廣泛運用的詞匯,盡管它的實際使用時間已經有好幾百年了。

最突出的例子就是古代文獻中的宗教符號,它們也是圖標。

只不過在現如今,這個詞更多指的是我們在各種數字化設備中看到的那些大大小小的應用快捷方式。

圖標的偉大之處在于它確確實實讓我們的生活更便捷了,而它的主要功能是以可視化的方式,令信息更易于我們理解和獲取。

與LOGO不同,圖標的概念隨著電腦和手機的普及,在用戶的頻繁使用下,開始大規模流行。圖標體積小巧,而它的設計要求更加精確,需要讓它所代表的應用以更加一目了然的形式,呈現在用戶面前。可以說,它比起LOGO而言功能性更加直接。

logo和圖標有什么區別?這里總結給你

這回還是拿蘋果的例子來對比LOGO和圖標。蘋果的iTunes 圖標采用了經典的雙八分音符作為主要形象,無需解釋,用戶掃一眼就知道這是一個音樂播放器。這個圖標的全部目的,就是幫助用戶識別、找到特定功能、應用的一個視覺引導。

logo和圖標有什么區別?這里總結給你

圖標不僅僅可以用作可點擊的按鈕,也能作為品牌的文本信息的視覺說明而存在。專業的圖標設計不僅可以讓網站或者APP的風格渾然一體,同時也能夠協助用戶瀏覽頁面,并且讓他們更好的理解產品和業務。

簡單總結一下LOGO和圖標的差別:

圖標通過視覺設計提供信息和引導,而LOGO則是品牌信息的展示

并不是每一個企業都需要圖標,但是每個企業都需要LOGO

圖標是品牌LOGO的伴生產物,并且作為視覺而存在

LOGO可以縮放,而圖標通常是像素精準的(不可縮放),圖標需要制作成特定尺寸大小的,縮放會導致信息丟失

圖標是用來豐富并簡化用戶體驗的一種導航工具

logo和圖標有什么區別?這里總結給你

數字技術正在模糊不同設計領域之間的界限,這也是混淆的源頭。比如 Twitter 現在差不多也是這樣了。

而上圖這家公司則通過這次設計,在Twitter 上聲明了兩者之間的差異,并強調新的圖標“并非新的LOGO”,新的圖標中就是一個字母 N 只是基于現有LOGO的一個創新設計,而他本來的 LOGO 依然不變。

當然,LOGO 和圖標的差異是相當明顯的。基于不同的目的,不同的場合,兩者的差別其實并不難分辨。

2、圖標的易用性

在很多時候,圖標其實會對界面的清晰性易用性產生負面影響。作為設計師,務必留意我們所習慣的圖標使用方式,并盡可能的多測試,案例分析在這兒

logo和圖標有什么區別?這里總結給你

圖標是界面的基本組成部分之一,然而在很多時候,圖標本身也在破壞著界面的清晰性。

象形圖出現在人類早期,我們可以將其視為最初的文字形式。如今,在某些文明群體中,象形圖依然是人們進行溝通的主要媒介。

logo和圖標有什么區別?這里總結給你

在很多公共城所,圖形時常被用于導航,特別是在譬如機場這樣的多文化環境,僅憑文字傳達信息顯然是不夠的。

logo和圖標有什么區別?這里總結給你

而在計算設備上,圖標隨著GUI時代的發展而迅速流行。看看最早的桌面計算機GUI,設計師在其中使用了圖標以及桌面隱喻的理念

當然,我們都知道為什么圖標可以迅速流行起來并發展成為UI的重要組成部分,直到如今更是如此 – 圖標能給UI帶來圖形化的愉悅性,當我們設計的正確的時候,它們不僅能清晰的傳達信息,而且能給界面帶來個性與氣質。

很多時候,一個簡單的圖標可以代替一段很長的描述性文字 – 對于手機甚至是手表這樣的小屏設備來說,這樣的特性無疑是非常有用的。

不過這里也存在著設計上的陷阱—— 我們同樣知道,如今很多圖標在表意上其實是難以做到清晰準確的,它們需要人們思考,會提升體驗過程中的認知負荷。如果無法快速而準確的傳達信息,特別是對于移動設備而言 – 界面再漂亮,動效再炫酷,又有什么用呢?

其實原則很簡單:只有當圖標能夠100%準確清晰的表達含義時,才去使用。別妥協。

logo和圖標有什么區別?這里總結給你

說到表意模糊的圖標,我想起最近在Twitter上看到的一張圖片。

logo和圖標有什么區別?這里總結給你

我們總會聽到(或說出)這樣的話:“人們每天都會用我們的軟件,他們很快就能理解并記住這些圖標的含義”。

不能說沒道理,但我有時還是懷疑這種看法的準確性。我自己每天都會多次用到Mac上的郵件應用,但每次我要寫郵件的時候仍然會對那兩個圖標產生片刻的遲疑:

logo和圖標有什么區別?這里總結給你

另外還有個壞消息:用戶通常會下意識的回避掉那些他們無法即刻理解的界面元素 – 對未知事物的不信任,

這是我們的天性。我猜Google在決定將其他app隱藏到一個表意模糊的圖標后面之后,客服會收到不少類似的詢問:“我的Google日歷跑哪去了?”

logo和圖標有什么區別?這里總結給你

經過重設計之后的Twitter,很多新用戶無法快速了解他們在界面當中應當做些什么 – 應該是發推,但是從哪里開始?是那個藍色的圖標嗎?它是什么意思,羽毛代表著一根筆嗎?

logo和圖標有什么區別?這里總結給你

再次改版后的Twitter增加了置頂的編輯框,使事情變得明了了很多

logo和圖標有什么區別?這里總結給你

界面的上下文環境也是我們在設計圖標時必須考慮到的重要因素,很多看上去含義清晰的圖標

在某些界面環境下很可能產生歧義。打開網頁端的Gmail,你會看到這樣的例子 –

看到那兩個非常相似的圖標沒?它們出現在同一個界面中,卻有著非常不同的含義:

這兩個圖標對于各自所代表的功能其實都算恰當,一個是返回,一個是回復,但這個界面環境卻使它們

產生了潛在的沖突;雖然特定的布局方式可以在一定程度上起到引導提示的作用,但問題仍然存在。

logo和圖標有什么區別?這里總結給你

再舉個正面的例子,這里當中的圖標雖然對有些人來說表意不夠清晰,但在“Twitter應用”

這個大的環境下,多數目標用戶 – Twitter的用戶是可以理解的,因為這些圖標的用法與Twitter是保持一致的,

這還算OK

多圖標只有在音樂app這個特定的產品類型當中才能表達出準確的含義

logo和圖標有什么區別?這里總結給你

不過上圖,同一界面里兩個地方使用了相同的擴音器圖標,一個表示音量調節功能,一個表示當前播放的歌曲。

所以,說到這里我還是要重復一下:除非確定圖標形式可以在當前界面環境中100%準確的表達含義,否則不要去用它。如果作為設計師,你都會產生片刻的遲疑,那么就干掉它好了 – 使用最簡單的文字來替代,這是最清晰的表達方式。

當然,圖形化的表達方式所具有的優點同樣不可忽視,所以我們不妨在空間允許的情況下將圖標與文字結合起來同時利用兩者的優點。

logo和圖標有什么區別?這里總結給你

iOS默認的tab欄,以及蘋果的很多其他產品當中都在使用著這樣的模式,例如Mac上的App Store導航欄。

這些圖標單獨拿出來的話未必能準確的表達含義,但搭配文字之后就清晰多了

logo和圖標有什么區別?這里總結給你

再比如網頁版Twitter的導航

logo和圖標有什么區別?這里總結給你

另外一個盡人皆知的例子,就是Facebook在改版中干掉了“經典”的漢堡包菜單,回歸到最傳統的iOS tab欄模式

小結

作為最基本也是最廣泛運用的設計元素,圖標——在很多時候其實會對界面的清晰性易用性產生負面影響。

作為設計師,務必留意我們所習慣的圖標使用方式,并盡可能的多測試。

最后再絮叨一遍:不要使用那些難以清晰表意的圖標;嘗試使用更準確的文字標簽,或將兩者結合使用。

【本站總編:秦巖     微信號:shaanture      新聞熱線:13384928744】


上一篇:logo設計的8個技巧 下一篇:圖標設計的定義和意義有哪些?

本文二維碼 分享朋友圈

延伸閱讀

  • 文教視窗
  • 導游陜西
  • 文化驛站
  • 陜西城事
  • 三秦驕子
  • 1
  • 2

大秦視宴

唐城西安

更多》


編導演奏

更多》

教育資訊

更多》

靜悟禪閣精品推薦

  • 油潤細膩仿漢代和田白玉螭龍玉璧

  • 罕少野生包漿杜鵑木橫切片手把件

  • 天然同料滿鬼臉海南黃花梨(黑)手珠

  • 緬甸黃金樟招財、化三煞實木精雕龍龜

  • 合作伙伴
  • 友情鏈接
广东快乐十分现场直播