观看模式是指用户扫描和处理页面上的视觉信息的自然方式。
这些图案受到人眼在设计中移动方式的影响，优先考虑某些区域。
在网页设计中，了解这些模式可以让您策略性地将内容放置在用户最容易注意到的地方。例如，用户倾向于首先关注页面的左上角，模仿许多文化中的阅读习惯。
将设计与这些自然的眼球运动相结合，可以让用户以简单的方式获得关键信息，从而改善交互和导航。
常见显示模式
1. 图案 F：适合以文字为主的设计
F 模式是最常见的模式之一，尤其是在博客 饭团数据库 、新闻网站或搜索结果页面等文本密集的布局中。
它反映了用户如何扫描内容：
我们从顶部（通常是标题）的水平扫描开始。
然后我们向下进行较短的扫描。
最后，我们沿着左侧进行垂直扫描。
这种类似于“F”形状的模式突出了一个关键行为：用户很少逐行阅读。
如何利用 F 模式：
将标题、副标题和行动号召 (CTA) 等关键元素放置在顶部和左侧附近。
使用粗体字体、项目符号或视觉提示来分解文本并吸引注意力。
确保关键信息位于首先扫描的区域，以免被忽视。
2. Z 图案：非常适合登陆页面和简单设计
Z 模式是一种视觉行为，其中眼睛以之字形模式在页面上移动。
它从顶部的水平扫描开始（徽标和导航）。
沿对角线移动到左下角。
最后从底部再进行一次水平扫描。
此模式最适合内容最少的设计，例如登陆页面、横幅或作品集。
如何有效使用 Z 模式：
将徽标和导航放在左上角，以便立即识别。
使用对角线滚动以图像或简洁的文本来引导用户的注意力。
以右下角引人入胜的 CTA 结尾，例如“注册”或“了解更多”。
3. Gutenberg Diagram：非常适合以文本为中心的设计
古腾堡图表遵循了西方观众的自然阅读流程：从左上角到右下角按对角线扫描。
将页面分为四个象限：
主光学区域（左上角）：适合放置标题或徽标。
次要强区（右上）：适合补充信息。
次要薄弱区域（左下）：避免在此处放置关键内容。
终端区域（右下）：非常适合“立即购买”或“订阅”等 CTA。
如何申请：
将关键信息与对角线路径对齐，以获得最大的可见性。
使用空白和清晰的字体来自然地引导视线。
优先考虑航站楼区域中可操作的项目并鼓励互动。
4.分层蛋糕图案：适合分段内容
在分层蛋糕模式中，用户专注于内容的特定部分，在标题和突出显示的区域之间“跳转”，而不是以线性方式阅读所有内容。