书法放进网页：让笔意与阅读各司其职

纸上的字可以慢看。人站在一幅字前面，愿意为了一个飞白停很久。网页上的字却要被人读完。读者是来跟着句子往下走的，不是来辨认一幅碑。笔意若侵占正文，页面就变成一张不能翻的拓片：看起来有古意，读起来处处打结。

书法进网页，要先分职。笔意负责气息和记忆点，排印负责把话送到眼睛里。两者都要，但不能抢同一块地方。抢了，通常是笔意赢在视觉上，阅读输在实际上。仙侠题材尤其容易让人纵容这种赢，因为“像古人”本身就被当成成绩。像，不是页面的成绩。人能把一篇读完，还记得其中一处墨色，才是。

先分清两种字

一种字是拿来读的，一种字是拿来看的。

拿来读的字要稳定。笔画结构清楚，放大之后不糊，缩小之后不粘。它可以被选中，被复制，被读屏的工具读出来。人在通勤的间隙读完一段，不需要先欣赏字体。

拿来看的字可以有飞白、连笔、枯湿。它像画，也该被当成画来对待。看的字适合短，适合出现次数少，适合放在有留白的地方。把它当成读的字来用，读者会停下来辨认。辨认一次是趣味，辨认一段是疲劳。疲劳之后，再好的句子也进不去。

仙侠页面常把这两种字揉成一种。篇名是狂草，小标题是行书，正文又选用一套很难读的书法字体，背景还压着大理石纹。每一层都在说“我很有味道”，合在一起却没有一处让人安稳地读。味道要集中，阅读要连续。集中靠克制处数，连续靠字体不再表演。

你可以做一个很简单的试验。把页面截下来，遮住所有书法图像，只留可选择的文本。若这时内容仍然完整，分工就是对的。若遮住之后篇名不见了、关键句不见了、按钮也不知指向哪里，说明你把信息锁进了画里。画不该保管信息。画保管气息。

正文离开笔意

正文用结构清楚的印刷字体。字号让人连续读完三行而不需要凑近。行宽不要拉满整个屏幕。中文一行太长，眼睛回到下一行时容易串行，串行一多，人就只记得累，不记得内容。行宽收窄之后，两侧多出来的空白不是浪费，是纸边。纸边让正文像一栏文字，而不是一块铺满墙的标语。

行距松一点，像纸上的行格，而不是把字挤成墙。段落也宜短。仙侠句子若本就意象密，段再长，页面会闷。段与段之间的空白，是给阅读留的气口。气口不是笔意，但笔意需要它。没有气口的页面，你再放印章，也只是在墙上盖章。

不要给正文加阴影、描边、做旧的纹理。那些效果在标题图上或许成立，落在长文上会让笔画发虚。纸色可以暖，像一页旧纸的暖，而不是像一张滤镜过度的照片。字色要稳。深墨配浅纸，读久了不跳。浅灰字配灰纸，开头几行觉得雅，读到中段就会放弃。雅不该以提高辨认成本为代价。

正文里的强调也少用变体。若每一处重要的话都换成书法字体，重要就会失效，而且阅读节奏被反复打断。需要停顿时，用单独的一行，用稍微宽一点的段前空白，就已经是停顿。字体保持不动。不动，读者才信任这段文字是用来读的。

标点也要服从阅读。书法题字里可以省略标点，那是看的传统。正文不行。正文没有标点，人就得自己断句，断句一慢，画面再清也接不上。仙侠文章不是让读者做句读练习。句读你来做完，读者才有余力看见你写的山和人。

一页只留一处主笔

主笔是读者记住的那一下。它可能是篇名，可能是栏目标在题图上的两个字，也可能是文末的一句很短的题辞。一页里若篇名是狂草，小标题也是另一幅字，段首又来一张，眼睛就无处可停。无处可停的页面，笔意是散的。

主笔要短。四个字到八个字，最容易立住。句子一长，连笔就伤害辨认。篇名若必须稍长，拆成两行。第二行更稳、更小，不必每一字都飞。飞是为了有一处记得住，不是为了证明通篇都会写。

