<th id="00ic2"></th>

    <progress id="00ic2"><strike id="00ic2"><source id="00ic2"></source></strike></progress>
    <li id="00ic2"></li>

      <li id="00ic2"><ol id="00ic2"><samp id="00ic2"></samp></ol></li><li id="00ic2"></li>

      1. <progress id="00ic2"></progress>

        <th id="00ic2"><legend id="00ic2"></legend></th>

        <progress id="00ic2"><tbody id="00ic2"></tbody></progress>

        圖標在網頁設計中的作用

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

        相關文章

        關注易訊網絡新浪微博 關注易訊網絡騰訊微博
        成年美女黄网站色大全_成av人电影在线观看_成 人影片 免费观看,97成人在线网
        <th id="00ic2"></th>

          <progress id="00ic2"><strike id="00ic2"><source id="00ic2"></source></strike></progress>
          <li id="00ic2"></li>

            <li id="00ic2"><ol id="00ic2"><samp id="00ic2"></samp></ol></li><li id="00ic2"></li>

            1. <progress id="00ic2"></progress>

              <th id="00ic2"><legend id="00ic2"></legend></th>

              <progress id="00ic2"><tbody id="00ic2"></tbody></progress>