圖標在網頁設計中的作用

作者:易訊網絡  瀏覽量:1338  發布時間:2015-11-26 08:56:18  
      當你打開一個網站,可以發現幾乎每個網站中都存在著圖標。圖標在網頁設計中用途廣泛,小圖標有大用處。通過這些小小的圖標,可以方便的實現視覺引導和功能劃分。如果選用恰當,圖標能和頁面中的圖片有機融合,保持視覺上的一致性,同時也能夠和整個網站的風格相契合。
      一般來說,根據使用手法、使用場合的不同,一張圖像可以有多種解讀,圖標亦如此。圖標不但能夠吸引用戶的注意力,還能分割頁面中的區域,最為重要的事,圖標能夠提供一種視覺隱喻,能賦予物體某種含義,這樣用戶掃一眼便能知曉功能,因此,圖標是一種提高用戶體驗的工具。
      圖標最主要應用于:
      視覺上分割內容:讓內容更具有吸引力和可讀性。經常被應用到網站的主體、列表、或者其他文本較多的元素中。
      作為概念的視覺參照物快速引導用戶:這在導航元素中最為常見——比如放大鏡代表搜索——非常簡單,有時候連文本注釋都不需要。
      因為圖標的廣泛使用,在網頁設計每個元素中都找到它的身影:標題、腳注、導航條、列表;圖標可以大幅提升頁面中元素的瀏覽效果。
      如何保持圖標的視覺有效性?
      圖標能夠很好的組織相關內容,吸引注意力,將用戶引導至重要信息處,前提是,圖標要與內容、其他圖標、整個網站的視覺風格一致。
      對于一組風格不統一的圖標,即使某款圖標設計的再棒,也要放棄。視覺統一,關乎到整體設計。如何實現視覺上的統一?這里有一些小技巧,包括:
      1.使用相同的顏色或者配色;
      2.將所有的圖標設置為形狀相同;
      3.邊界屬性要一致;
      4.效果要一致,比如說漸變、透明、陰影等效果; 
      5.圖標的視覺風格是否與內容、網站的風格一致。
      圖標應該和網站整體設計相配
      圖標與網站整體形成鮮明的對比。
      圖標的視覺風格要與整體設計風格相似。
      如何用圖標完善的傳達概念
      通過邏輯性和一致性來傳達概念,圖標要簡單易懂。
      每個人都有每個人的見解,圖像的解釋也不是絕對的,可能一部分人能夠理解這款圖標,另一部分人就不能。但圖像的傳達能力比文字強,比如說上圖中的圖標,就能清晰的傳達含義。
轉載請注明本站出處:易訊網絡
http://www.kanatahikari.com/webhelp/2015/11-26/639.html

相關文章

關注易訊網絡新浪微博 關注易訊網絡騰訊微博
日韩中文字幕精品三区在线,爸妈离婚女儿做了父亲的女人,香蕉伊蕉伊中文在线视频,亚洲日本VA午夜中文字幕久久