网页设计策略-古登堡图表法

什么是古登堡图 古登堡图(Gutenberg Diagram)又称对角线平衡法则(Diagonal Balance),由14世纪西方活字印刷术的发明人约翰·古腾堡提出。古登堡图表将要画面显示的东西分成了四个象限: ① 第一视觉区:左上方,读者首先注意到的地方。 ② 最终视觉区:右下方,视觉流程的终点。 ③ 强闲置区:右上方,较少被注意到。 ④ 弱闲置区:左下方,最少被注意到。

根据这个图,读者的视线很自然就会以从左上方扫到右下方,并且每次扫视都沿着一条方向轴开始从左到右看。

这条方向轴是以对齐的元素,文本行或者一些明显的元素构成的水平线。 除非有特别的视觉强调,强弱闲置区都在这条阅读路径之外,很少能被注意到。 古登堡图揭示了一个实用的视觉轨迹规律:阅读引力是从上到下,从左到右。 当然,这个规律只适用于习惯文字以从左到右水平形式书写的读者,若是以古代中国人的阅读习惯可能就不适用了。 将古腾堡图表法在网页中应用,能帮助读者梳理阅读的逻辑。据研究发现,这么做能提高读者阅读的节奏和理解能力。


例如,遵循古腾堡图的布局把关键元素放在左上角(如标题)、中间(内容)和右下角(操作按钮)。以下对话框的应用也是遵循对角线从左至右,从上至下的原则,积极操作按钮的位置主要放在右下角,消极操作放在左侧。

当遇到大量文字时,这种效果会更加明显,人的视觉就会遵循这种浏览秩序,就像我们日常阅读的书籍,也都是从左至右,然后不断继续循环往复。

古登堡图贯穿于网页设计的每个角落,只要谨记阅读引力的顺序:从上到下,从左到右,综合阅读流来排布视觉层级,即能做出合理的设计。但设计师也不能局限于古登堡图的规律中,要善用规律并结合其他设计知识做出打动人心的设计。

0 則留言