如何使用ICON图标辅助网站设计
文章来源于 活力盒子翻译，感谢作者 luycas 给我们带来经精彩的文章！真是难以置信娇小、可爱的Icon图标可以给我们的设计工作增加亮点。Icon设计已经发展成为一个巨大的产业，因为它们能给设计带来很多优势。它们为标题添加视觉引导、用作按钮、用来分隔页面、做整体修饰、使网站更显专业、增强网站交互性。
ICON强化内容
Icon作为网站设计中决定性的元素，因为在内容区使用图标可以为页面增加“空隙”。Icon图标用来分隔内容，并且给读者视觉引导。研究表明，大多数访客第一次浏览内容立马就会决定哪些内容要去阅读。访客点击链接，然后离开它们不喜欢的页面，进入感兴趣的版块。icon图标可以把访客的注意力吸引到你设定的内容。死角内容需要被引导阅读。你能想象没有换行和分隔的“lliad”这篇文章阅读起来有多痛苦吗?
注意到差别了吗?
Icon让你的布局不再生硬，把整体分割成容易阅读和理解的众多块，每一块都内容丰富而充满魅力，吸引着访客来点击阅读。
记住Icon是增强内容的工具，不要让它吸引了访客所有的注意力而忽略了内容。所以要精心挑选一些样式和寓意都与内容紧密相连的Icon图标。如果你使用过于炫目的Icon图标或许会分散访客的注意力。这里仅仅提出来讨论，或许这种情况并不会发生。
Icon图标润色我们的列表
错误设计的列表看起来很糟糕，它打乱了整个页面布局，分散了内容的吸引力，就像网站被抠了一个白色的洞出来。Icon是一如既往的布局助手。从图标库中选取一个合适的来加强列表。
漂亮的菜谱，使用了128*128 Icon图标(来自Real Vista food 素材包)
Icon 凸显应用的新特性
通过Icon图标串接各个小版块是一个展现亮点的好办法。你的潜在客户会在这种视觉标识的引导下来阅读新特性。一个漂亮的Icon图标可以把访客的注意力紧紧吸引到这个版块上。
Icon 辅助主链接
醒目的头部会给第一次进入的访客很棒的视觉体验。令人瞠目结舌的视觉体验配以精致的标记行会稳固您网站的点击量。512*512 Icon图标能给主导航栏带来强烈的视觉冲击。
情非得已
-
21个Sketch实用高频小技巧2019-02-15
-
25款值得收藏的优秀网站模板免费下载2015-09-16
-
20套高质量的免费网页模版PSD素材2013-09-02
-
20款国外时尚大气的按钮开关PSD素材下载2013-07-31
-
CSS实例教程：十步学会用CSS建站2011-10-05
-
网页设计师：浅淡网页BANNER设计2010-09-27
-
网页细节教程：WEB设计精确点滴2010-09-13
-
网页设计中的点滴细节把握2010-09-01
-
总结交互组件创新的四种方式2010-06-28
-
最全的国外电子商务CSS模板下载2010-06-18
-
UI设计师如何设计最常见的关闭按钮
相关文章4042019-02-24
-
5个网站设计实例解析网页设计趋势
相关文章4452018-11-29
-
5个作品集网站设计中常见的问题
相关文章3742018-05-10
-
详解个性化网站设计的优点和缺点
相关文章3702018-01-10
-
9个设计技巧帮助您把网站设计的更专业
相关文章2602017-11-17
-
网页设计中手工绘制的图标和元素的方法
相关文章1902017-08-09
-
24个设计师容易忽略的APP设计细节
相关文章2842017-08-07
-
浅谈熟悉的图标是否还需要标注上文字
相关文章2272016-07-07
