正文

圖標(biāo)設(shè)計(jì)的三大原則（圖標(biāo)設(shè)計(jì)的三大原則包括）

發(fā)布時(shí)間：2023-04-11 19:52:02 稿源：創(chuàng)意嶺閱讀： 75

大家好！今天讓小編來(lái)大家介紹下關(guān)于圖標(biāo)設(shè)計(jì)的三大原則的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶(hù)遍布全球各地，相關(guān)業(yè)務(wù)請(qǐng)撥打電話(huà)：175-8598-2043，或添加微信：1454722008

文章目錄列表:

1、企業(yè)優(yōu)秀標(biāo)志設(shè)計(jì)需遵循的原則有哪些
2、LOGO設(shè)計(jì)的原則有哪些
3、設(shè)計(jì)師必看的圖標(biāo)設(shè)計(jì)原則及分類(lèi)
4、圖標(biāo)設(shè)計(jì)的三個(gè)小原則，你的UI設(shè)計(jì)師都知道么

圖標(biāo)設(shè)計(jì)的三大原則（圖標(biāo)設(shè)計(jì)的三大原則包括）

一、企業(yè)優(yōu)秀標(biāo)志設(shè)計(jì)需遵循的原則有哪些

1、優(yōu)秀的標(biāo)志設(shè)計(jì)必須樣式簡(jiǎn)單，字體務(wù)必清晰明了，不是不可或缺的內(nèi)容就無(wú)需展示。

2、設(shè)計(jì)一個(gè)造型或者布局獨(dú)特的商標(biāo)圖案，商標(biāo)圖案務(wù)必易于識(shí)別，保證商標(biāo)圖案看起來(lái)至少要能吸引三個(gè)人的注意。如果商標(biāo)圖案中包含圖標(biāo)、符號(hào)或文字等元素，合理布局讓他們相輔相成。

3、優(yōu)秀的標(biāo)志設(shè)計(jì)顏色不要超過(guò)3種使用色，避免使用明亮霓幻顏色，以及灰暗呆板顏色。

4、優(yōu)秀的標(biāo)志設(shè)計(jì)字體不要超過(guò)2種以上。

5、優(yōu)秀的標(biāo)志設(shè)計(jì)不要使用特殊效果。如：陰影，反光，水紋，金屬，斜體，反射和射線(xiàn)字等。

6、優(yōu)秀標(biāo)志設(shè)計(jì)在任何情況下都不要用剪貼畫(huà)。

7、優(yōu)秀標(biāo)志設(shè)計(jì) 不要使用“嗖”或者“全球”符號(hào)。

8、優(yōu)秀標(biāo)志設(shè)計(jì)不要考慮近期標(biāo)志設(shè)計(jì)趨勢(shì)的問(wèn)題，要讓標(biāo)志看起來(lái)具有永久的生命力，注意延續(xù)性。

設(shè)計(jì)師在標(biāo)志設(shè)計(jì)過(guò)程中須注意的禁忌：

9、不要在商標(biāo)圖案里用標(biāo)志性語(yǔ)言。

10、優(yōu)秀的標(biāo)志設(shè)計(jì)要確定標(biāo)志無(wú)論放大或縮小能被很清楚的識(shí)別，即使翻轉(zhuǎn)過(guò)來(lái)也務(wù)必清晰。

11、標(biāo)志要注意原創(chuàng)性，不要使用知名標(biāo)志設(shè)計(jì)中的元素進(jìn)行拼湊。

12、為了考慮標(biāo)志布局的美觀(guān)，可以將標(biāo)志適應(yīng)于一個(gè)方形的布局，避免晦澀難懂的布局。

13、大型集團(tuán)企業(yè)等使用簡(jiǎn)潔銳利穩(wěn)重的線(xiàn)條，娛樂(lè)休閑企業(yè)可以使用細(xì)致活潑的線(xiàn)條。

14、標(biāo)志的寓意必須要與所代表的形象相符合，體現(xiàn)關(guān)聯(lián)性。企業(yè)標(biāo)志設(shè)計(jì)最應(yīng)具備哪些特質(zhì)？

