【游戏交互设计】古登堡图：视觉流在设计中的应用

更多秋招干货，上网易游戏学院app查看！https://game.academy.163.com/ssi/app/?referrer=csdn

一、什么是古登堡图

古登堡图（Gutenberg Diagram）又称对角线平衡法则（Diagonal Balance），由14世纪西方活字印刷术的发明人约翰·古腾堡提出。古登堡图表将要画面显示的东西分成了四个象限：

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

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

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

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

根据这个图，读者的视线很自然就会以从左上方扫到右下方，并且每次扫视都沿着一条方向轴开始从左到右看。这条方向轴是以对齐的元素，文本行或者一些明显的元素构成的水平线。除非有特别的视觉强调，强弱闲置区都在这条阅读路径之外，很少能被注意到。古登堡图揭示了一个实用的视觉轨迹规律：阅读引力是从上到下，从左到右。当然，这个规律只适用于习惯文字以从左到右水平形式书写的读者，若是以古代中国人的阅读习惯可能就不适用了。

二、古登堡图在设计中的实际应用

古登堡图的应用范围非常广泛，几乎所有涉及视觉设计的地方都可见古登堡图的应用痕迹。根据古登堡图所揭示的规律，画面可采取上下结构，左右结构，或者综合运用。

自上而下的界面设计

按照从上到下的阅读引力，视觉终端在界面的正下方。因此一般的剧情动画文案都是在画面的最下方，如图1。玩家观看完