伊人大香蕉 伊伊香蕉中文界面小记：字体、间距与阅读舒适度

伊人大香蕉从一次「看着累」说起

那天晚上十一点半，我在回家的地铁上翻一段中文界面，车厢灯很亮，屏幕调到一半亮度，读了大概四行就开始眨眼。不是内容难懂，是字在往一起挤——行距太紧，字重偏细，段与段之间只隔了一根头发丝的距离。我把手机往眼前挪了两厘米，还是不舒服。

后来我把那张截图存下来，放大到 300%，一行一行看。发现问题出在三个地方：一是中文字符的视觉重心比拉丁字母低，行高设成 1.4 时，中文看上去其实比英文更挤；二是段间距几乎为零，眼睛找不到「这一段结束了」的落脚点；三是正文用了偏细的字重，深色底上笔画发虚，边缘有轻微的光晕。

这就是这篇手记的起点。我们做「伊人大香蕉」这个关键词相关的内容观察已经有一段时间了，界面看多了会发现，真正让人愿意多停留一会儿的，往往不是功能多花哨，而是字排得对不对。伊人大香蕉这一类中文界面，读者绝大多数是在手机上、在夜里、在碎片时间里打开的，排版就变成了一种很实在的体验。

需要先说清楚一件事：本文讨论的是中文界面的排版方法，用来描述我们观察到的普遍规律。涉及具体页面时，以官方公开呈现的样式为准；我们不会去臆造某一个页面某一天的具体参数，也不会替任何一方背书。能确认的写，不能确认的留白，这是我们的老规矩。

伊伊香蕉中文字体该怎么选？

先说字体这一类。中文界面里最常见的两种选择，是无衬线黑体和衬线宋体。宋体讲究笔锋，横细竖粗，在印刷品上很好看；可一旦搬到 5 英寸左右的手机屏上，横画常常细到只剩一个像素，笔画繁复的字会糊。所以中文界面正文绝大多数情况下选黑体，这不是审美偏好，是屏幕像素密度的现实。

字号是第二个关口。我们翻过的界面里，正文落在 15px 到 17px 之间的最多，也有大胆的做到 18px。低于 14px 时，中文的「口」字框内部会开始粘连；高于 18px 时，一屏能看到的字数骤减，翻页频率上升。折中的办法是按屏宽做分级：手机端 16px，平板端 17px，桌面端 16px 配合更宽的栏宽。

字重这件事容易被忽略。深色底上的中文，字重 300 会把笔画削得太薄，边缘抗锯齿一处理，整行字像蒙了层雾。我们更推荐把正文压在 400，也就是常规字重，靠字距和行高来调节呼吸感，而不是靠加粗。标题倒是可以往上走一档，500 或 600，让层级差出来。

至于「伊伊香蕉中文」这类带叠字的中文表述，字形上有个小细节值得提：叠字在视觉上会形成一块较重的方块，如果周围字距偏紧，它看上去会像一坨墨。处理办法是整体字距放宽到 0.02em 左右，让每个方块之间留出呼吸，叠字就不会显得突兀。

说明：以上数值是我们对公开可见的中文界面样式的归纳区间，仅描述排版规律，不代表任何具体页面的实测值，也不构成对任何第三方的评价。

行高、字距与段距的三件事

排版里最容易被随口带过、又最影响体感的，是行高。中文的字面几乎是满的方块，上下没有拉丁字母那种天然的升降空间，所以同样的行高倍率，中文看起来比英文紧。经验上，拉丁正文 1.5 倍行高读起来刚好，中文则通常要推到 1.7 到 1.9 之间才舒服。

字距是第二件事。中文每个字本来就是独立方块，字距稍微放宽一点，阅读时的横向「跳跃感」会弱一些。但也不能无限制放宽，超过 0.06em 之后，一行字会散成珠子，眼睛反而要费力把它们串起来。我们的习惯是正文控制在 0.01em 到 0.03em 这一小段区间里。

第三件事是段距。中文段落没有首行缩进的强习惯，界面里更常见的是用段间距来分隔。段距一般是行高的 0.6 到 1 倍，也就是 12px 到 20px 之间。段距太小，整页像一堵墙；段距太大，一屏放不下两段，翻页太频繁。我个人的偏好是段距略大于行距，让「段落」这个单位在视觉上先被识别出来。

一行字要让人愿意连着读下去，靠的不是「多好看」，而是「不别扭」。行高、字距、段距这三样，只要有一项离了谱，读者说不出为什么，但手指会先滑走。

把这三件事放在一起看，会发现它们本质上是同一件事：给眼睛留出定位点。每读完一行，眼睛要能顺畅地回到下一行的开头；每读完一段，要能立刻知道「这里结束了」。行高负责行与行，段距负责段与段，字距负责字与字——三个尺度，一套节奏。

伊人大香蕉界面的留白节奏

