视觉动线

来自泡泡学习笔记
BrainBs讨论 | 贡献2024年1月2日 (二) 09:54的版本 (创建页面,内容为“ 视觉动线指用户在接触屏幕内容时,目光会自然而然地沿着一定的线路移动,这种线路被称为视觉动线。在UI设计中,了解用户的视觉动线可以帮助设计师更好地布局页面和元素,以提高用户的浏览效率和体验。 <br> == 古腾堡原则 == 古腾堡图将页面所呈现的内容分成了四个象限,每个象限都有其独特的规律。 <br> <span id="第一视觉区primary-optical-area…”)
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
跳到导航 跳到搜索

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


古腾堡原则

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


第一视觉区(Primary Optical Area)

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


最终视觉区(Final Optical Area)

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


强休息区(Strong Follow Area)

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


弱休息区(Weak Follow Area)

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


F型视觉模型

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

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