15、切忌標(biāo)志中不要使用廣告語(yǔ)。

16、打算在計(jì)算機(jī)前工作之前，先用鉛筆在紙上畫(huà)出草稿。

17、如果商標(biāo)名字讓人印象深刻，那么就用商標(biāo)名字做商標(biāo)圖案。

18、標(biāo)志設(shè)計(jì)的版面要有條理和規(guī)律性，每個(gè)元素都應(yīng)該按照左、中、右、上或底排列。

19、標(biāo)志設(shè)計(jì)需要考慮標(biāo)志的適用人群。

20、考慮標(biāo)志設(shè)計(jì)的應(yīng)用范圍，方便性和實(shí)用性強(qiáng)。濟(jì)南設(shè)計(jì)公司對(duì)于Logo設(shè)計(jì)/標(biāo)志設(shè)計(jì)的報(bào)價(jià)

二、LOGO設(shè)計(jì)的原則有哪些

中匯設(shè)計(jì)（北京中匯大道咨詢(xún)有限公司）解答：

易理解

在標(biāo)志設(shè)計(jì)的過(guò)程當(dāng)中，選擇正確的象征符號(hào)來(lái)表達(dá)標(biāo)志命題中的概念固然重要，但同時(shí)也要注意如何將符號(hào)本身的造型形態(tài)合理化、通俗化。原則上，在象征符號(hào)形態(tài)的設(shè)計(jì)上，設(shè)計(jì)者應(yīng)當(dāng)注重將形態(tài)的結(jié)構(gòu)、色彩、風(fēng)格與標(biāo)志想要表達(dá)的概念保持一致，使人第一時(shí)間便可以借助形態(tài)聯(lián)想到標(biāo)志想要表達(dá)的涵義。所以，標(biāo)志的造型設(shè)計(jì)應(yīng)盡量簡(jiǎn)單通俗；避免在形態(tài)的塑造上出現(xiàn)“模棱兩可”或無(wú)法理解的現(xiàn)象出現(xiàn)，從而影響企業(yè)視覺(jué)形象的建立與傳播。

易識(shí)別

標(biāo)志的識(shí)別度、辨識(shí)度與標(biāo)志的結(jié)構(gòu)及色彩有著息息相關(guān)的聯(lián)系。在標(biāo)志結(jié)構(gòu)上，越簡(jiǎn)單的造型越容易被觀(guān)察者捕捉和發(fā)現(xiàn)，越復(fù)雜的形態(tài)越不容易被吸納、消化與理解。所以，如何使標(biāo)志既具有獨(dú)特的審美意趣又能夠在任何大小比例下都一目了然，就考驗(yàn)到設(shè)計(jì)者是否能夠有效的歸納、簡(jiǎn)化和組織標(biāo)志的形態(tài)了，與此同時(shí)，標(biāo)志在色彩的選擇上也左右著標(biāo)志的識(shí)別度。

具備視覺(jué)沖擊力

視覺(jué)沖擊力是所有藝術(shù)作品都不可或缺的一種品質(zhì)。特別是在平面設(shè)計(jì)中，由于不能夠借助三維視效或聲音效果來(lái)表達(dá)主題，靜態(tài)圖形的視覺(jué)沖擊力制造顯得尤其具有挑戰(zhàn)性。標(biāo)志本身在運(yùn)用過(guò)程中通常以較小的體積出現(xiàn)在一個(gè)平面當(dāng)中，所以強(qiáng)有力的視覺(jué)沖擊力是標(biāo)志形態(tài)塑造上必不可少的標(biāo)準(zhǔn)之一。然而視覺(jué)沖擊力絕非僅靠喧囂的色彩或張揚(yáng)的造型才能生成；一枚形態(tài)穩(wěn)定、氣質(zhì)安靜、結(jié)構(gòu)別致、色彩單純的標(biāo)志同樣可以促使視覺(jué)沖擊力的產(chǎn)生。所以，在標(biāo)志設(shè)計(jì)中最重要的是能夠?qū)⒛骋环N視覺(jué)效果運(yùn)用、發(fā)揮到極致，使其產(chǎn)生較好的視覺(jué)張力。

具備形式美感（氣質(zhì)）

