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

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

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

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

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

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

1.如何使用图标

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

*让功能清单更有趣

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

280 Slides

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

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

Coda

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

猜你喜欢

  • Pytorch的安装过程之pip、conda、Docker容器安装

    2021-05-20 00:07:51
  • django创建自定义模板处理器的实例详解

    2022-07-29 19:50:00
  • asp.net 上传下载输出二进制流实现代码

    2023-06-28 16:06:05
  • ionic实现带字的toggle滑动组件

    2024-04-16 09:25:45
  • Pytorch 实现sobel算子的卷积操作详解

    2022-02-22 10:11:37
  • MySQL多表查询与7种JOINS的实现举例

    2024-01-12 23:34:32
  • Django框架自定义session处理操作示例

    2022-02-11 02:56:19
  • Python创建字典的八种方式

    2021-02-05 20:43:18
  • 一款强大的端到端测试工具Playwright介绍

    2021-06-19 11:59:55
  • 文案是网站的性格

    2009-09-02 13:05:00
  • Python中Generators教程的实现

    2023-07-28 03:23:20
  • 在Qt中正确的设置窗体的背景图片的几种方法总结

    2023-05-11 11:15:01
  • Python3 sys.argv[ ]用法详解

    2021-08-03 00:16:29
  • Python实现的读取文件内容并写入其他文件操作示例

    2021-10-11 02:27:02
  • 使用Python处理Excel表格的简单方法

    2023-12-07 08:05:04
  • python获取糗百图片代码实例

    2022-09-10 01:44:01
  • Python实现学生管理系统并生成exe可执行文件详解流程

    2023-03-11 04:52:42
  • Python实现连接MySql数据库及增删改查操作详解

    2024-01-14 10:40:36
  • python基于TCP实现的文件下载器功能案例

    2021-12-30 05:14:26
  • 如何给MD5加上salt随机盐值

    2022-01-13 05:32:37
  • asp之家 网络编程 m.aspxhome.com