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

古騰堡圖表

用手机看条目

出自 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号