恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
以访客至上的网页设计(三)
0.0°
2016-02-20 好文转载 规范/资料 原作者: Steve Krug 举报 1406 10 6 2

今天我们来说一下广告牌/banner设计的要点。上次讲了第一个:在每个页面“建立清楚的视觉层次”,这次继续“尽量利用习惯用法”

阅读过Steve Krug 所著的《Don't make me think》-访客至上的的网页设计秘笈,从中学到了很多交互设计方面的知识,在这里和大家分享。


之前写过一章,“我们是如何使用Web”的,今天我们来说一下广告牌/banner设计的要点。上次讲了第一个:在每个页面“建立清楚的视觉层次”,这次继续“尽量利用习惯用法


广告牌设计101法则

未扫描设计,不为阅读设计


如果用户们都是一览而过,那么,你需要注意以下5个重要方面,来保证他们尽可能地看到了,并理解了你的网站:


  1. 在每个页面建立清楚地视觉层次
  2. 尽量利用习惯用法
  3. 把页面划分成明确定义的区域
  4. 明显标示可以点击的地方
  5. 最大限度的降低干扰


习惯用法是你的好帮手

在我们小的时候,不需要人教,我们就学会了看报纸。不是因为识字,而是因为习惯用法的缘故。

Image title



例如,我们知道,字体很大的一个短语通常是一个标题,他概括了旗下的新闻故事;一张照片下面的文字要么是一个解释这张照片的内容的说明,要么,如果字体非常小那是照片拍摄者的署名。


我们知道,了解报纸版面的布局和格式的不同习惯用法能让我们更快、更容易地扫描报纸,找到我们感兴趣的新闻故事。还有,当我们到别的城市旅行时,我们知道所有的报纸都采用差不多的习惯用法(略有差别),因此,了解这些习惯用法可以很容易的阅读任何报纸。


每一种出版媒体都在发展自己的习惯用法,并不断地改进这些用法,形成新的习惯用法(想想几年前你在电视屏幕一角看到的表示正在收看的频道的标志,他现在已经随处可见了。但是,电视才出现几十年而已。)Web上延续过来的,而新的习惯用法也在不断涌现。

Image title




所有的习惯用法都是从某个人灵光一现的想法开始的,如果这个想法相当不错,其他站点就会效仿,最终,会有足够多的人在足够多的地方见到它,让它变得不言而喻。这个采用过程是需要时间的,但是和其他食物一样,放在因特网上,它会发展得非常快。例如,现在很多人都熟悉电子商务,站点上的购物车及其他使用方法,因此,设计师们可以放心的使用一个购物车图标,而不及加上“购物车”的文字说明。


关于Web上的习惯用法,有两点非常重要:


  • 它们非常有用。通常,习惯用法因为有用才会成为习惯用法。适当应用的习惯用法,会使用户在网站之间的访问更容易,不需要花费额外的努力来得到背后的工作原理。


这样保证了一种熟悉感,例如,现在看到页面左边直达底部彩色背景区域上,有着网站分类清单的链接时,哪怕有时候这种熟悉感也会让你感到某种似曾相识的单调乏味。

  • 设计时通常不愿意利用他们。和使用习惯用法相比,设计师们都面临着很大的诱惑,想要重新发明轮子很大程度上是因为他们觉得(这样觉得没错)网站是请他们来做一些崭新的、与众不同的设计,而不是使用那些原有的东西。(更不用说,来自同行的赞扬、各种奖励和高级职位很少会因为“习惯用法用的最好”而获得。)

有时候,用在重新发明轮子上的时间足以制造一种全新的滚动设备,但是有时候,这只会让用在重新发明轮子上的时间又增加了而已。

Image title

如果不打算使用一种已有的web习惯用法,你必须确认你再试试用一种:

  • 同样清楚,同样不言而喻,没有学习曲线的方法,这就跟习惯用法一样好了;
  • 带来很大的价值,因此值得用户付出一点努力来学习的方法。如果打算创新,那么你必须理解你准备换用的方法的价值,而很多设计师都低估了习惯用法的价值。

我的建议是,在你清楚自己有一个更好的想法(每个看的的人都会惊呼“哇!”)时进行创新,否则请尽量利用习惯用法。

更新:2016-02-20

收藏

10人已收藏

哈库纳玛塔塔

爱UI,爱绘画,爱生活。

  • 17

    作品

  • 47

    粉丝

  • 129

    关注

  • UX/UI设计作品集 - 云飞
  • 探索/逃离  -  千淘万画
  • sougou输入法皮肤设计
  • 以访客至上的网页设计(四)

    猜你喜欢

      2016-02-20 好文转载 规范/资料 原作者: Steve Krug 举报 1406 10 6 2

      以访客至上的网页设计(三)

      0.0°

      你确定要举报以访客至上的网页设计(三)

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年02月20日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      6
      10
      2

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录