形式美感的塑造與把握是整個(gè)標(biāo)志設(shè)計(jì)過(guò)程中最考驗(yàn)設(shè)計(jì)者內(nèi)在修養(yǎng)與審美情趣的部分，也同時(shí)是最難造就和控制的部分?？傮w來(lái)看如果想要塑造出具有較高形式美感的標(biāo)志可以從三個(gè)方面入手——形態(tài)與色彩的和諧型、風(fēng)格與氣質(zhì)的現(xiàn)代性以及整體設(shè)計(jì)的藝術(shù)性。

在標(biāo)志形態(tài)的把握上，正確的運(yùn)用平面構(gòu)成中的形式美法則是達(dá)到標(biāo)志形式美感的途徑之一。反復(fù)、節(jié)奏與韻律、對(duì)比與調(diào)和等形式美法則都可以保證標(biāo)志造型具備優(yōu)美和諧的視覺(jué)效果。此外，標(biāo)志設(shè)計(jì)也要注重緊緊跟隨時(shí)代的審美步伐。一枚形態(tài)陳舊、風(fēng)格保守的標(biāo)志是很難跟上現(xiàn)代社會(huì)瞬息萬(wàn)變的審美標(biāo)準(zhǔn)的；它也會(huì)影響到整個(gè)視覺(jué)形象識(shí)別系統(tǒng)在大眾心目中的好感度與接納度。

敏感的把握時(shí)代的美學(xué)標(biāo)準(zhǔn)、將其一定程度的運(yùn)用到標(biāo)志的設(shè)計(jì)當(dāng)中也是標(biāo)志設(shè)計(jì)勢(shì)在必行的趨勢(shì)。此外，藝術(shù)性是標(biāo)志設(shè)計(jì)中一個(gè)不可忽視的重要因素。標(biāo)志設(shè)計(jì)的藝術(shù)性需要通過(guò)巧妙的構(gòu)思和技法來(lái)展現(xiàn)，是將標(biāo)志的寓意以一種優(yōu)美的形式加以體現(xiàn)。當(dāng)然，這種優(yōu)美的形式并不是憑空杜撰的，而是需要在設(shè)計(jì)過(guò)程中結(jié)合品牌的相關(guān)文化、理念和精神，將藝術(shù)性與一定的寓意結(jié)合在一起。

標(biāo)志設(shè)計(jì)的創(chuàng)新與突破

在做到了標(biāo)志寓意的準(zhǔn)確合理與造型形式的和諧美觀(guān)之基礎(chǔ)上，創(chuàng)新與變化是標(biāo)志設(shè)計(jì)更上一層樓的機(jī)遇與挑戰(zhàn)。打破了傳統(tǒng)的簡(jiǎn)單、單一化的標(biāo)志設(shè)計(jì)思維定式。不僅要繼承了傳統(tǒng)標(biāo)志設(shè)計(jì)的內(nèi)涵又創(chuàng)造出了新的外在表現(xiàn)形式。在標(biāo)志設(shè)計(jì)中創(chuàng)造創(chuàng)新，在寓意表達(dá)或造型形式上銳意突破，是標(biāo)志設(shè)計(jì)的最高原則與標(biāo)準(zhǔn)。

三、設(shè)計(jì)師必看的圖標(biāo)設(shè)計(jì)原則及分類(lèi)

在 UI 的設(shè)計(jì)體系中，圖標(biāo)是最重要的組成部分之一，是任何 UI 界面中都不可或缺的視覺(jué)元素。了解圖標(biāo)相關(guān)的概念，以及正確設(shè)計(jì)的方法，是入門(mén) UI 設(shè)計(jì)的必備條件。

本文將結(jié)合本人進(jìn)行圖標(biāo)設(shè)計(jì)時(shí)思路，我希望用一篇長(zhǎng)文來(lái)講清楚圖標(biāo)設(shè)計(jì)的所有要點(diǎn)和具體的設(shè)計(jì)方法，讓所有設(shè)計(jì)新人更快的上手圖標(biāo)設(shè)計(jì)。

本文共分為以下5個(gè)部分：

