如何使用Icon圖標輔助網站設計 - 網頁設計

http://webdesign.zoapcon.com

 

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

真是難以置信嬌小、可愛的Icon圖標可以給我們的設計工作增加亮點。Icon設計已經發展成為一個巨大的產業,因為它們能給設計帶來很多優勢。它們為標題添加視覺引導、用作按鈕、用來分隔頁面、做整體修飾、使網站更顯專業、增強網站交互性。

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

真是難以置信嬌小、可愛的Icon圖標可以給我們的設計工作增加亮點。Icon設計已經發展成為一個巨大的產業,因為它們能給設計帶來很多優勢。它們為標題添加視覺引導、用作按鈕、用來分隔頁面、做整體修飾、使網站更顯專業、增強網站交互性。

 

ICON強化內容

Icon作為網站設計中決定性的元素,因為在內容區使用圖標可以為頁面增加“空隙”。Icon圖標用來分隔內容,并且給讀者視覺引導。研究表明,大多數訪客第一次瀏覽內容立馬就會決定哪些內容要去閱讀。訪客點擊鏈接,然后離開它們不喜歡的頁面,進入感興趣的版塊。icon圖標可以把訪客的注意力吸引到你設定的內容。死角內容需要被引導閱讀。你能想象沒有換行和分隔的“lliad”這篇文章閱讀起來有多痛苦嗎?

 

注意到差別了嗎?

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

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

Icon圖標潤色我們的列表

錯誤設計的列表看起來很糟糕,它打亂了整個頁面布局,分散了內容的吸引力,就像網站被摳了一個白色的洞出來。Icon是一如既往的布局助手。從圖標庫中選取一個合適的來加強列表。

 

漂亮的菜譜,使用了128*128 Icon圖標(來自Real Vista food 素材包)


arrow
arrow
    文章標籤
    網頁設計 web design
    全站熱搜

    inspirr 發表在 痞客邦 留言(0) 人氣()