主笔若以图片的形式出现，旁边或下方要有一排同样内容的可读文字。图片里的书法不能被选中，也不能被搜索。可读文字是在替它履行传递信息的职责。视觉上可以让这排字很轻，颜色收一点，但它必须在，而且必须和图像里的词一致。不一致时，以可读文字为准，因为那才是人能引用的句子。

主笔的位置宜偏，不宜居中铺满。偏在上侧或一侧，像纸上真正的题款，把画眼留给景物。字若居中又巨大，页面会变成海报。文章还没开始，语气已经用尽。仙侠题图尤其要留住画眼：一座远山、一角案头、一把合拢的扇，都比满幅大字更耐看。大字可以题在留白里，不要压住那座山的轮廓。

字的黑白要服从图的明暗。图的下半部若是深色的山，题字就不要也放在下半部。把字放在雾里、天上、纸色的桌面上。这样笔画才看得见，也不必加一道白边。白边一加，字就从画面里浮出来，变成贴纸。贴纸很醒目，也最破坏“写在这张纸上”的感觉。

印章、分隔与小标题

印章适合做记认，不适合做按钮。印文常常是篆字，辨认成本高。把印当作图。按钮上的字仍用印刷体，写清这一下会去哪里：目录、下一篇、关于。人点下去之前，应该知道自己点的是什么。让人猜印文再去点，是把阅读变成解谜。解谜不是导航的职责。

印章要小，并离题字有一段距离。印和字贴太紧，两者都喘不过气。纸上的惯例是字一组、印一组，中间有气口。网页上同样留出这种气口，比加很多装饰更像书法。印的红色是页面里很少的暖。它一出现，眼睛会停。所以更不能到处盖。文末一枚，或题图里一枚，通常够了。

分隔不必每段都画一条水墨。一段终了，空白就够。文章若很长，只在大的转折处放一条短的淡线，或一个很小的纹样。分隔要重复才有节奏。每一处都换成不同的书法小图，节奏就散了，页面会像集市。集市热闹，不适合把一篇技法读完。

小标题用印刷体。它们是路标。路标需要一眼能读。若特别想要一点笔意，只在小标题一侧留一个极小的墨点，或一方小到不必辨认的印。文字本身保持清楚。小标题若也变成书法，读者每到一节都要重新热身，热身完才开始读。长文经不起这么多热身。

引用前人的句子时，仍放在正文的体系里，略微缩进即可。不要每一句引文都配一个卷轴背景。卷轴反复出现，文章会像货架。引文的珍贵来自它在上下文里的位置，不是来自它被装裱的次数。

竖排只用在短句上

竖排很有书卷气，也很容易把阅读速度打乱。网页的主方向仍是横排，从上到下。这是屏幕的习惯，也是多数读者的习惯。竖排适合一句诗、一句篇名、题图里的一行落款。它不适合把正文交给它。

竖排区域要窄，字数要少。不要把几百字的故事竖过来。人在手机上横滑着读竖排长文，会累，也会误触页面其他部分。误触一多，阅读就变成和界面搏斗。笔意不该让人和界面搏斗。

若竖排是一张图片，同样要在旁边或下方提供横排文本。图和文说同一句话。落款里的人名、时间，若写在图里，图外再写一遍。读者要引用时，复制的是文，不是图。你希望被记住的那句题辞，尤其要让它能被复制。不能复制的句子，传播时只剩“那边有一幅字”，内容本身留不下来。

竖排还有一个容易忽略的问题：标点和数字。一旦句子里出现必须看清的名字、数目、地点，竖排的装饰价值就抵不过辨认成本。这种句子回到横排。把竖排留给没有负担的短句。短句像题在画侧，横排像正文。两者并置时，职务要一眼能分。

飞白可以看，不可以挡

枯笔、飞白、墨点，适合放在题图的边缘，不适合穿进正文的行距里。背景若有大块墨迹，先保证它不压住字。压住了，再好的笔触也是噪音。噪音不是古意。

