14世纪一位德国印刷工人叫约翰古腾堡发现人们视觉阅览规则，人们往往是从左上角移动到右下角。即古腾堡图表法Diagonal Balance。
四个区域分别是：主视觉区（左上角）、终端区（右下角）、高搁置区（右上角）、低搁置区（左下角）。
主视觉区是用户阅览网页的起始点，终端区是完毕脱离网页的结尾。全体是依据从左往右的阅览习气，从右到左则要反过来。咱们能够依据一般的用户视觉习气，来放信息权重不同的内容。可是这也不是肯定的，是有规则的，从上到下、从左至右。这都是用户的个人习气。
适用场景：文本信息比较多的页面，杂志文章图片比较少的页面
首要事例
咱们能够看到虎嗅网站信息结构的排布，左边是中心区。
1）依据起点主视觉区的特性把LOGO和导航放在左上角，引荐的文章也以图片的方式放在这儿进行曝光；
2）低搁置区则放一些比较重要的文章，招引用户不断往下翻；
3）高搁置区则放文章内容之外的惊喜点24小时推送；
4）终端区则是供给给用户一切内容之后预备脱离时供给的历史文章，就像朋友间离别回眸淡淡的一笑。
三大阅览模型
除了古藤图表法之外，还有其他两个视觉阅览模型，并称为「三大视觉阅览模型」尼尔森F模型和Z字模型。以下简略介绍一下他们：
F模型
由 Jakob Nielsen于2006年提出他指出，咱们在第一次观看页面时，视野会呈 F的形状重视页面
1）先从顶部开端从左到右水平移动
2）目光再下移开端从左到右调查可是长度会相对短些
适用场景：内容比较多，用户一般扫描页面。
Z字模型
眼睛从左上角向右移动，会让读者的视野通过“搁置区”，能够看到所以的元素。在视野移到右上角后沿着斜对角向下方走，然后视觉再次像右移动，直到页面的右下方。视觉移动的轨道就像字母z。
适用场景：精约的界面，比方着陆页。它以共同的布局和视觉上为用户带来愉悦。
参阅文章：
3 Design Layouts: Gutenberg Diagram, Z-Pattern, And F-Pattern
https://www.smashingmagazine.com/2014/12/design-principles-visual-weight-direction/
上一年今天运营文章2023:《100个思想模型系列》012.非SR思想模型(0)2023:从『 0 』开端做社群的重要关键点(0)2023:快手1月共受理侵权告发1335条，哪些行为会侵权？(0)2023:直播复盘的中心思路(保姆级直播复盘总健壮操手册)(0)2023:共享5款超级有用的电脑软件(0)
微信扫一扫 
支付宝扫一扫 
