手机版面
手机屏幕窄,正文默认单列排布,左右留白收窄,把宽度尽量留给文字和画面。字号档位在手机上的差异感知更明显,标准档与放大档之间大约相差一个字的宽度,长段落阅读时建议选舒适档以上。
- 单列排布,不出现左右分栏。
- 左右留白较窄,文字区域利用率更高。
- 翻页按钮与导航触控区域保持不小于四十四像素。
同一段漫画内容,字号偏小、行距偏挤、版面偏宽,读二十分钟眼睛就开始发胀。这一页把阅读区域能调的部分讲清楚:字号分几档、不同屏幕的版面差在哪、多长时间该停一下。
字号控件只作用于正文阅读区,导航、按钮和栏目卡的尺寸保持不动。这样切换字号时,页面不会整体缩放,位置也不会跳。
三档字号对应三种常见阅读距离:手持手机、放在桌面近距离看、屏幕离得稍远时。切换只改变示例段落与正文阅读区的文字尺寸,行高按比例同步放大,避免字变大行距不变导致的挤压。
当前档位: 舒适 17px
阅读区域的文字排布,决定了你在一段内容里停留多久。字号偏小时,视线需要更用力地辨认笔画,读得越久越容易疲劳;字号偏大而版面偏窄时,一行放不下几个字,频繁换行同样打断节奏。
把字号调到与阅读距离匹配的档位,再配合合适的版面宽度,一行文字落在视线范围内的长度就稳定了。翻页时的视觉落点不会来回跳,阅读的连贯感也就出来了。
手机和桌面看同一段内容,版面的处理方式并不相同。手机以单列窄版面为主,桌面在内容两侧留出更多空白,避免一行文字拉得过长。
手机屏幕窄,正文默认单列排布,左右留白收窄,把宽度尽量留给文字和画面。字号档位在手机上的差异感知更明显,标准档与放大档之间大约相差一个字的宽度,长段落阅读时建议选舒适档以上。
桌面屏幕宽,正文列不会铺满整个窗口,而是限制在便于阅读的宽度内,两侧留出空白。这样一行文字的长度落在视线自然扫过的范围内,读起来不需要左右大幅移动眼球。
连续读一两个小时,问题往往不出在内容本身,而是阅读姿势和间隔安排。下面三条是可以在阅读过程中直接执行的调整。
章节长度不一,按章节停容易一次读太久。以段落或画面切换为节点,每隔一段抬头看远处十几秒,眼睛的紧绷感会明显减轻。
如果发现自己越读越靠近屏幕,说明当前字号偏小。直接上调一档,比维持原字号硬撑更省力,阅读速度也不会因此变慢。
屏幕亮度与环境光差距过大时,眼睛需要不断适应明暗变化。先把环境光调到与屏幕接近,再微调亮度,比单纯压低屏幕亮度更舒服。