1、認(rèn)識(shí)圖標(biāo)

2、圖標(biāo)設(shè)計(jì)原則

3、設(shè)計(jì)規(guī)范

4、總結(jié)

圖標(biāo)相信進(jìn)入U(xiǎn)I設(shè)計(jì)這一行的人都不陌生，在我們的日常生活中也是也是隨處可見(jiàn)，如電的開(kāi)關(guān)、洗手間門(mén)外的標(biāo)識(shí)、商場(chǎng)導(dǎo)視中收銀臺(tái)圖標(biāo)、出口標(biāo)識(shí)等等

對(duì)于UI設(shè)計(jì)而言，圖標(biāo)可以說(shuō)是整個(gè)產(chǎn)品的點(diǎn)睛之筆，它甚至可以直接影響著一款產(chǎn)品的形象和氣質(zhì)。在不少 UI 界面中，圖標(biāo)幾乎是這個(gè)頁(yè)面的核心支撐體，它直接影響著產(chǎn)品的視覺(jué)體驗(yàn)和產(chǎn)品調(diào)性。圖標(biāo)通過(guò)視覺(jué)分類(lèi)可分為以下幾種類(lèi)型；

01）線(xiàn)型圖標(biāo)

通過(guò) 線(xiàn)條勾勒出來(lái)的圖標(biāo)，一般通過(guò) 描邊粗細(xì)、圖標(biāo)細(xì)節(jié) 來(lái)打造產(chǎn)品圖標(biāo)的區(qū)別。

02）面性圖標(biāo)

采用填充和負(fù)空間結(jié)構(gòu)的圖標(biāo)。面型相對(duì)于線(xiàn)型來(lái)說(shuō)更加具有視覺(jué)重量，更容易吸引用戶(hù)的關(guān)注，識(shí)別度也更強(qiáng)。所以面型圖標(biāo)經(jīng)常被設(shè)計(jì)師用于區(qū)分線(xiàn)型圖標(biāo)的選中狀態(tài)。

03）漸變圖標(biāo)

采用漸變色填充的圖標(biāo)，漸變圖標(biāo)算是面型圖標(biāo)的一個(gè)分支，但因?yàn)榧?xì)節(jié)豐富，彌散陰影的運(yùn)用更偏向于年輕化

04）線(xiàn)面混合圖標(biāo)

線(xiàn)型與面型的結(jié)合，通常用于打造視覺(jué)調(diào)性。

05) 扁平圖標(biāo)

采用扁平插畫(huà)形式的圖標(biāo),扁平圖標(biāo)對(duì)于普通的面型圖標(biāo)，更加注重細(xì)節(jié)表現(xiàn)，視覺(jué)層級(jí)豐富，所以常用于營(yíng)造產(chǎn)品氛圍和視覺(jué)調(diào)性。

06) 擬物風(fēng)格圖標(biāo)

通過(guò)光影模擬真實(shí)物體質(zhì)感的圖標(biāo)，一般常用于都節(jié)日活動(dòng)或游戲中。

07)實(shí)物貼圖圖標(biāo)：

采用真實(shí)攝影物體的圖標(biāo)，一般常用于電商和超市、生鮮類(lèi)產(chǎn)品。

08）2.5D圖標(biāo)

2.5D立體圖標(biāo)。2017-2018年左右，2.5D圖標(biāo)曾在UI界刮起一陣風(fēng)，所以有不少設(shè)計(jì)師認(rèn)為這將成為未來(lái)圖標(biāo)的一個(gè)趨勢(shì)，但是這陣風(fēng)好像很快又刮停了...可能是因?yàn)樵O(shè)計(jì)成本過(guò)高，且風(fēng)格過(guò)于鮮明，難以被許多產(chǎn)品駕馭。

01）表意準(zhǔn)確

圖標(biāo)作為一種信息傳遞的載體，意在通過(guò)簡(jiǎn)潔的符號(hào)告知用戶(hù)某件事物，讓用戶(hù)記住某件事物，如果表達(dá)出來(lái)的意思不準(zhǔn)確，亂七八糟，讓人一頭霧水甚至顛倒是非，那圖標(biāo)存在的意義何在呢？

