如何使用Icon图标辅助网站设计

作者:
分类: 观点/经验
2010-07-03
4998

原教程来自:http://iconlibrary.iconshock.com 如需转载 请务必以超链接形式注明:来自活力盒子网站以及原文出处。水平有限,翻译难免 有误,请有心的朋友给予指出,以方便更多朋友阅读

真是难以置信娇小、可爱的Icon图标可以给我们的设计工作增加亮点。Icon设计已经发展成为一个巨大的产业,因为它们能给设计带来很多优势。它们为标题添加视觉引导、用作按钮、用来分隔页面、做整体修饰、使网站更显专业、增强网站交互性。

ICON强化内容

Icon作为网站设计中决定性的元素,因为在内容区使用图标可以为页面增加“空隙”。Icon图标用来分隔内容,并且给读者视觉引导。研究表明,大多数访客第一次浏览内容立马就会决定哪些内容要去阅读。访客点击链接,然后离开它们不喜欢的页面,进入感兴趣的版块。icon图标可以把访客的注意力吸引到你设定的内容。死角内容需要被引导阅读。你能想象没有换行和分隔的“lliad”这篇文章阅读起来有多痛苦吗?

注意到差别了吗

Icon让你的布局不再生硬,把整体分割成容易阅读和理解的众多块,每一块都内容丰富而充满魅力,吸引着访客来点击阅读

记住Icon是增强内容的工具,不要让它吸引了访客所有的注意力而忽略了内容。所以要精心挑选一些样式和寓意都与内容紧密相连的Icon图标。如果你使用过于炫目的Icon图标或许会分散访客的注意力。这里仅仅提出来讨论,或许这种情况并不会发生

Icon图标润色我们的列表

错误设计的列表看起来很糟糕,它打乱了整个页面布局,分散了内容的吸引力,就像网站被抠了一个白色的洞出来。Icon是一如既往的布局助手。从图标库中选取一个合适的来加强列表。

漂亮的菜谱,使用了128*128 Icon图标(来自Real Vista food 素材包)

0
0
分享到:

0

喜欢他,就推荐他上首页吧^_^

推荐阅读

×

赛事服务联系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

联系我们

  • QQ:33143335 QQ:1904200230
  • 电话:18569912460
  • 投稿:cndesign@163.com
  • 地址:郑州市国家大学科技园东区9号楼2层

版权信息

  移动 Android 版 豫 ICP 备16038122号-2 豫公网安备 41019702002261号