像Iconfinder這樣的圖標(biāo)和矢量圖形市場(chǎng)，為網(wǎng)頁(yè)和印刷設(shè)計(jì)師提供了一種實(shí)惠可用的矢量圖標(biāo)資源。很多高質(zhì)量圖標(biāo)的產(chǎn)生，而且很多圖標(biāo)是免費(fèi)可用的。
每一套提交Iconfinder的圖標(biāo)都會(huì)被審核評(píng)估，這些圖標(biāo)有可能被我們網(wǎng)站用戶(hù)看到，當(dāng)中優(yōu)秀的圖標(biāo)有潛在的商業(yè)價(jià)值。在評(píng)審一套提交到網(wǎng)站的圖標(biāo)時(shí)，我們對(duì)設(shè)計(jì)師有一種責(zé)任，對(duì)我們的客戶(hù)也要確保所有出現(xiàn)在網(wǎng)站的優(yōu)質(zhì)圖標(biāo)都盡可能的是高質(zhì)量。為了達(dá)到這個(gè)目標(biāo)，我們要不斷地意識(shí)到“還不夠好”和“優(yōu)質(zhì)”之間的區(qū)別。這個(gè)區(qū)別通常是很小的，經(jīng)常需要一些極小的改變，但是在設(shè)計(jì)和整套圖標(biāo)的價(jià)值上產(chǎn)生的影響是很大的。不像很多其他的市場(chǎng)，我們很少駁回那些沒(méi)有完全滿(mǎn)足我們質(zhì)量要求的圖標(biāo)。反而，我們會(huì)給設(shè)計(jì)師分享具體使用的建議關(guān)于如何提高圖標(biāo)的質(zhì)量。
這篇文章討論了圖標(biāo)設(shè)計(jì)準(zhǔn)則的6個(gè)步驟。這6個(gè)步驟遵循了圖標(biāo)設(shè)計(jì)的基礎(chǔ)，包括一致性、易識(shí)別和清晰。高效圖標(biāo)設(shè)計(jì)的原則已經(jīng)被圖標(biāo)設(shè)計(jì)師John Hicks在他的《The Icon Handbook》一書(shū)中詳細(xì)地討論過(guò)，同樣google的“material系統(tǒng)圖標(biāo)設(shè)計(jì)指南”也有講過(guò)。本文中被討論的6個(gè)步驟應(yīng)該被看做一種指南，而不是一列教條式的規(guī)則。學(xué)會(huì)什么時(shí)候打破規(guī)則，什么時(shí)候遵循規(guī)則，這也是成為一個(gè)優(yōu)秀設(shè)計(jì)師的一部分，我們也將在這論證。
在本文中運(yùn)用的圖片案例，被討論的6個(gè)步驟將會(huì)運(yùn)用到改進(jìn)一只狗上（確切地說(shuō)，是一只柯基），這個(gè)圖標(biāo)是由iconfinder的用戶(hù)Kem Bardly最近提交的。這個(gè)圖標(biāo)是有潛質(zhì)的，但還不是夠優(yōu)美到可以稱(chēng)為“高質(zhì)量”。我們給Kem一些簡(jiǎn)單的小技巧，只要做一些小小的改進(jìn)。他的圖標(biāo)已經(jīng)準(zhǔn)備被作為優(yōu)質(zhì)圖標(biāo)通過(guò)了。下面展示的圖片顯示了Kem的圖標(biāo)改進(jìn)前后的版本。在接下來(lái)的章節(jié)，我們將循序漸進(jìn)地解釋它是怎么從最初版變到最終版的。
左邊的圖片是原始圖標(biāo)。右邊的圖片是重新設(shè)計(jì)過(guò)的圖標(biāo)，運(yùn)用了本文中提到的原則。
注意，文章中討論的原則適應(yīng)到網(wǎng)頁(yè)圖標(biāo)時(shí)，他們通常也適用于印刷圖標(biāo)。典型的300 dpi的印刷材料，使得像素化呈現(xiàn)本質(zhì)上是毫無(wú)意義的。如果你是一個(gè)平面印刷設(shè)計(jì)師，文中提到的所有原則都是適應(yīng)的，但是你可以忽略像素化呈現(xiàn)的作品。
有效圖標(biāo)設(shè)計(jì)的三個(gè)特性
對(duì)于組成圖標(biāo)的3個(gè)屬性：形式、統(tǒng)一審美和識(shí)別性，好的圖標(biāo)顯示了一套系統(tǒng)的經(jīng)過(guò)深思熟慮的方法。當(dāng)新設(shè)計(jì)一套圖標(biāo)，把這些屬性都考慮在迭代的途徑中，從整體（形式）出發(fā)，進(jìn)入到細(xì)節(jié)（識(shí)別性）。即使你只設(shè)計(jì)單個(gè)圖標(biāo)，這3個(gè)屬性也仍然能被應(yīng)用，能從單個(gè)圖標(biāo)中推測(cè)出。
毋庸置疑，設(shè)計(jì)一個(gè)有效的圖標(biāo)不止這3個(gè)屬性，但有這3個(gè)精選屬性是設(shè)計(jì)一個(gè)好的圖標(biāo)的開(kāi)端。為了相對(duì)簡(jiǎn)潔性，我們專(zhuān)注于考慮這3個(gè)主要的屬性。
形式
形式是一個(gè)圖標(biāo)根本的結(jié)構(gòu)，或者說(shuō)是它的組成部分。如果你忽視圖標(biāo)的細(xì)節(jié)，在主要圖形周?chē)?huà)了一條線(xiàn)，那他們是形成了一個(gè)方形、一個(gè)圓形、一個(gè)垂直或水平的矩形，一個(gè)三角形或者更多有組織的圖形？最主要的幾何形狀——圓形、方形和三角形——能為圖標(biāo)設(shè)計(jì)打下一個(gè)穩(wěn)固的視覺(jué)基礎(chǔ)。在Kem Bardly設(shè)計(jì)的柯基圖標(biāo)示例中，狗的頭部是由兩個(gè)三角形和兩個(gè)橢圓形組成的。一個(gè)人開(kāi)始會(huì)畫(huà)一個(gè)最大最簡(jiǎn)單的形狀，然后才定義越來(lái)越多的細(xì)節(jié)。另一個(gè)人從最簡(jiǎn)單的形狀開(kāi)始設(shè)計(jì)圖標(biāo)，然后添加更多的細(xì)節(jié)——但是只有盡可能多的需要溝通概念的細(xì)節(jié)被表達(dá)出來(lái)，它就會(huì)成為一個(gè)物體，一個(gè)想法或行動(dòng)。
這張圖片的關(guān)鍵線(xiàn)條展示了設(shè)計(jì)構(gòu)型的基本形狀
審美的一致性
單個(gè)圖標(biāo)的構(gòu)成元素能運(yùn)用到整套圖標(biāo)中，就是我們說(shuō)的視覺(jué)的一致性。這些元素比如是圓形或方形的角，角度的大小（2像素，4像素…），被限制和保持一致的線(xiàn)條粗細(xì)（2像素，4像素…），圖標(biāo)風(fēng)格（扁平的，線(xiàn)條的，被填充的線(xiàn)條或符號(hào)），配色等等。審美一致性是設(shè)計(jì)元素的集合，或是設(shè)計(jì)中你為其成為一個(gè)整體所貫穿使用的手法。在下面的例子中，會(huì)發(fā)現(xiàn)Kem圖標(biāo)中的這3只狗都有一些共同元素，比如2像素的圓角，2像素寬的眼睛和心形嘴巴。
這3只狗圖標(biāo)有共同的設(shè)計(jì)元素，形成了視覺(jué)的一致性
識(shí)別性
識(shí)別性是產(chǎn)品圖標(biāo)的基本，它造就了圖標(biāo)的唯一性。一個(gè)圖標(biāo)是否從根本上起了作用，依賴(lài)于觀(guān)眾能多么容易地去理解這個(gè)圖形、它的含義及它描述的動(dòng)作。一致性包括展示觀(guān)眾普遍會(huì)和你的想法聯(lián)系在一起的特性，但是它也包括哪些獨(dú)特的，出乎意料的元素，像把狗狗的鼻子設(shè)計(jì)為心形。記住識(shí)別性不僅僅是指對(duì)形狀、想法或它表達(dá)的動(dòng)作的理解，也指識(shí)別出你的圖標(biāo)。從這方面來(lái)說(shuō)，美學(xué)的一致性和識(shí)別性能經(jīng)常重合在一起的。下面的圖標(biāo)，我們能識(shí)別出一只是柯基犬，一只是西伯利亞的愛(ài)斯基摩犬。因?yàn)樗麄儶?dú)特的顏色、頭部形狀和耳朵，但是仍然會(huì)認(rèn)為他們是同一組圖標(biāo)，因?yàn)樗麄冇泄餐脑O(shè)計(jì)元素。
每一只狗的特性使得他們能各自被識(shí)別，但是它們共同的設(shè)計(jì)元素又可以讓人識(shí)別出是同一套圖標(biāo)
迄今，我們已經(jīng)看了有效圖標(biāo)設(shè)計(jì)的3個(gè)主要屬性。在接下來(lái)的部分，我們將深入看6個(gè)步驟是如何妥善處理這3個(gè)領(lǐng)域的問(wèn)題。
六個(gè)步驟
1、從柵格化設(shè)計(jì)開(kāi)始
不同網(wǎng)格大小的好處將在一個(gè)單獨(dú)的文章中得到最好的處理。從我們的目的出發(fā)，我們做出了一個(gè)32*32的網(wǎng)格。我們的網(wǎng)格也包括一些基本的指導(dǎo)原則，來(lái)幫助我們?yōu)槊總€(gè)圖標(biāo)設(shè)計(jì)創(chuàng)造最基本的形式。
這里，我們能看到一個(gè)32*32的像素化網(wǎng)格，有一個(gè)2像素的邊框（或者說(shuō)是不可達(dá)區(qū)域）作為留白。
最外面的2像素我們叫做“禁區(qū)”。避免把圖標(biāo)的任何部分放在這個(gè)區(qū)域，除非是絕對(duì)需要的。這個(gè)禁區(qū)存在的原因是為圖標(biāo)留出一些透氣的空間。
圖標(biāo)形式的一個(gè)組成部分是大體的形狀和方向。如果你在一個(gè)圖標(biāo)的外部邊緣畫(huà)了一條線(xiàn)——這個(gè)邊界框，如果你能夠——這個(gè)形狀將會(huì)形成一個(gè)正方形，圓形，三角形，垂直居中的矩形，水平居中的矩形或平行四邊形。
圓形圖標(biāo)處于網(wǎng)格的正中央，將經(jīng)常觸碰到內(nèi)容區(qū)域四周的邊沿，而不觸及到禁區(qū)。注意，打破禁區(qū)這個(gè)規(guī)則的一個(gè)普遍原因是，有一些重點(diǎn)或小元素需要超過(guò)圓形區(qū)域。如上所述，為了保持設(shè)計(jì)的完整性。
圓形圖標(biāo)對(duì)齊網(wǎng)格和關(guān)鍵線(xiàn)
方形圖標(biāo)也是在網(wǎng)格的中央，但不這樣做，在大多數(shù)情況下，會(huì)擴(kuò)展到內(nèi)容區(qū)的最外層邊緣。為了保持圓形和三角形圖標(biāo)的視覺(jué)面積的一致性，大多數(shù)矩形和方形圖標(biāo)將會(huì)在中間對(duì)齊到關(guān)鍵線(xiàn)（以下圖片的黃色區(qū)域）。什么時(shí)候?qū)R到每一條關(guān)鍵線(xiàn)由圖標(biāo)本身的視覺(jué)面積決定。什么時(shí)候使用哪種尺寸只需要多加練習(xí)?？聪旅娴姆叫尾季謭D片。上面說(shuō)到的3個(gè)同軸的方形就是以下的淺藍(lán)色、橙色和淺綠色區(qū)域。
方形和圓形圖標(biāo)的大小及對(duì)齊是相對(duì)于網(wǎng)格的
在32像素的正方形里，你會(huì)發(fā)現(xiàn)20*28像素垂直的和水平的矩形。我們認(rèn)為這些矩形，要么是垂直的，要么是水平的。嘗試讓任何圖標(biāo)的大小做適應(yīng)，去匹配這些20*28像素大小的矩形。
這些垂直或水平方向圖標(biāo)的對(duì)齊和大小是相對(duì)于網(wǎng)格的
在對(duì)角線(xiàn)方向的圖標(biāo)是對(duì)其到圓形區(qū)域的邊緣，如下圖所示。注意，這個(gè)鋸子的最外面區(qū)域是大約和圓形的邊緣對(duì)齊。這一塊區(qū)域你并不必很準(zhǔn)確地知道在哪，大概相近就可以了
在對(duì)角線(xiàn)方向圖標(biāo)的對(duì)齊和大小是相對(duì)于網(wǎng)格的
記住你沒(méi)有必要每次都遵循網(wǎng)格和指南。網(wǎng)格的存在是為了幫助你讓圖標(biāo)保持一致性，但是如果你不得不在做一個(gè)好的圖標(biāo)和遵循規(guī)則中選擇，那就打破這個(gè)規(guī)則——有節(jié)制的遵循。
Hemmo de Jonge因他的昵稱(chēng) Dutch Icon而出名，如他所說(shuō)：
“一個(gè)獨(dú)立的圖標(biāo)的本質(zhì)重要性超越了保持整體性。”
2、從簡(jiǎn)單的集合圖形開(kāi)始
用簡(jiǎn)單的圓形、三角形和矩形畫(huà)圖標(biāo)的主體，從這個(gè)開(kāi)始做起。本質(zhì)上，即使一個(gè)圖標(biāo)最終大多數(shù)將成為有組織的，剛開(kāi)始時(shí)在 Adobe Illustrator中設(shè)計(jì)圖形。在設(shè)計(jì)圖標(biāo)時(shí)，特別是為屏幕設(shè)計(jì)更小的圖標(biāo)時(shí)，手繪的邊緣那些微小的變化將會(huì)使一個(gè)圖標(biāo)看起來(lái)不那么精致。從基本的集合圖形開(kāi)始將會(huì)使邊緣更加精確（特別是沿著曲線(xiàn)），也能讓你快速地調(diào)整元素之間的相對(duì)大小了，當(dāng)然確保你是遵循網(wǎng)格的。
這是一個(gè)基本的幾何圖形，2個(gè)三角形，2個(gè)橢圓，組成了這個(gè)柯基圖標(biāo)。
3、按照這樣的順序設(shè)計(jì)：邊、線(xiàn)、角落、曲線(xiàn)和角度
盡可能不要讓設(shè)計(jì)看起來(lái)過(guò)度地呆板和無(wú)趣，角落、曲線(xiàn)和角度都應(yīng)該有數(shù)學(xué)化的精確。換句話(huà)說(shuō)，按照這個(gè)順序，當(dāng)涉及到細(xì)節(jié)時(shí)，不要嘗試盯著看或徒手畫(huà)圖標(biāo)。元素的不統(tǒng)一會(huì)降低圖標(biāo)的質(zhì)量。
角度
大多數(shù)情況下，堅(jiān)持用45度角，或者它的倍數(shù)。在45度角上反鋸齒是均勻地走勢(shì)。（活躍的像素一直是對(duì)齊的），所以結(jié)果是顯而易見(jiàn)的，這個(gè)角完美的對(duì)角線(xiàn)是很容易被識(shí)別的，這也是受人眼喜歡的。這個(gè)可識(shí)別的模式建立了一套圖標(biāo)的一致性，讓單個(gè)圖標(biāo)成為了整體。如果你的設(shè)計(jì)規(guī)定你必須打破規(guī)則，嘗試用兩等分（22.5度，11.25度等等）或者是15度的倍數(shù)。使用情景是不同的，所以結(jié)合具體情況而定。用45度角等分的好處是，反鋸齒的走勢(shì)仍然是可接受的。
常規(guī)反鋸齒的 45 度角的特寫(xiě)鏡頭
曲線(xiàn)
會(huì)降低圖標(biāo)質(zhì)量，也意味著專(zhuān)業(yè)和業(yè)余之間的區(qū)別最明顯的一個(gè)區(qū)域就是不那么完美的圖標(biāo)。而人的眼睛能精確地識(shí)別微小的變化，手眼的協(xié)調(diào)不能總達(dá)到很高的精確度。依賴(lài)于圖形工具和順序盡可能的設(shè)計(jì)曲線(xiàn)，使用adobe illustrator（或者你的矢量軟件）控制修改鍵（shift鍵），或者，更甚一籌地是，用Astute Graphics的VectorScribe和 InkScribe更精確地控制貝塞爾曲線(xiàn)。
因?yàn)槲覀兛吹搅松厦嫣徇^(guò)的修改前的圖片，手繪的線(xiàn)會(huì)畫(huà)出不規(guī)則的曲線(xiàn)，這會(huì)降低圖標(biāo)本身的質(zhì)量。
我們用illustrator的貝塞爾曲線(xiàn)工具畫(huà)出了這些非常精確的曲線(xiàn)，而不是手繪
角落
通常圓角（或者說(shuō)半徑）值為2像素，一個(gè)32*32像素的圖標(biāo)，2像素的半徑已經(jīng)足夠被看出是圓形的，但不太過(guò)于讓角落過(guò)于圓滑以改變?cè)O(shè)計(jì)中的個(gè)性（比如“泡泡”形象），你選擇的半徑值是基于你想給圖標(biāo)怎樣的個(gè)性。是否使用圓角是一個(gè)審美上的決策，也要考慮到一套圖標(biāo)的整體美感。
精確的圓角
已經(jīng)開(kāi)始設(shè)計(jì)幾何圖形了，我們現(xiàn)在可以增加2像素的外圍輪廓，來(lái)演示圖形工具是怎么改善設(shè)計(jì)的，以及細(xì)節(jié)上的一致性，比如圓角。
重新設(shè)計(jì)柯基圖標(biāo)的過(guò)程如此漫長(zhǎng)
這個(gè)被大大提升的版本展示了新設(shè)計(jì)的要點(diǎn)：統(tǒng)一的圓角，光滑的曲線(xiàn)，耳朵邊基本的線(xiàn)條粗細(xì)。
像素化的展示
在設(shè)計(jì)小尺寸的圖標(biāo)時(shí)，像素級(jí)的對(duì)齊是很重要的。一個(gè)小尺寸圖標(biāo)邊緣的去鋸齒會(huì)讓這個(gè)圖標(biāo)失真。不和像素網(wǎng)格對(duì)齊的線(xiàn)條之間的空隙將會(huì)變得反鋸齒和模糊。讓圖標(biāo)和像素化的網(wǎng)格對(duì)齊會(huì)使得邊緣在直線(xiàn)上很清晰，在精確的角度和曲線(xiàn)上也很清晰。
如上述，45度角是最好的，因?yàn)楸挥脕?lái)定義角的像素是成對(duì)的，階級(jí)式的，段對(duì)端是完全對(duì)角的。對(duì)角落和曲線(xiàn)也是同樣的：它們?cè)骄_，反鋸齒就越清晰。但是注意，在更大規(guī)模和更高分辨率的屏幕上，比如視網(wǎng)膜屏幕，像素化呈現(xiàn)并不太需要，至少對(duì)于反鋸齒而言。
線(xiàn)的粗細(xì)
談到線(xiàn)的粗細(xì)，2像素就很理想了，在必要情況下可以使用3像素。目標(biāo)是提供可視化的層級(jí)和多樣性。不用介入太多樣式，那樣會(huì)破壞一套圖標(biāo)的一致性。超過(guò)3個(gè)或者一套能失去它的凝聚力。2和4像素粗的線(xiàn)條的好處是他們是2的倍數(shù)，因此很容易向上和向下擴(kuò)展。大多數(shù)情況下，避免使用很細(xì)的線(xiàn)，特別是在符號(hào)和扁平化圖標(biāo)上。除非你刻意設(shè)計(jì)一種“線(xiàn)性風(fēng)格”的圖標(biāo)，比起線(xiàn)條，更依賴(lài)于光陰去定義形狀。
Iphone圖標(biāo)展示了線(xiàn)條粗細(xì)的一致性
4、跨圖標(biāo)設(shè)計(jì)使用統(tǒng)一的設(shè)計(jì)元素和符號(hào)
Hemmo de Jonge of Dutch在Icon Salon 2015上有一個(gè)精彩的演講，他大篇幅地講到了這方面的圖標(biāo)設(shè)計(jì)。在他為荷蘭政府做的2年圖標(biāo)系統(tǒng)項(xiàng)目中，Hemmo和他的設(shè)計(jì)同伴注冊(cè)了一個(gè)等級(jí)給每個(gè)圖標(biāo)。并不是每個(gè)圖標(biāo)都有等級(jí)，但大多數(shù)是這樣的。這種符號(hào)，適當(dāng)并一貫地使用在一套圖標(biāo)中，真的能把圖標(biāo)集合在一起成為整體。
常用設(shè)計(jì)元素的使用
在我們的狗狗圖標(biāo)例子里，我們使用了一個(gè)通用的風(fēng)格元素：心形鼻子。使用心形作為鼻子這個(gè)視覺(jué)特性不僅僅把這些圖標(biāo)組合在一起，而且也增添了一種異想天開(kāi)的元素，為我們四條腿的朋友溝通情感。
狗狗圖標(biāo)常用設(shè)計(jì)元素的使用
大多數(shù)情況下，即使一個(gè)圖標(biāo)的主要部分發(fā)生了改變——比如說(shuō)，風(fēng)格——構(gòu)建審美統(tǒng)一的元素仍然可以系在一起，像上面所看到的那樣。我們已經(jīng)重構(gòu)了相同的3只狗狗圖標(biāo)的符號(hào)風(fēng)格，而不僅僅是平面風(fēng)格，它們?nèi)匀皇潜３謱徝酪恢碌摹?/p>
狗狗圖標(biāo)使用了共同的設(shè)計(jì)元素，但是有著不同的造型
5、謹(jǐn)慎使用細(xì)節(jié)和裝飾
圖標(biāo)應(yīng)該能盡快地表達(dá)對(duì)象、想法或行動(dòng)。太多的小細(xì)節(jié)將會(huì)變得復(fù)雜，這會(huì)讓圖標(biāo)缺乏識(shí)別性，特別是小圖標(biāo)。一個(gè)單獨(dú)的圖標(biāo)或一整套圖標(biāo)的細(xì)節(jié)處理水平對(duì)視覺(jué)的一致性和識(shí)別性都是很重要的一個(gè)方面。確定一個(gè)或一套圖標(biāo)的細(xì)節(jié)水平是否正確的一個(gè)好方法是，以最少的細(xì)節(jié)來(lái)表達(dá)清楚圖標(biāo)的意義。
在上面的這個(gè)版本中，已經(jīng)離我們最終要完成改善的稿子很靠近了。眼睛周?chē)暮谏喞呀?jīng)變成了耳朵周?chē)す淖厣珔^(qū)域。臉上黑色的線(xiàn)已經(jīng)不見(jiàn)了，但是柯基臉上的白色標(biāo)記上面仍然有2像素的空間。注意，我們?nèi)匀槐Ａ袅艘恍┰瓉?lái)版本的元素，比如扁平化的鼻子。我們會(huì)在下一步中調(diào)整它。
6、讓它變得獨(dú)特
有天賦的設(shè)計(jì)師的數(shù)量似乎每天都在增長(zhǎng)，他們做出了高質(zhì)量圖標(biāo)，其中很多是免費(fèi)的。不幸地是，很多的設(shè)計(jì)師過(guò)度地依賴(lài)于趨勢(shì)或者大多數(shù)流行設(shè)計(jì)師的風(fēng)格。作為創(chuàng)意專(zhuān)業(yè)人士，我們應(yīng)該看看圖標(biāo)以外的其他領(lǐng)域，比如建筑、字體設(shè)計(jì)、工業(yè)設(shè)計(jì)、心理學(xué)、自然及任何我們能找到靈感的其他領(lǐng)域。因?yàn)楹芏鄨D標(biāo)看起來(lái)很相似，，所以讓你的設(shè)計(jì)變得獨(dú)特尤為重要。
柯基臉上心型的鼻子使得這個(gè)圖標(biāo)變得獨(dú)特而有個(gè)性
在最終設(shè)計(jì)的形象中，我們有一個(gè)獨(dú)特的可觸摸的心形鼻子，為這個(gè)設(shè)計(jì)添加了一些新奇和無(wú)拘無(wú)束的感覺(jué)。
這些簡(jiǎn)單的步驟應(yīng)該被看到是一個(gè)起點(diǎn)，而不是最終的指南。設(shè)計(jì)圖標(biāo)沒(méi)有簡(jiǎn)單的方法。本文中，我們已經(jīng)概述了保持基本一致的設(shè)計(jì)方法。但是其他設(shè)計(jì)師當(dāng)然也有他們自己的觀(guān)點(diǎn)和技巧。成為一個(gè)更優(yōu)秀的設(shè)計(jì)師最好的方法看盡可能多的視覺(jué)參考，讀大量的資料，經(jīng)常畫(huà)草畫(huà)（無(wú)論你去哪帶一個(gè)草圖本），不斷地練習(xí)，練習(xí)，再練習(xí)。
左邊的圖片是原始圖標(biāo)。右邊的圖片是重新設(shè)計(jì)過(guò)的圖標(biāo)，運(yùn)用了本文中提到的原則。
結(jié)論
我們已經(jīng)分享了如何構(gòu)建高質(zhì)量圖標(biāo)的基本原理。這些原理也是技巧：通過(guò)練習(xí)，任何人都能學(xué)習(xí)并掌握它們。記住，為了設(shè)計(jì)更好的圖標(biāo)，從一般（形式）開(kāi)始，然后到特定的細(xì)節(jié)（可識(shí)別）。讓你的圖標(biāo)保持內(nèi)部的一致性，同樣在整套圖標(biāo)中也要保持一致性。注意圖標(biāo)和圖表集中這些被共享的元素（審美的統(tǒng)一）。一旦你已經(jīng)掌握了這些基本的技巧，你就能更專(zhuān)注于讓你的圖標(biāo)脫穎而出：你獨(dú)特而又創(chuàng)意的視野。
你有自己的技巧、建議或想分享的嗎？在下面評(píng)論中給我留言吧。
