查看“视觉动线”的源代码


视觉动线指用户在接触屏幕内容时，目光会自然而然地沿着一定的线路移动，这种线路被称为视觉动线。在UI设计中，了解用户的视觉动线可以帮助设计师更好地布局页面和元素，以提高用户的浏览效率和体验。

<br>

== 古腾堡原则 ==

古腾堡图将页面所呈现的内容分成了四个象限，每个象限都有其独特的规律。

<br>

<span id="第一视觉区primary-optical-area"></span>
=== 第一视觉区（Primary Optical Area） ===

画面左上方的第一视觉区是用户最先注意到的地方，是页面上最重要的区域，这个区域往往放置重要的内容。

<br>

<span id="最终视觉区final-optical-area"></span>
=== 最终视觉区（Final Optical Area） ===

右下方的终端视觉区是视觉流的终点，通常被用来放置一些较为次要的信息或者页面底部的导航栏。

<br>

<span id="强休息区strong-follow-area"></span>
=== 强休息区（Strong Follow Area） ===

右上方的强休息区是一个比较次要的区域，通常被用来放置次要信息或者内容。

<br>

<span id="弱休息区weak-follow-area"></span>
=== 弱休息区（Weak Follow Area） ===

左下方的弱休息区则是最不引人注目的区域，它通常被用来放置一些较为次要或者不需要用户主动关注的信息。

<br>

<span id="f型视觉模型"></span>
== F型视觉模型 ==

页面上的首行内容比同一页面上的后续文本行受到更多的关注。

每行内容最左侧的几个词比同一行中位置靠后的词受到更多的关注。

<br>