正文

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

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

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

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

文章目錄列表:

1、企業(yè)優(yōu)秀標(biāo)志設(shè)計(jì)需遵循的原則有哪些
2、LOGO設(shè)計(jì)的原則有哪些
3、設(shè)計(jì)師必看的圖標(biāo)設(shè)計(jì)原則及分類
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)容就無需展示。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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ì)（北京中匯大道咨詢有限公司）解答：

易理解

在標(biāo)志設(shè)計(jì)的過程當(dāng)中，選擇正確的象征符號(hào)來表達(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)“模棱兩可”或無法理解的現(xiàn)象出現(xiàn)，從而影響企業(yè)視覺形象的建立與傳播。

易識(shí)別

標(biāo)志的識(shí)別度、辨識(shí)度與標(biāo)志的結(jié)構(gòu)及色彩有著息息相關(guān)的聯(lián)系。在標(biāo)志結(jié)構(gòu)上，越簡(jiǎ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í)別度。

具備視覺沖擊力

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

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

形式美感的塑造與把握是整個(gè)標(biāo)志設(shè)計(jì)過程中最考驗(yàn)設(shè)計(jì)者內(nèi)在修養(yǎng)與審美情趣的部分，也同時(shí)是最難造就和控制的部分?？傮w來看如果想要塑造出具有較高形式美感的標(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)美和諧的視覺效果。此外，標(biāo)志設(shè)計(jì)也要注重緊緊跟隨時(shí)代的審美步伐。一枚形態(tài)陳舊、風(fēng)格保守的標(biāo)志是很難跟上現(xiàn)代社會(huì)瞬息萬變的審美標(biāo)準(zhǔn)的；它也會(huì)影響到整個(gè)視覺形象識(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ù)性需要通過巧妙的構(gòu)思和技法來展現(xiàn)，是將標(biāo)志的寓意以一種優(yōu)美的形式加以體現(xiàn)。當(dāng)然，這種優(yōu)美的形式并不是憑空杜撰的，而是需要在設(shè)計(jì)過程中結(jié)合品牌的相關(guān)文化、理念和精神，將藝術(shù)性與一定的寓意結(jié)合在一起。

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

在做到了標(biāo)志寓意的準(zhǔ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ì)原則及分類

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

本文將結(jié)合本人進(jìn)行圖標(biāo)設(shè)計(jì)時(shí)思路，我希望用一篇長(zhǎng)文來講清楚圖標(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ì)這一行的人都不陌生，在我們的日常生活中也是也是隨處可見，如電的開關(guān)、洗手間門外的標(biāo)識(shí)、商場(chǎng)導(dǎo)視中收銀臺(tái)圖標(biāo)、出口標(biāo)識(shí)等等

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

01）線型圖標(biāo)

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

02）面性圖標(biāo)

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

03）漸變圖標(biāo)

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

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

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

05) 扁平圖標(biāo)

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

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

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

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

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

08）2.5D圖標(biāo)

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

01）表意準(zhǔn)確

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

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

02）視覺統(tǒng)一

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

03）一致性

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

04）極致簡(jiǎn)約

在界面中，一種簡(jiǎn)化的風(fēng)格能讓人容易理解，并能弱化自己的存在，從而凸顯內(nèi)容。因此圖標(biāo)設(shè)計(jì)一定要簡(jiǎn)約,清晰，讓用戶一眼看到就能理解圖標(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. 貼合柵格線

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

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

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

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

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

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

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

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