<thead id="b91h7"></thead>
<listing id="b91h7"></listing>
<cite id="b91h7"><dl id="b91h7"><listing id="b91h7"></listing></dl></cite>
<thead id="b91h7"><dl id="b91h7"><th id="b91h7"></th></dl></thead>
<cite id="b91h7"></cite> <var id="b91h7"></var>
<var id="b91h7"></var>
<menuitem id="b91h7"><video id="b91h7"><address id="b91h7"></address></video></menuitem>
<menuitem id="b91h7"><dl id="b91h7"></dl></menuitem>
<thead id="b91h7"><i id="b91h7"><th id="b91h7"></th></i></thead>
<var id="b91h7"></var>
天极传媒
天极网
比特网
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企业级
ʱʱʹ
<thead id="b91h7"></thead>
<listing id="b91h7"></listing>
<cite id="b91h7"><dl id="b91h7"><listing id="b91h7"></listing></dl></cite>
<thead id="b91h7"><dl id="b91h7"><th id="b91h7"></th></dl></thead>
<cite id="b91h7"></cite> <var id="b91h7"></var>
<var id="b91h7"></var>
<menuitem id="b91h7"><video id="b91h7"><address id="b91h7"></address></video></menuitem>
<menuitem id="b91h7"><dl id="b91h7"></dl></menuitem>
<thead id="b91h7"><i id="b91h7"><th id="b91h7"></th></i></thead>
<var id="b91h7"></var>
<thead id="b91h7"></thead>
<listing id="b91h7"></listing>
<cite id="b91h7"><dl id="b91h7"><listing id="b91h7"></listing></dl></cite>
<thead id="b91h7"><dl id="b91h7"><th id="b91h7"></th></dl></thead>
<cite id="b91h7"></cite> <var id="b91h7"></var>
<var id="b91h7"></var>
<menuitem id="b91h7"><video id="b91h7"><address id="b91h7"></address></video></menuitem>
<menuitem id="b91h7"><dl id="b91h7"></dl></menuitem>
<thead id="b91h7"><i id="b91h7"><th id="b91h7"></th></i></thead>
<var id="b91h7"></var>