用户 90% 时间都在快速扫页面，不是逐字读！
布局对了，信息才传得进去，这篇直接讲透眼动逻辑👇
👀 一、眼动追踪是什么
记录用户视线轨迹
热力图：红色 = 看得最久
注视图：看视线先后顺序
帮你精准知道：用户看哪、忽略哪。
📚 二、F 型阅读模式（内容密集页）
文章、列表、搜索页、详情页，用户视线走F 形：
顶部横扫
稍下再短横扫
左侧垂直往下
✅ 设计要点：
最重要信息放顶部 + 左侧
开头前 1～2 词决定去留
右侧栏别放关键内容
标题要抓眼，用户只扫标题
🎯 三、Z 型阅读模式（转化页）
首页、落地页、登录页、简洁转化页，视线走Z 形：
左上 → 右上 → 斜下 → 左下 → 右下
✅ 设计要点：
左上：Logo / 品牌认知
右上：信任背书
中间：核心价值主张
右下：主 CTA 按钮（终点）
⚖️ 四、F 型 vs Z 型 怎么选
内容型、信息多 → F 型
转化型、内容少 → Z 型
🧭 五、布局黄金原则
首屏放核心信息（别全藏在折叠线下）
高对比、留白 = 引导视线
CTA 放在视线终点
移动端更偏垂直 I 型，重要信息居中
❌ 常见误区
以为用户会认真读完
关键内容放右侧栏
移动端照搬桌面布局
✨ 总结
用户注意力比像素更稀缺。
F 型做内容，Z 型做转化，按视线路径布局，体验直接翻倍。
📚这份《UIUX 学习指南》是我花 1 年时间整理，萃取苹果、谷歌等大厂设计智慧，体系完整、系统，适合零基础入门、中级进阶、高级冲资深，每天花 5～10 分钟就能提升专业能力。
点击文末商品，订阅这份完整版 UIUX 学习指南。
