|
原教程來自：http://iconlibrary.iconshock.com 如需轉(zhuǎn)載 請務(wù)必以超鏈接形式注明：來自活力盒子網(wǎng)站以及原文出處。水平有限，翻譯難免 有誤，請有心的朋友給予指出，以方便更多朋友閱讀。
真是難以置信嬌小、可愛的Icon圖標(biāo)可以給我們的設(shè)計(jì)工作增加亮點(diǎn)。Icon設(shè)計(jì)已經(jīng)發(fā)展成為一個巨大的產(chǎn)業(yè)，因?yàn)樗鼈兡芙o設(shè)計(jì)帶來很多優(yōu)勢。它們?yōu)闃?biāo)題添加視覺引導(dǎo)、用作按鈕、用來分隔頁面、做整體修飾、使網(wǎng)站更顯專業(yè)、增強(qiáng)網(wǎng)站交互性。
ICON強(qiáng)化內(nèi)容
Icon作為網(wǎng)站設(shè)計(jì)中決定性的元素，因?yàn)樵趦?nèi)容區(qū)使用圖標(biāo)可以為頁面增加“空隙”。Icon圖標(biāo)用來分隔內(nèi)容，并且給讀者視覺引導(dǎo)。研究表明，大多數(shù)訪客第一次瀏覽內(nèi)容立馬就會決定哪些內(nèi)容要去閱讀。訪客點(diǎn)擊鏈接，然后離開它們不喜歡的頁面，進(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)或許會分散訪客的注意力。這里僅僅提出來討論，或許這種情況并不會發(fā)生。
Icon圖標(biāo)潤色我們的列表
錯誤設(shè)計(jì)的列表看起來很糟糕，它打亂了整個頁面布局，分散了內(nèi)容的吸引力，就像網(wǎng)站被摳了一個白色的洞出來。Icon是一如既往的布局助手。從圖標(biāo)庫中選取一個合適的來加強(qiáng)列表。
漂亮的菜譜，使用了128*128 Icon圖標(biāo)（來自Real Vista food 素材包）
出處：活力盒子
責(zé)任編輯：bluehearts
上一頁 下一頁 如何使用Icon圖標(biāo)輔助網(wǎng)站設(shè)計(jì) [2]
|
第 1 頁 如何使用Icon圖標(biāo)輔助網(wǎng)站設(shè)計(jì) [1]
第 2 頁 