背景宁淡勿灰。灰会把黑字的对比吃掉。纸色可以在不同段落之间几乎不变。阅读需要稳定的底，笔意需要偶尔的变动。稳定交给正文，变动交给题图。不要让每一屏的底都换一种纸纹。换，会让人觉得自己在翻不同的印刷品，而不是在读同一篇。

书法字体若需要额外加载，加载完成之前，先显示一套替补的印刷字。不要让标题空白很久，也不要先闪成另一种完全不相关的花体。替补字体选得接近日常阅读，页面会先可用。笔意后到达。笔意是增强，不是门槛。人不应为了看见标题而等待一幅字下载完。

若你没有把握好的书法原作，宁可用一套安静的印刷标题，也不要用来路不明、笔画讹误的字图。错字被做成图，比正文里的错字更难改，也更伤信任。篇名写对，是笔意的底线。底线之下，飞白没有意义。写错的字即使笔势很好，也是一处需要收回的错误，不是风格。

夜间阅读时，纸色和墨色的关系会反过来。若页面提供深色背景，书法图往往仍然是“黑字写在白纸上”的小图片。这种小图片会变成一块刺眼的白。深色模式下，要么换一套适合暗底的题字，要么干脆把书法图收起来，只留可读的标题。不要为了保留一幅白天的字，让夜间的读者忍受一块白板。

动效几乎不要

墨在纸上晕开，做一段影像很动人。做网页标题时要克制。篇名的笔画若逐笔出现，人必须等它写完，才能确认自己来对了地方。等，是阅读的敌人。读者来的时候心里已经有一句要找的话，让他等笔锋走完，是让形式拦在内容前面。

可以接受的动效只有很轻的一种：进入页面时，题图的墨色很快定住，发生一次，时间很短。不要循环。循环的墨烟会让眼睛反复被吸走。正文读到一半，角落里还在往外渗墨，人的注意力就不再属于句子。

滚动时，不要让书法字放大后粘在屏幕上，挡住正在读的文章。篇名过去就过去。让它留在页首，是纸页被翻过之后的诚实。粘住不放的标题，像一个人把刚写完的字举在你眼前，不让你读后面的段落。

声音更不要有。墨迹配上笔触的沙沙声，只会在公共场合吓到人，也会让阅读无法进行。页面是静的。静不是损失。书法本来就有一大半的美来自纸上的静。

颜色只留一点朱

墨、纸、一点印章的红，已经构成这类页面的基本色谱。红用在印上，用在极少数需要停一下的标记上。不要用红来写大段话。大段红字会像批改，也会像警示。读者还没读内容，先被语气推开。

金很容易显得俗。若要用，只用在暗底题图的边缘，作一条细线，而且不要让它发光。发光会把纸变成屏幕上的广告。仙侠页面一发光，山就变成背景板，字就变成标题特效。特效的问题不是新，是它抢完就走，留不下阅读。

链接的颜色要能看出可以点，同时不要荧光。可以沿用墨色，加一条细的下划线。下划线是现代的，但它保护阅读。为了像古书而取消链接的提示，人会错过路，也会误点普通的句子。古书没有链接。网页有。承认这一点，不是破坏笔意，是让笔意待在它该待的层里。

整页的颜色要少到你能说完。纸色、墨色、一点红，或许再加景物本身的青。青来自图，不来自文字。文字不要再分成五六种颜色来表示五种情绪。情绪由句子负责。颜色一多，页面就像批注过的讲义，笔意和阅读会一起乱。

一篇文章的页面可以这样安排

页首是一张安静的题图。图里可以有山、有扇、有一角案头。书法只题篇名，而且题在留白处。题图不要占满首屏。让人进来就能看见正文的开头两三行。开头若被图完全挡住，笔意就喧宾夺主。人是为那两三行留下来的，不是为了先看完一幅大画。

篇名在图的下方再用可读文字出现一次。然后是很短的导语，两三句，说明这篇在讲什么。导语用正文同一套字体。导语不要写成另一幅题字。它是门，不是匾。

正文往下走，小标题清晰。全篇最多放一处单独的题辞。用稍大的印刷字，或一张单独的字图，放在真正的转折处，不放在每一节前面。题辞若重复出现，它就从停顿变成装饰条。