留白不是「空着的地方」，而是主动设计出来的呼吸区。我们观察过的中文界面里，做得比较舒服的那一类，通常遵守一条朴素的原则：越靠近内容的元素，间距越小；越靠近结构边界的地方，间距越大。

具体来说，正文行与行之间 8 到 10px，段落之间 14 到 20px，小节标题上方 36 到 56px、下方 12 到 18px。标题上方的留白明显大于下方，是为了让标题「归属」它下面那段内容，而不是浮在上一段的尾巴上。这个不对称的间距，是很多界面显得专业的原因之一。

另一件事是左右边距。手机上正文两侧留 16px 到 20px 是比较常见的做法，窄了字会贴边，宽了每行字数太少、眼睛要频繁回扫。桌面端则是靠限制栏宽来控制每行字数，中文一行 30 到 40 字读起来最省力，超过 45 字，回扫的负担就上来了。

把这些数字排成一个尺度体系，会得到一个很像音乐的节奏：字距是一条细线，行距是节拍，段距是乐句，小节间距是段落。看久了会发现，好的界面不需要读者注意到排版，它只是让人读完一段还想读下一段。伊人大香蕉相关的界面如果做到了这一点，读者往往说不上来哪里好，但会多停一会儿。

伊人大香蕉深色底上的中文，为什么更容易发虚

这一节想单独聊聊深色模式。深色底配浅色字，视觉上更安静，夜里不刺眼，但中文有个先天问题：笔画繁复的字在深底上容易「发胖」。原因是抗锯齿算法在亮色笔画与暗色背景交界处会做柔化，笔画外缘多出一圈浅浅的光晕，细笔画尤其明显。

缓解的办法有几条。第一条是别用纯白，把文字颜色从 #FFFFFF 降到 #EAEAEA 到 #EAF0FF 这一档，对比度略降，光晕就轻了。第二条是别用超细字重，深底上字重 300 的中文基本等于自找麻烦，400 是底线。第三条是行高再放宽一点点，深底上字与字之间的边界模糊，需要更多的空隙帮忙区分。

还有一条经验：深色界面里，正文与背景的亮度差控制在 12:1 到 15:1 之间比较舒服，纯白配纯黑的 21:1 反而会让眼睛累。这不是硬标准，是我们翻了很多界面之后得到的观感。当然，如果用户设备上开了系统级的护眼或降低白点值，这些参数还会被系统再调一次，最终呈现以设备为准。

伊人大香蕉中文界面在手机和电脑上差在哪

手机端的核心矛盾是屏宽有限。同样 16px 字号，在 6.1 英寸屏上每行大约能排 18 到 22 个中文字，这个数字其实偏少，眼睛回扫频繁。所以手机端排版的重点是「把行数压下去、把段距提上来」，让一屏里尽量完整地呈现两到三个段落，而不是呈现五六个半截段落。

桌面端的矛盾反过来，屏宽太大，如果正文栏跟着铺满，一行能排到 60 字以上，眼睛从行尾回到行首的距离过长，读者很容易跳行。所以桌面端一定要限制栏宽，通常落在 640px 到 760px 之间，配 16px 到 17px 字号。旁边留出来的空间正好可以放目录、注释或者相关阅读。

平板是中间态，横屏接近电脑，竖屏接近手机，最省事的做法是按 768px 做一个断点，竖屏用手机参数，横屏切到桌面参数。另外触控设备上还要考虑一点：段落之间的可点区域别做太小，中文段落里如果有链接，行高太低会让手指点不准。

这张表是归纳性的，不同字体的字面宽度不一样，实际数值会有出入。我们真正想说的是：中文界面的「一套参数走天下」几乎不存在，多花十分钟做两个断点，阅读体感的提升比加任何动效都明显。

阅读舒适度的分级清单：从入门到进阶

下面这份清单按难度分级，从最基础的三项开始，逐级往上加。每一级都建立在前一级已经做到的前提上，跳级做往往看不出效果。

1. L1 基础可读字号不低于 15px，行高不低于 1.7，正文与背景对比度充足。做到这三条，中文界面就已经不难受了，这是全部改进的地基。
2. L2 段落清晰段距明显大于行距，段落首字不加缩进，靠留白区分层级。眼睛能找到段落边界，长文阅读的疲劳感会下降一个明显的台阶。
3. L3 节奏均匀行宽控制在每行 30–40 字，长句与短句交替，段落长度在三到五句之间波动。整页读起来有起伏，不会一马平川。
4. L4 深浅适配深色模式下单独调过字色与字重，浅色模式下单独调过灰度与阴影，两套参数各自成立，而不是简单反色。
5. L5 多端一致手机、平板、桌面三端各有断点参数，标题层级在三种屏宽下都成立，栏宽该收就收，不硬铺满。
6. L6 细节克制不再靠加粗、加色、加动效来强调重点，而是靠留白与节奏引导视线。到这一级，界面开始有「编辑感」而不是「堆砌感」。

