<span id="nbphn"></span>

      <strike id="nbphn"></strike><ol id="nbphn"></ol>
          <ol id="nbphn"><menuitem id="nbphn"></menuitem></ol>
          <ins id="nbphn"></ins><ol id="nbphn"><delect id="nbphn"><form id="nbphn"></form></delect></ol>

          <track id="nbphn"><delect id="nbphn"></delect></track>
          <strike id="nbphn"><i id="nbphn"></i></strike>

          圖標在網頁設計中的作用

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

          相關文章

          關注易訊網絡新浪微博 關注易訊網絡騰訊微博
          亚洲精品天堂AⅤ在线无码

              <span id="nbphn"></span>

              <strike id="nbphn"></strike><ol id="nbphn"></ol>
                  <ol id="nbphn"><menuitem id="nbphn"></menuitem></ol>
                  <ins id="nbphn"></ins><ol id="nbphn"><delect id="nbphn"><form id="nbphn"></form></delect></ol>

                  <track id="nbphn"><delect id="nbphn"></delect></track>
                  <strike id="nbphn"><i id="nbphn"></i></strike>