文末放一方小印，一行落款，然后是相关篇目。相关篇目的名字必须可读。不要只用画当链接。人要知道下一篇讲什么，才决定去不去。画可以辅助记忆，不能代替名字。

这个安排里，笔意大约出现三次：题图、中段可能的一句、文末的印。三次各有职务。题图负责让人进入气氛，中段那一句负责在长文里换一口气，文末的印负责记住这是谁写的。再多，职务就会重复。

和正文互相让

若这篇正文正在讲一场细密的分辨，页面就更要干净，少放题字。内容已经密，视觉再密，人会浮在表面上。若正文偏散，是一段一段的景物，题图可以多承担一点气氛，但正文仍然保持可读。气氛不是第二篇正文。

不要为了“有设计”把关键句做成图。关键句恰恰最需要被复制、被引用、被读出来。把它留在正文里。图负责气氛，句子负责意义。两者换职的那一刻，页面就开始妨碍文章。

宽屏和手机不是同一张纸。宽屏上，正文栏保持窄，两侧留下大片纸色。这片空白可以什么都不放。人会以为两侧空了可惜，于是放对联、放竖排诗、放一枚浮动的印章。那些东西都在和正文抢眼睛。宽屏的奢侈，恰恰是可以空。空是纸的一部分。

手机上没有这道纸边。题图更要短，篇名更要快出现。书法字在小屏幕上若笔画粘连，就减少它出现的次数，只保留文末一枚小印。小印里的篆文看不清也没关系，因为旁边有可读的落款。看不清却还要它传递信息，才是问题。

两种屏幕用同一条原则：信息走文字，气息走图像。通道分开，页面在放大、缩小、改成深色时都不容易垮。通道混在一起，每一种阅读方式都要为笔意付一次额外的代价。

长文还需要节奏上的确认。人读了很久，需要知道自己仍在同一篇里，同时又不要被重新装饰一次。页眉可以极轻地放栏目名，用印刷小字。不要在页眉再放一幅书法。栏目是路标。路标一花，人就以为自己走到了另一间屋子。

进入新的一节时，小标题前后的空白要大于段与段之间的空白。空白的大小就是层次。这和写山水时的远近是同一件事：距离不同，职责不同。不要靠把小标题改成金色书法来制造层次。空白和字号已经够用。够用的时候还加，是不信任文字。

写完页面后的自检

去掉所有书法图之后，这篇还能不能读完？若不能，信息就被锁进了图。正文里还有没有描边、阴影、对比过低的灰字？一屏之内，跳跃的笔意是不是超过了一处？印章和按钮有没有分开？竖排是不是只留给短句？有没有循环的墨烟，或粘在屏幕上不走的大字？在手机上看，篇名会不会占满首屏，让正文要滑很久才出现？深色阅读时，题图会不会变成一块刺眼的白？

这几问指向同一件事。笔意是客，阅读是主。客可以风度很好，不可以占住桌子。风度好，指的是它短、它少、它放对位置、它不承担它承担不了的信息。

还可以反过来问一句：若把笔意全部去掉，页面会不会变得像任何一篇没有气质的文章？若会，说明你的气息只靠字体在硬撑，正文本身没有画面，版式也没有留白。这时该回去写正文，而不是再加一幅字。笔意掩不住空。它只能让已经安静的页面更记得住。

收束

书法放进网页，不是把纸贴进屏幕，而是重新分配职务。飞白、枯湿、印章，负责让人记住气息。字号、行宽、对比和可以复制的文本，负责把话送完。各做各的，页面才又静又清楚。

静，不是没有笔墨。静是笔墨知道自己该停在哪里。停在题图的留白里，停在文末的一枚小印上，停在一句短得能被看完的题辞里。其余的地方，交给能让人一直读下去的字。

读者读完离开时，若还能想起一处墨色，同时又说得出这篇讲了什么，笔意和阅读就都完成了自己的事。只想起墨色，页面是一幅画。只说得出内容，却觉得全程在和字体搏斗，页面是一份难读的稿。你要的是两者同时成立。要它们同时成立，只能让它们分开工作。