如何使用Icon圖標(biāo)輔助網(wǎng)站設(shè)計(jì)

作者：
2010-07-03
4921

原教程來自：http://iconlibrary.iconshock.com 如需轉(zhuǎn)載 請(qǐng)務(wù)必以超鏈接形式注明：來自活力盒子網(wǎng)站以及原文出處。水平有限，翻譯難免 有誤，請(qǐng)有心的朋友給予指出，以方便更多朋友閱讀

真是難以置信嬌小、可愛的Icon圖標(biāo)可以給我們的設(shè)計(jì)工作增加亮點(diǎn)。Icon設(shè)計(jì)已經(jīng)發(fā)展成為一個(gè)巨大的產(chǎn)業(yè)，因?yàn)樗鼈兡芙o設(shè)計(jì)帶來很多優(yōu)勢(shì)。它們?yōu)闃?biāo)題添加視覺引導(dǎo)、用作按鈕、用來分隔頁(yè)面、做整體修飾、使網(wǎng)站更顯專業(yè)、增強(qiáng)網(wǎng)站交互性。

ICON強(qiáng)化內(nèi)容

Icon作為網(wǎng)站設(shè)計(jì)中決定性的元素，因?yàn)樵趦?nèi)容區(qū)使用圖標(biāo)可以為頁(yè)面增加“空隙”。Icon圖標(biāo)用來分隔內(nèi)容，并且給讀者視覺引導(dǎo)。研究表明，大多數(shù)訪客第一次瀏覽內(nèi)容立馬就會(huì)決定哪些內(nèi)容要去閱讀。訪客點(diǎn)擊鏈接，然后離開它們不喜歡的頁(yè)面，進(jìn)入感興趣的版塊。icon圖標(biāo)可以把訪客的注意力吸引到你設(shè)定的內(nèi)容。死角內(nèi)容需要被引導(dǎo)閱讀。你能想象沒有換行和分隔的“l(fā)liad”這篇文章閱讀起來有多痛苦嗎？

注意到差別了嗎

Icon讓你的布局不再生硬，把整體分割成容易閱讀和理解的眾多塊，每一塊都內(nèi)容豐富而充滿魅力，吸引著訪客來點(diǎn)擊閱讀

記住Icon是增強(qiáng)內(nèi)容的工具，不要讓它吸引了訪客所有的注意力而忽略了內(nèi)容。所以要精心挑選一些樣式和寓意都與內(nèi)容緊密相連的Icon圖標(biāo)。如果你使用過于炫目的Icon圖標(biāo)或許會(huì)分散訪客的注意力。這里僅僅提出來討論，或許這種情況并不會(huì)發(fā)生

Icon圖標(biāo)潤(rùn)色我們的列表

錯(cuò)誤設(shè)計(jì)的列表看起來很糟糕，它打亂了整個(gè)頁(yè)面布局，分散了內(nèi)容的吸引力，就像網(wǎng)站被摳了一個(gè)白色的洞出來。Icon是一如既往的布局助手。從圖標(biāo)庫(kù)中選取一個(gè)合適的來加強(qiáng)列表。

漂亮的菜譜，使用了128*128 Icon圖標(biāo)（來自Real Vista food 素材包）

0
0
分享到：

0

喜歡他，就推薦他上首頁(yè)吧^_^

推薦閱讀

×

賽事服務(wù)聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的，我知道了

官方微信

聯(lián)系我們

  • QQ：33143335 QQ：1904200230
  • 電話：18569912460
  • 投稿：cndesign@163.com
  • 地址：鄭州市國(guó)家大學(xué)科技園東區(qū)9號(hào)樓2層

版權(quán)信息

  • CND設(shè)計(jì)網(wǎng)（CNDESIGN）會(huì)員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權(quán)歸原作者所有，任何商業(yè)用途均需聯(lián)系作者。如未經(jīng)授權(quán)用作他處，作者將保留追究侵權(quán)者法律責(zé)任的權(quán)利。

    Copyright ©2006-2019 CND設(shè)計(jì)網(wǎng)

  移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)