網(wǎng)頁設(shè)計中,為什么要使用圖表?設(shè)計就是傳達(dá)信息:如果你的網(wǎng)站不能吸引用戶,這個問題不在于你分享的信息有多重要、有多刺激。在訪問一個網(wǎng)站的更初,大多數(shù)用戶首先掃描頁面來尋找視覺上看著有趣的內(nèi)容,只有某些事物引起了他們的注意力,他們才真正開始閱讀。圖標(biāo)是一個簡單、有效的方式吸引用戶閱讀你網(wǎng)站上的內(nèi)容。
圖標(biāo)起著與分段一樣的心理效果:在視覺上,圖標(biāo)打破了內(nèi)容,使之不那么讓人生卻。通過圖標(biāo)將內(nèi)容劃分成幾個容易理解的段落和重點,這樣的頁面很容易閱讀,在視覺上也足夠有趣以維持用戶的注意。因此,不要再浪費時間寫那么多無人閱讀的內(nèi)容了,開始使用圖標(biāo)吧!
在本文中,我們將展示很好的例子和網(wǎng)頁設(shè)計中使用圖標(biāo)來支持內(nèi)容的更佳做法。
1.如何使用圖標(biāo)
使用圖標(biāo)的前幾要目標(biāo)應(yīng)該是幫助用戶更有效地吸收和處理信息。一般的做法是使用大量的空白和那些能增強內(nèi)容的圖標(biāo)。圖標(biāo)通過給予內(nèi)容更多的實質(zhì)和有效的傳達(dá),能很好地豐富內(nèi)容。圖標(biāo)應(yīng)該用來吸引用戶注意信息內(nèi)容,而不是削弱或取代它。
*讓功能清單更有趣
列出服務(wù)清單是有效的市場推中實用、必要的一部分,但本質(zhì)上來說,清單是乏味和無聊的。在您的功能清單中使用圖標(biāo)將使其更具有吸引力。
* 吸引用戶關(guān)注Web應(yīng)用程序的新功能
圖標(biāo)是一個視覺邀請,吸引用戶去試用Web應(yīng)用程序的更新、更強大的功能。圖標(biāo)應(yīng)該捕捉用戶的注意力,并引導(dǎo)他們到新的功能上。一旦抓住了他們的注意力,告訴他們是什么使得新功能如此偉大。
*羅列不同的應(yīng)用和產(chǎn)品
在這種情況下,把圖標(biāo)想成是logo,記住logo的目標(biāo)是在產(chǎn)品和特定的圖像建立精神聯(lián)系。圖標(biāo)應(yīng)該前幾特而簡單的:大部分的圖標(biāo)只有128*128像素的,因此要用更低限度的方法,用少表達(dá)更多的信息。
*列出您的服務(wù)并增加可讀性
圖標(biāo)應(yīng)與內(nèi)容相關(guān)且設(shè)計很簡單。考慮您試圖表達(dá)的內(nèi)容是什么并在此基礎(chǔ)上創(chuàng)建圖標(biāo)。網(wǎng)站或文章的主題是什么?使用什么顏色?是什么風(fēng)格?現(xiàn)代?經(jīng)典?在視覺上,圖標(biāo)應(yīng)與網(wǎng)站整體的內(nèi)容和個性所傳達(dá)的思想相統(tǒng)一。
2.目的和放置的位置
圖標(biāo)的使用讓你的網(wǎng)站顯得友好、吸引人和專業(yè),這些表明了你注重細(xì)節(jié),哪怕這個細(xì)節(jié)很小很小。讓你的圖標(biāo)發(fā)揮創(chuàng)意:標(biāo)題、工具條、功能清單都是放置圖標(biāo)的好地方。
一個很簡單的圖標(biāo)能增加網(wǎng)站的魅力和個性。
*讓用戶參與到擁有超長內(nèi)容的網(wǎng)頁中
使用能概括段落大意的圖標(biāo),這將更便于讀者理解文章。
在文章的不同章節(jié)間使用圖標(biāo),可以提供視覺注意點來劃分這些章節(jié)。
*大小并不重要,即使是小圖標(biāo)也是有效果的
小圖標(biāo)提供的視覺趣味與大圖標(biāo)的相差無異,卻不會讓用戶分心。確保圖標(biāo)容易辨識并和內(nèi)容緊密相關(guān)。
*把圖標(biāo)放置在段落的右側(cè)
圖標(biāo)的放置不要局限于常規(guī)用法,把圖標(biāo)放在右側(cè)比較少見,因此會更有視覺效果。但是請注意,把圖標(biāo)放置在右側(cè)有時候看起來會顯得凌亂。
*改變圖標(biāo)的大小和位置
發(fā)揮創(chuàng)意!改變圖標(biāo)的大小和位置可以讓內(nèi)容更具活力和趣味。
3.選擇你的風(fēng)格
說到風(fēng)格,它的目的是讓人有深刻印象。如果你期望設(shè)計是前幾特的,那么可以使用新穎的圖標(biāo),但圖標(biāo)的有效性至關(guān)重要。請記住,使用圖標(biāo)是為了增強內(nèi)容和設(shè)計。不要簡單地在iStockPhoto上購買看起來很酷的圖標(biāo),而是要考慮你的網(wǎng)站風(fēng)格。
同時,圖標(biāo)的匹配性同樣重要。把不相匹配的圖標(biāo)放在一起,無論他們單個看起來有多酷,都是個明顯的設(shè)計錯誤,非常不專業(yè)。以下是一些圖標(biāo)有效地結(jié)合于各自網(wǎng)站風(fēng)格的例子。
使用淺色和很酷的3D設(shè)計的圖標(biāo),提升了網(wǎng)站的外觀和感覺。
正如下面例子所示的,簡潔是有吸引力和實用的。
在2D圖標(biāo)上實用粗糙低劣的風(fēng)格可以增加很多深度:
選擇一個前幾特和一致的風(fēng)格,可以使頁面有活力且專業(yè):
單色的圖標(biāo)可以幫助突出內(nèi)容而不會分散注意力:
不要**因為圖標(biāo)看起來很酷而使用它們,選擇哪些與你的風(fēng)格和品牌相符合的圖標(biāo):
除此之外,還有很多很好的例子,限于篇幅,這里就不一一列舉了,大家可以根據(jù)自己的思想,根據(jù)大眾的思想,多去創(chuàng)意更多更好的圖標(biāo)。
網(wǎng)頁設(shè)計中如何巧用圖標(biāo)來吸引用戶,謝謝閱讀。
查看更多寧波網(wǎng)站制作公司網(wǎng)頁設(shè)計巧用圖標(biāo)