全球专业中文经管百科,由121,994位网友共同编写而成,共计436,057个条目

古腾堡图表

用手机看条目

出自 MBA智库百科(https://wiki.mbalib.com/)

古腾堡图表(Gutenberg Diagram)

目录

什么是古腾堡图表

  古腾堡图表(Gutenberg Diagram)又称对角线平衡法则(Diagonal Balance)指的是:人的阅读方式遵循从左到右,从上到下的眼动规律。

  古登堡图表将要画面显示的东西分成了四个象限:人的阅读方式遵循从左到右的眼动规律。由西方活字印刷术发明人约翰·古腾堡(Johannes Gutenberg)提出,他将画面分为四个象限,用户在左上和右下,即页面开始和结束区域关注更多,而较少注意到中间区域。左上是第一视觉区,是用户首先注意到的地方;右上是第二视觉区,是强休息区,较少被注意到;左下是弱休息区,是最少被注意到的地方;右下是终端视觉区,是视觉流的终点。阅读时,人们的目光会遵循从左上到右下的阅读重力[1]

  

  1.第一视觉区(Primary Optical Area):左上方,读者首先注意到的地方。

  2.最终视觉区(Final Optical Area):右下方,视觉流程的终点。

  3.强闲置区(Strong Follow Area):右上方,较少被注意到。

  4.弱闲置区(Weak Follow Area):左下方,最少被注意到。

古腾堡图表的缺点[2]

  目前只在信息均匀分布的页面证明有古腾堡图表的阅读规律,若页面中有视觉重量更大的图片或标题,可能会首先吸引眼球。

  此外,语言本身的阅读顺序可能也会产生一定的影响,例如阿拉伯语从右至左的文字顺序可能并不符合古腾堡图表的阅读规律。此外,对于用户已熟悉,并养成独特阅读习惯的页面也不一定遵循此定律,比如用户会自动跳过轮播图广告的「轮播图盲视」现象。

古腾堡图表的应用

  界面设计中,通常把最重要信息放在左上角,如广告标识、视频字幕等宣传信息,结合曝光效应吸引用户注意。把最重要的操作放在右下角,如确认按钮,同时减少操作负荷[3]

  

  古腾堡图在网页设计中的应用[3]

  古腾堡图表或规则基本上是一种了解用户行为的方法,这种行为被称为“阅读重力”,它的目的是为了人从左到右、从上到下阅读的习惯,不同文化如何在视觉上导航一个组合,以及如何优化布局的结果。

  通常我们的眼睛会自动从页面的左上部分移到右下部分,因为我们被训练以这种方式阅读。知道了用户的行为和眼球运动的重心,设计可以真正有一个更加有效和适当的布局,因为信息排名和视觉突出是设计的重要部分。

  古腾堡图通过让设计者使用图表来理解概念和布局,帮了大忙。设计师变得更有优势,因为这也在某种程度上帮助他们提高了网页设计的效率。通过将徽标放在屏幕的左上角,可能会增强网页视觉的效果,因为用户会首先看到徽标,这也有助于网站的品牌化

  • 去强调

  因为已经知道左下方和右上方的象限会受到最少的视觉关注,所以不太重要的元素可以放在那些区域,这样即使用户没有扫过那个部分,他们也不会错过重要的新闻。通常,web约定将二级导航链接放在那个区域,比如客户端登录、RSS提要等等。这就是古腾堡图在场景中的完美应用,因为二级导航不如一级导航重要。但是,搜索它的用户可以在需要时找到并使用它。

  • 有意识地放置重要的视觉效果和内容

  在设计页面时,设计者可能会考虑在布局过程中,将更重要的视觉效果放入图的一部分。因此,当他们有机会改进他们的设计和提高效力时,关键信息和内容会放在布局的右侧,而不是左对齐的方法。他们以右对齐的方式放置重要的文字,也就是说,他们从左向右滑动图像内容,反之亦然,以突出彼此。

  古腾堡图在数字营销中的应用[3]

  古腾堡图在数字营销领域也很有帮助。它有助于营销人员了解访问他们网站的用户的阅读模式,浏览他们的网站,并相应地将重要信息放在他们会有效和受到关注的部分。古腾堡图布局适用于对页面内容真正感兴趣的用户。例如,如果用户在阅读上述标题后正在查看页面上的图表图像,那么这是一个倒置的古腾堡图,而如果用户正在主模式或产品列表页面上查找任何产品,这是主流的古腾堡图。

相关条目

参考文献

  1. Wheildon, Colin, and Mal Warwick. Type & Layout[M]. Berkeley, Calif.: Strathmoor Press,1995
  2. Lidwell, William. Universal principles of design : 125 ways to enhance usability, influence perception, increase ap[M]. Rockport Publishers, 2010,118–119
  3. 3.0 3.1 3.2 Gutenberg Diagram — Why you should know it and use it.TECHWALA.2021-11-23
本条目对我有帮助1
MBA智库APP

扫一扫,下载MBA智库APP

分享到:
  如果您认为本条目还有待完善,需要补充新内容或修改错误内容,请编辑条目投诉举报

本条目由以下用户参与贡献

上任鹅陈.

评论(共0条)

提示:评论内容为网友针对条目"古腾堡图表"展开的讨论,与本站观点立场无关。

发表评论请文明上网,理性发言并遵守有关规定。

打开APP

以上内容根据网友推荐自动排序生成

官方社群
下载APP

闽公网安备 35020302032707号