如上圖相信大家第一眼看到，都能準(zhǔn)確明白它們的含義。所以我們?cè)O(shè)計(jì)圖標(biāo)的第一原則就是表意準(zhǔn)確，讓用戶(hù)第一看到圖標(biāo)就能理解它的含義。在這里需要特別提到一點(diǎn)、圖標(biāo)具有通用性，符合所有的用戶(hù)的使用習(xí)慣，不要試圖去改變用戶(hù)日積月累沉淀下來(lái)的記憶。

02）視覺(jué)統(tǒng)一

在很多APP中我們可以發(fā)現(xiàn)圖標(biāo)實(shí)際大小不一致，但視覺(jué)大小卻是統(tǒng)一的。如同樣尺寸的圓和矩形，矩形會(huì)看起來(lái)更大，所以我們要適當(dāng)調(diào)小偏矩形的圖標(biāo)尺寸，使他們視覺(jué)大小一致。

03）一致性

在同一款產(chǎn)品中，設(shè)計(jì)圖標(biāo)時(shí)，需要確保圖標(biāo)的線(xiàn)條的一致性、內(nèi)外倒角一致性、風(fēng)格一致性等，保證整款產(chǎn)品和諧統(tǒng)一。

04）極致簡(jiǎn)約

在界面中，一種簡(jiǎn)化的風(fēng)格能讓人容易理解，并能弱化自己的存在，從而凸顯內(nèi)容。因此圖標(biāo)設(shè)計(jì)一定要簡(jiǎn)約,清晰，讓用戶(hù)一眼看到就能理解圖標(biāo)的含義。

01）圖標(biāo)的尺寸

一致性是設(shè)計(jì)圖標(biāo)的關(guān)鍵，在繪制時(shí)，一定要確保所有的圖標(biāo)都相同大小。在UI界面設(shè)計(jì)中，網(wǎng)格的大小必須要是4或12的倍數(shù)（安卓是8的倍數(shù)，iOS是4的是倍數(shù)）。@2x下作圖要保證是4的倍數(shù)，這樣可以整除2，適配@1x的屏幕；@3x下作圖就需要是12的倍數(shù)了，這個(gè)數(shù)值可以整除2、3、4，適配@1x和@2x的屏幕，界面中通常使用的圖標(biāo)尺寸24*24px、48*48px。這里建議用48px做為常規(guī)圖標(biāo)設(shè)計(jì)尺寸。

2. 貼合柵格線(xiàn)

請(qǐng)保證圖標(biāo)的節(jié)點(diǎn)都貼合在柵格線(xiàn)上。避免出現(xiàn)小數(shù)點(diǎn)、奇數(shù)等數(shù)值。

圖標(biāo)設(shè)計(jì)是UI設(shè)計(jì)中非常重要的環(huán)節(jié)，在尺寸有限的界面上，小小的 icon 可以更加簡(jiǎn)單高效的表達(dá)含義，傳遞給用戶(hù)正確和友好的指引。建議每位UI設(shè)計(jì)師在平時(shí)做大量的練習(xí)嘗試各種不同的風(fēng)格，以滿(mǎn)足不同的業(yè)務(wù)需求。

OK，圖標(biāo)設(shè)計(jì)指南就分享到這里，希望對(duì)大家有所幫助。因?yàn)槠^長(zhǎng)，幾經(jīng)修改，有細(xì)節(jié)不嚴(yán)謹(jǐn)?shù)牡胤?，歡迎斧正，感謝閱讀。

下一篇將具體分享圖標(biāo)設(shè)計(jì)的過(guò)程。

原文鏈接：https://mp.weixin.qq.com/s/QQueVlK6k3tvHGB99QENKw

四、圖標(biāo)設(shè)計(jì)的三個(gè)小原則，你的UI設(shè)計(jì)師都知道么

偶數(shù)原則，規(guī)范圖，3200%像素眼

以上就是小編對(duì)于圖標(biāo)設(shè)計(jì)的三大原則問(wèn)題和相關(guān)問(wèn)題的解答了，如有疑問(wèn)，可撥打網(wǎng)站上的電話(huà)，或添加微信。