首页 > 开发 > CSS > 正文

网页设计经验之杜绝设计中的视觉噪音(图文)

2024-07-11 08:25:53
字体:
来源:转载
供稿:网友
视噪,又称视觉噪音。我们每天接受来自外界的大量信息,这些信息有将近70%是通过视觉感知获得的。视噪会干扰我们对信息的判断,影响到产品的易用性和可用性,与用户体验的好坏息息相关。
杜绝设计中的视觉噪音  错新站长站
  (克劳德香农图演示了噪音如何影响信息的传递)
  (这是模仿克劳德香农图画一张视噪影响用户界面传递信息的图)
  那么什么是视觉噪音呢?简单来说,视噪就是在视觉信息传递的过程中,对信息的传递、理解产生负面作用的视觉因素;如同我们无法忍受生活在嘈杂的环境中一样,视觉噪音也会干扰我们对信息的判断,影响到产品的易用性和可用性,与用户体验的好坏息息相关。
  类似下面这样的网页相信你一定感觉熟悉,有时候我们不得不面对这样热闹非凡的页面并从中找到我们需要的信息和内容,譬如说一个下载按钮或者一个重要的链接,但糟糕的是我们很容易迷失其中;
  (纷繁的软件下载页面;)
  (Baidu的首页是一个很好的简洁设计的例子;)
  如何在设计中避免和降低视噪呢?下面就主要从互联网产品界面设计的角度简单的谈谈视噪产生的原因以及我们应该如何避免视噪的产生。
  1.色彩
  提到视觉设计,不能不提色彩。色彩在界面设计中扮演着非常重要的角色:区分信息模块、暗示控件功能(如蓝色文字通常代表链接,灰色按钮表示不可点击等)、突出重点信息(越重要则越醒目)等⋯⋯和谐的配色与适当的比例搭配能够让整个界面看上去清晰舒适,反之,则会给用户带来过重的视觉负担,容易形成视觉疲劳,影响体验。
  (如图,链接文字、不可点击文字,通过色彩的划分而一目了然;)
  (某网站设计;不同区域使用不同色彩划分信息;)
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表