在网页设计中,如何使用图标来支持内容?[译]

作者:锦心 来源:Alipay UED 时间:2009-03-16 16:35:00 

在做视觉设计时,如何高效地使用图标是一门学问:该使用什么样的图标?图标该放在哪里?大小如何?图标的使用是否帮助用户更好更快的理解内容,亦或是增加了他们的理解负担甚至产生误导?今天恰好看到了一篇很好的文章,可以帮助我们了解该如何使用图标来支持内容,故翻译如下:

为什么使用图标?设计就是传达信息:如果你的网站不能吸引用户,这个问题不在于你分享的信息有多重要、有多刺激。在访问一个网站的最初,大多数用户首先扫描页面来寻找视觉上看着有趣的内容,只有某些事物引起了他们的注意力,他们才真正开始阅读。图标是一个简单、有效的方式吸引用户阅读你网站上的内容。

图标起着与分段一样的心理效果:在视觉上,图标打破了内容,使之不那么让人生却。通过图标将内容划分成几个容易理解的段落和重点,这样的页面很容易阅读,在视觉上也足够有趣以维持用户的注意。因此,不要再浪费时间写那么多无人阅读的内容了,开始使用图标吧!

在本文中,我们将展示很好的例子和网页设计中使用图标来支持内容的最佳做法。

1.如何使用图标

使用图标的首要目标应该是帮助用户更有效地吸收和处理信息。一般的做法是使用大量的空白和那些能增强内容的图标。图标通过给予内容更多的实质和有效的传达,能很好地丰富内容。图标应该用来吸引用户注意信息内容,而不是削弱或取代它。

*让功能清单更有趣

 列出服务清单是有效的市场推中实用、必要的一部分,但本质上来说,清单是乏味和无聊的。在您的功能清单中使用图标将使其更具有吸引力。

280 Slides

* 吸引用户关注Web应用程序的新功能

 图标是一个视觉邀请,吸引用户去试用Web应用程序的最新、最强大的功能。图标应该捕捉用户的注意力,并引导他们到新的功能上。一旦抓住了他们的注意力,告诉他们是什么使得新功能如此伟大。

Coda

标签:网页设计,内容,用户,图标
0
投稿

猜你喜欢

  • css学习笔记:为什么在IE6下图片会往下掉一行

    2009-06-19 12:50:00
  • 一个滑动展示的小代码

    2011-07-01 12:58:05
  • Firefox 3.6新功能预览

    2009-12-01 14:23:00
  • Asp操作Xml的精炼类,含示例代码

    2011-02-28 11:11:00
  • [翻译]标记语言和样式手册 Chapter 11 打印样式

    2008-02-11 18:44:00
  • Sql Server 2005数据库被标记为“可疑”问题

    2009-12-15 10:50:00
  • 确定能够释放空间的SQL Server数据库文件的脚本

    2010-07-31 12:36:00
  • asp如何实现人民币的大写转换?

    2010-05-24 18:27:00
  • 擦亮自己的眼睛去看SQL Server之历史渊源

    2011-08-29 15:40:53
  • jQuery 横向滚动图片

    2009-03-11 13:09:00
  • 解决SQLServer最大流水号的两个好方法

    2009-01-13 14:15:00
  • sqlserver通用的删除服务器上的所有相同后缀的临时表

    2012-06-06 20:07:34
  • SQL中exists的使用方法

    2011-12-01 08:36:07
  • 详解CSS的优先权

    2008-05-11 18:57:00
  • 手写个小组件(组件入门)asp版

    2013-06-01 20:29:25
  • JavaScript 图片变换效果(ie only)

    2010-01-20 12:40:00
  • SQL Server中多行多列连接成为单行单列

    2008-12-09 14:39:00
  • 聚焦 DreamWeaver MX 2004

    2010-03-25 12:22:00
  • 配置SQL Server文件组对应不同的RAID系统

    2009-01-04 14:31:00
  • PHP文件上传功能实现逻辑分析

    2023-05-25 02:28:30
  • asp之家 网络编程 m.aspxhome.com