52 Design Principles 是 RPDC（RPDC：小红书产品设计中心） 送给自己和所有设计师，研发、产品的礼物，希望前人的经验能帮助我们做更好的设计。

GUTENBERG DIAGRAM

人的阅读方式遵循从左到右的眼动规律。此原则由西方活字印刷术发明人约翰·古腾堡（Johannes Gutenberg）提出，他将画面分为四个象限，用户在左上和右下，即页面开始和结束区域关注更多，而较少注意到中间区域。

来源与推导过程

20 世纪 50 年代，约翰·古腾堡（Johannes Gutenberg）在设计报纸的过程中，提出了此原则。他将页面分为四个象限：左上是第一视觉区，是用户首先注意到的地方；右上是第二视觉区，是强休息区，较少被注意到；左下是弱休息区，是最少被注意到的地方；右下是终端视觉区，是视觉流的终点。阅读时，人们的目光会遵循从左上到右下的「阅读重力」。

• Wheildon, Colin, and Mal Warwick. 1996. Type & Layout. Berkeley, Calif.: Strathmoor Press.

解读与应用案例

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

边界与限制

目前只在信息均匀分布的页面证明有古腾堡图表的阅读规律，若页面中有视觉重量更大的图片或标题，可能会首先吸引眼球。此外，语言本身的阅读顺序可能也会产生一定的影响，例如阿拉伯语从右至左的文字顺序可能并不符合古腾堡图表的阅读规律。此外，对于用户已熟悉，并养成独特阅读习惯的页面也不一定遵循此定律，比如用户会自动跳过轮播图广告的「轮播图盲视」现象。

• Lidwell, William, and Kritina Holden, Jill Butler （2010）. Universal Principles of Design, Revised and Updated: 125 Ways to Enhance Usability, Influence Perception, Increase Appeal, Make Better Design Decisions, and Teach through Design. London: Rockport Publishers. pp. 118–119.

更多阅读

古腾堡图：视觉流在设计中的应用

3 种设计布局：古腾堡图、Z 型和 F 型

文章来源

https://rpdc.xiaohongshu.com/52-design-principles/gutenberg-diagram