<menuitem id="hzvpt"></menuitem>

      <font id="hzvpt"><meter id="hzvpt"></meter></font>

      <th id="hzvpt"></th>

        <sub id="hzvpt"><meter id="hzvpt"></meter></sub>

        <sub id="hzvpt"></sub><track id="hzvpt"></track><track id="hzvpt"></track>
        天极传媒:
        天极网
        比特网
        IT专家网
        52PK游戏网
        极客修
        全国分站

        北京上海广州深港南京福建沈阳成都杭州西安长春重庆大庆?#25103;?/a>惠州青岛郑州泰州厦门淄博天津无锡哈尔滨

        产品
        • 网页
        • 产品
        • ?#35745;?/li>
        • 报价
        • 下载
        全高清投影机 净化器 4K电视曲面电视小家电滚筒洗衣机
        您现在的位置: 天极网 > 软件 > 网页>技术文档>让网页设计中图标更具吸引力的要素

        让网页设计中的图标更具吸引力的几大要素

        天极网软件频道2013-10-17 06:00我要吐槽

          图标在网页设计中用途广?#28023;?#20960;乎每个网站中?#21363;?#22312;着图标。通过这些小小的图标,可以方便的实现视觉引导和功能划分。如果选用恰当,图标能和页面中的 ?#35745;?#26377;机融合,保持视觉上的一致性,同时也能够和整个网站的风格相契合。图标并不是华而不实的小玩意儿,小图标有大用处。在网页设计中,如果设计师并不擅 长图标设计,那么就需要在图标选择上下功夫了。

        浅析网页设计中图标的应用

          一般?#27492;擔?#26681;据使用手法、使用场合的不同,一张图像可以有多种解读,图标亦如此。图标不但能够吸引用户的注意力,还能分割页面中的区域,最为重要的事,图标能够提供一种视觉隐喻,能赋予物体某种含义,这样用户扫一眼便能知晓功能,因此,图标是一种提高用户体验的工具。

          图标在网页设计中的作用

          图标可以说是一种不稳定的视觉元素,因为图标包含了太多的意象,可以扮演不同的角色。一个铅笔的图标,就能代表很多意义,可以代表设计,也可以代表出售铅笔,也可以代表素描。图标最主要应用于:

        screenshot

          视觉上分割内容:让内容更具有吸引力和可读性。经常被应用到网站的主体、列表、或者其他文本较多的元素中。

        screenshot

          作为概念的视觉参照物,快速引导用户:这在导航元素中最为常见(上图)——比如放大镜代表搜索——?#27973;?#31616;单,有时候连文本注释都不需要。

          效果突出,因此图标?#36824;?#27867;使用。因此可以在网页设计几乎每个元素中都?#19994;?#22270;标的身影:标题、脚注、导航条、列表;图标可以大幅提升页面中元素的浏览效果。

          优秀的图标具备哪些优点?

        screenshot

          我们不?#36874;⑾郑?#22270;标是优秀网页设计中不可或缺的部分,但如果使用不当或者图标设计的不到位,那么辨识度就很差,用户也难以理解。因此我们需要 外观精致、意味深刻的图标,比如上面这套就不错。

          尽管图标设计?#36947;?#35805;长,而且也比较复杂,但是图标对各种设计?#27492;擔?#37117;大有裨益。无论是何种设计,如果想要使用图标,那么必须记住下面这两点:概念传达完善、具备视觉有效性。

        作者:MartinRGB责任编辑:杨玲)
        请关注天极网天极新媒体 最酷科技资讯
        扫码赢大奖
        评论
        * 网?#36874;?#35328;均非本站立场,本站不在评论栏推荐任何网店、经销商,谨防上当受骗!
        热点推荐
        微软Windows 10操作系统Win10系统在Win8的基础上对界面、特性以及跨平台方面做了诸多优化。[详细]
        Windows 10 新视界 [进入频道][使用?#35760;蒥[微博互动]
        手机整机DIY企业级
        北京快三遗漏数据统计

          <menuitem id="hzvpt"></menuitem>

            <font id="hzvpt"><meter id="hzvpt"></meter></font>

            <th id="hzvpt"></th>

              <sub id="hzvpt"><meter id="hzvpt"></meter></sub>

              <sub id="hzvpt"></sub><track id="hzvpt"></track><track id="hzvpt"></track>

                <menuitem id="hzvpt"></menuitem>

                  <font id="hzvpt"><meter id="hzvpt"></meter></font>

                  <th id="hzvpt"></th>

                    <sub id="hzvpt"><meter id="hzvpt"></meter></sub>

                    <sub id="hzvpt"></sub><track id="hzvpt"></track><track id="hzvpt"></track>