　　在做視覺設(shè)計時，如何高效地使用圖標是一門學(xué)問：該使用什么樣的圖標？圖標該放在哪里？大小如何？圖標的使用是否幫助用戶更好更快的理解內(nèi)容，亦或是增加了他們的理解負擔(dān)甚至產(chǎn)生誤導(dǎo)？

　　為什么使用圖標？設(shè)計就是傳達信息：如果你的網(wǎng)站不能吸引用戶，這個問題不在于你分享的信息有多重要、有多刺激。在訪問一個網(wǎng)站的最初，大多數(shù)用戶首先掃描頁面來尋找視覺上看著有趣的內(nèi)容，只有某些事物引起了他們的注意力，他們才真正開始閱讀。圖標是一個簡單、有效的方式吸引用戶閱讀你網(wǎng)站上的內(nèi)容。

　　圖標起著與分段一樣的心理效果：在視覺上，圖標打破了內(nèi)容，使之不那么讓人生卻。通過圖標將內(nèi)容劃分成幾個容易理解的段落和重點，這樣的頁面很容易閱讀，在視覺上也足夠有趣以維持用戶的注意。因此，不要再浪費時間寫那么多無人閱讀的內(nèi)容了，開始使用圖標吧！

　　在本文中，我們將展示很好的例子和網(wǎng)頁設(shè)計中使用圖標來支持內(nèi)容的最佳做法。

1.如何使用圖標

　　使用圖標的首要目標應(yīng)該是幫助用戶更有效地吸收和處理信息。一般的做法是使用大量的空白和那些能增強內(nèi)容的圖標。圖標通過給予內(nèi)容更多的實質(zhì)和有效的傳達，能很好地豐富內(nèi)容。圖標應(yīng)該用來吸引用戶注意信息內(nèi)容，而不是削弱或取代它。

讓功能清單更有趣

　　列出服務(wù)清單是有效的市場推中實用、必要的一部分，但本質(zhì)上來說，清單是乏味和無聊的。在您的功能清單中使用圖標將使其更具有吸引力。

280 Slides

吸引用戶關(guān)注Web應(yīng)用程序的新功能

　　圖標是一個視覺邀請，吸引用戶去試用Web應(yīng)用程序的最新、最強大的功能。圖標應(yīng)該捕捉用戶的注意力，并引導(dǎo)他們到新的功能上。一旦抓住了他們的注意力，告訴他們是什么使得新功能如此偉大。

Coda

[Page: ]

羅列不同的應(yīng)用和產(chǎn)品

　　在這種情況下，把圖標想成是logo，記住logo的目標是在產(chǎn)品和特定的圖像建立精神聯(lián)系。圖標應(yīng)該獨特而簡單的：大部分的圖標只有128*128像素的，因此要用最低限度的方法，用少表達更多的信息。

intridea

列出您的服務(wù)并增加可讀性

　　圖標應(yīng)與內(nèi)容相關(guān)且設(shè)計很簡單?？紤]您試圖表達的內(nèi)容是什么并在此基礎(chǔ)上創(chuàng)建圖標。網(wǎng)站或文章的主題是什么？使用什么顏色？是什么風(fēng)格？現(xiàn)代？經(jīng)典？在視覺上，圖標應(yīng)與網(wǎng)站整體的內(nèi)容和個性所傳達的思想相統(tǒng)一。

j.Alexander Woodworking

[Page: ]

2.目的和放置的位置

　　圖標的使用讓你的網(wǎng)站顯得友好、吸引人和專業(yè)，這些表明了你注重細節(jié)，哪怕這個細節(jié)很小很小。讓你的圖標發(fā)揮創(chuàng)意：標題、工具條、功能清單都是放置圖標的好地方。

　　一個很簡單的圖標能增加網(wǎng)站的魅力和個性。

Coffeenatic

讓用戶參與到擁有超長內(nèi)容的網(wǎng)頁中

　　使用能概括段落大意的圖標，這將更便于讀者理解文章。

Rackspace

　　在文章的不同章節(jié)間使用圖標，可以提供視覺注意點來劃分這些章節(jié)。

Defined Clarity

[Page: ]

大小并不重要，即使是小圖標也是有效果的

　　小圖標提供的視覺趣味與大圖標的相差無異，卻不會讓用戶分心。確保圖標容易辨識并和內(nèi)容緊密相關(guān)。

Morgan Hayes

把圖標放置在段落的右側(cè)

　　圖標的放置不要局限于常規(guī)用法，把圖標放在右側(cè)比較少見，因此會更有視覺效果。但是請注意，把圖標放置在右側(cè)有時候看起來會顯得凌亂。

South Creative

改變圖標的大小和位置

　　發(fā)揮創(chuàng)意！改變圖標的大小和位置可以讓內(nèi)容更具活力和趣味。

Media Temple

[Page: ]

3.選擇你的風(fēng)格

　　說到風(fēng)格，它的目的是讓人有深刻印象。如果你期望設(shè)計是獨特的，那么可以使用新穎的圖標，但圖標的有效性至關(guān)重要。請記住，使用圖標是為了增強內(nèi)容和設(shè)計。不要簡單地在iStockPhoto上購買看起來很酷的圖標，而是要考慮你的網(wǎng)站風(fēng)格。

　　同時，圖標的匹配性同樣重要。把不相匹配的圖標放在一起，無論他們單個看起來有多酷，都是個明顯的設(shè)計錯誤，非常不專業(yè)。以下是一些圖標有效地結(jié)合于各自網(wǎng)站風(fēng)格的例子。

　　使用淺色和很酷的3D設(shè)計的圖標，提升了網(wǎng)站的外觀和感覺。

GoodBarry

　　正如下面例子所示的，簡潔是有吸引力和實用的。

CrowdSPRING

　　在2D圖標上實用粗糙低劣的風(fēng)格可以增加很多深度：

Take the walk

　　選擇一個獨特和一致的風(fēng)格，可以使頁面有活力且專業(yè)：