http://app-3y.hs438.cn/ 夜航手册：从首屏到页脚的一条纵向导览线
http://app-3y.hs438.cn/ 像深夜里一扇亮着的窗。末班地铁上、加班后的工位前、临睡前靠在床头的那十分钟，人们更习惯用一只手翻动手机屏幕，而不是在满屏噪音里找方向。这份夜航手册把移动端页面拆成三段结构，配上一份夜间阅读设置清单、一张四种场景的对照表和一组常见问题，按纵向导览线从首屏一路排到页脚，一屏只讲一件事，读完即可上手。
移动端页面的三段结构
把任何一个手机页面竖着切开，最先落到眼睛里的顺序几乎是固定的：先认门牌，再读内容，最后找出口。夜里读得久了会明白，顺序本身比花样更值钱。
一、顶部标识区
站点名称、返回上一页、栏目入口一般收在这里，高度被压得很紧，因为夜里拇指够不到屏顶。字号小而稳，颜色偏冷，不与正文争亮度。
二、主体内容区
标题、段落、清单、表格都排在这一段。单栏、宽边距、行距舒展，是让眼睛在暗环境里少来回跳行的关键。段落之间用短横线或留白分段，比大块色块更耐看。
三、底部收束区
更新日期、版权说明、网站地图落在最下。它不抢注意力，但必须在滑动到底时出现，让一次完整的阅读有终点。
纵向滚动是唯一主动作
- 自上而下单向滑动，不依赖左右翻页与轮播。
- 每个色块只承担一件事，减少同时出现的视觉层次。
- 链接与按钮留足高度，暗光下也不容易点偏。
夜间阅读设置清单
城市夜读的舒服，多半不是排版给的，而是设置给的。下面六项按重要程度排序，逐条调一遍，再长的手册也能安静读完。
- 字号：正文调到不必眯眼的最小值以上，宁可多滑几屏，也不要把字压小。
- 行距：1.7 到 1.9 之间最稳，行与行分开，眼睛才不会串行。
- 深色模式：深蓝灰底配浅灰字，比纯黑纯白更柔和，适合关灯后继续读。
- 亮度与色温：屏幕亮度压到环境光略高一点点，色温偏暖，减少刺眼感。
- 免打扰：睡前阅读前先静音通知，一条弹窗就足以把整段思路打断。
- 书签与划线：看到对照表和清单就随手记一笔，第二天通勤路上再回看。
四种常见场景对照
同一份手册，落在不同环境里读法并不一样。下表把最常遇到的四种情况摊开，按场景取用即可。
| 场景 | 环境特点 | 建议动作 |
|---|---|---|
| 通勤末班车 | 车厢晃动、单手握持 | 只读清单与短段落，遇到表格先收藏 |
| 加班工位前 | 屏幕多、干扰密集 | 开免打扰，先看结构段再挑细节 |
| 睡前床头 | 环境光弱、身体放松 | 深色模式加深，字号上调一级 |
| 弱网或省电模式 | 加载慢、刷新代价高 | 先读完已展开的内容，减少来回跳转 |
常见问题
- 夜里读书为什么更推荐深蓝灰底而不是纯黑底？
- 纯黑底与浅色文字的对比过于强烈，长时间阅读容易疲劳；深蓝灰在保留暗环境舒适度的同时，把明暗落差收在更柔和的区间。
- 正文段落的宽度多少合适？
- 手机上保持单栏、左右各留出适度边距即可。一行容纳的字数不宜过多，眼睛从行尾折回行首的距离越短，越不容易串行。
- 清单和表格该先读哪一个？
- 时间紧就先读清单，它给出可以直接照做的动作；需要横向比较不同情况时，再回到对照表逐行看。
- 更新日期标在什么位置更清楚？
- 放在正文开头的归档线上，读者一眼能判断内容的新旧；页脚保留年份，形成首尾呼应。