这份清单不是评分表，只是一个走路顺序。多数中文界面卡在 L2 到 L3 之间——段落能分清了，但行宽和节奏还没收住。往上一级往往只需要改两三个数值，代价很小，收益很明显。

调参前后的对照记录

我们用一份普通的中文长文做了个简单的对照：左边是常见的默认参数，右边是调整之后的参数。内容一模一样，只是排版的数值不同。

对照之后最直观的感受是：同一篇文章，调整后的版本读起来「短」了。不是字少了，是注意力消耗变少了，读同样多的内容，感觉上更轻松。这也解释了为什么有些中文界面明明内容不少，读者却觉得读得快——排版在替读者省力气。

顺带提一句，调参之后不要忘了检查最长的那个段落。排版参数在短段落上看着都一样，一旦遇到一个八九十字的密集段，行高和段距的差异会被放大。我们通常会专门塞一段长文字进去做压力测试。

伊人大香蕉中文排版的几次版本演进

把这几年的观察串起来看，中文界面的排版其实走过了几个比较明显的阶段。这里的「年份」是归纳性的区间，用来描述趋势，不是某一家页面的确切改版时间。

• 约 2015 年前后 像素字与挤排版 早期移动端普遍用 13–14px 的正文，行高偏低，一屏塞满内容。那时「信息密度」被当成优点，可读性让位给「看得多」。
• 约 2018 年前后 标题放大与留白抬头 大字号标题开始流行，正文升到 15–16px，段距第一次被当成独立参数对待。界面开始有「编辑意识」。
• 约 2021 年前后 深色模式与多端断点 深色模式成为标配，随之而来的是字重与字色需要单独适配。同时多端断点从两套扩展到三到四套。
• 2024 年至今 节奏与克制的回归 大字号与重强调开始退潮，重点转向行宽、节奏与留白的精确控制。中文界面普遍接受「少即是多」这条原则。

这条线看下来会发现，方向其实是往回走的：从塞满，到留白；从强调，到克制。中文排版的成熟，最后落在「忍住不加东西」上。

更新状态看板

为了让读者知道这一系列观察还在不在更新，我们把编辑部的更新节奏公开在这里。数字只描述本站内容自身的更新情况，不涉及任何访问量或排名。

以上数字仅描述本站编辑部的内容排期与更新状态，不代表真实用户量、访问量、排名或任何第三方背书。

本周的节奏是：周一做界面观察，周三更新实测手记，周末整理读者反馈与错别字。三条线各自独立，但都围绕中文界面这一主题。如果你在某篇里发现了排版上的问题，欢迎在评论区指出，我们会复核之后更新。

伊人大香蕉界面排版常见疑问

这一节集中回答读者问得最多的几个问题。问题都围绕中文界面的排版与阅读体验，不涉及具体内容的获取方式。

伊人大香蕉编辑部是怎么看这些界面的

我们是三个人，分工很朴素：一个负责翻界面并记下参数，一个负责把记录整理成可读的段落，一个负责在发稿前把不清楚的地方再查一遍。这个流程慢，但能保证写出来的每一句都是自己看过的。

有几条是我们坚持的边界，写在明处：不展示无法核实的播放量、评分或在线人数；信息未确认时保持空缺，不猜测补齐；不提供任何未授权资源的入口，也不做下载引导。这些不是法律免责，是我们觉得做内容该有的样子——写得慢一点，但写下来的都站得住。

与我们同行：内容观察员招募

如果你也习惯把界面放大来看字，并且愿意把看到的细节记下来，我们想认识你。这是一个长期的小规模协作，不追求数量，追求的是每一篇记录都具体、可复核。

我们希望你是这样的人

• 能稳定拿出时间，每月至少完成 2 篇 800 字以上的界面观察记录。
• 愿意用具体数值描述感受，比如「行距 18px 时会跳行」而不是「看着不太舒服」。
• 对无法确认的信息有克制，宁可留白，不猜测补齐。
• 尊重原创与版权，只记录公开可观察的界面样式，不涉及任何未授权内容。

如何加入

1. 写一封简短的自我介绍说清楚你平时关注哪一类中文界面，以及你记录细节的习惯，三百字以内即可。
2. 附一篇试写稿任选一个你常用界面，写一段 300 字左右的排版观察，重点是要有具体数值。
3. 发送到编辑部邮箱邮箱为 join@yirendaxiangjiao.asia（本站占位邮箱，仅用于编辑协作沟通）。
4. 等待回复我们通常在一周内回复，通过后会先安排一篇小稿磨合节奏，再决定是否长期合作。

这一节与「伊人大香蕉」主题的关联在于：界面观察这件事，人越多、眼睛越杂，越容易发现那些被习惯掩盖的细节。我们相信排版的好坏是能被讨论清楚的，也希望有更多人愿意加入这种讨论。