• <p id="r2umn"><tbody id="r2umn"></tbody></p>
  • <bdo id="r2umn"></bdo>
      1. <p id="r2umn"></p>

          1. <acronym id="r2umn"><label id="r2umn"></label></acronym>

            圖標在網頁設計中的作用

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

            相關文章

            關注易訊網絡新浪微博 關注易訊網絡騰訊微博
            亚洲精品熟女国产_精品国产_亚洲人成在线_国产裸拍裸体视频在线观看_乌克兰丰满BBWBBWBBW