本篇议论写给初学者。
前言
什么是排版?仅说数字类排版,就是把页面里各元素,文本、图片、表格等,排列,以使页面达到美观的过程。排版的目的就是「美观」。所以进一步地,出于美观与否,读者看不看、以怎样的态度看、看完后受其影响对文本给出怎样的评价,这阅读的整个过程就被排版贯穿了;因为丑陋使人情绪跌落,更不容易静心去看。
这是为什么我强调排版。好的排版可以为文章起到锦上添花的效果,而坏的排版要么过于简陋凌乱,要么过犹不及。这就是说,请给文章穿套起码体面的衣服。
本人是写作某个意义上的原教旨主义者,我认为内容是文章的核心,当仁不让;同时本人比较功利,写完,发布,希望作品得到好的评价,而且这好评仅是从内容来的。因此,「实用」是我排版的基调,而且本篇议论将充斥这类论调。另需说明的是,本篇议论实用性地针对 Wikidot 后室创作,以下内容仅在此范围内有意义。
一、什么构成页面(什么需要被排版)?
在页面中,读者看到的是内容元素,如文本、图片、链接。而其中写手需要操作的基本的被排版元素如下:
- 段落<p>:可以认为是自然段,文章的主体。需要注意的是,原本的两段之间若不另空一行,这两段会被识别为一段。
- 标题<h1~h6>:你熟悉的标题。一般来说,标题字体越大,它包含的内容就越广、越概略;反之,越细致。
- 块<div>:如[[div class="lightblock"]],包裹一个或多个段落的全部。也可以独立使用,仅作装饰。
除此之外,本文还需用到的次要部分还有:
- 行<span>:包裹段落的一部分。实际上,常用的彩色、加粗、倾斜等效果都是它的分身。
- 样式<style>:可以改变块和行的视觉呈现。
- 分割线<hr>:本质是高度很小的块。分割页面。
或许你还没看懂,但不必懊恼。继续往下读。
二、开始排版
1. 段落
段落就是文本,文本就是内容,内容就是文章。文章需要被突出,所以段落需要被突出。在笔者的观念里,一切其他元素无一不需要为段落让路。本节将段落分为多段和段内两部分,分类讲解。
1.1 多段落排版
多段落排版,实际上就是给文章整体排版。在这个环节里,排版容易出现两个极端,也就是两种失误:「拥堵」和「散乱」。考虑这样两组内容完全一致的文字:
例 I
在Level 0中,线性空间发生了相当大的变化;以至于可能顺着直线行走却返回起点,而沿着你的足迹折返将会导致一组新的、不同的房间替代已经通过的房间出现。由于这一点,以及各房间之间的视觉相似性,试图在后室中进行稳定的导航是十分困难的。指南针和GPS定位器等设备无法在本层中正常运行,无线电通信则会变得失真且不可靠。Level 0是完全静止且不存在生命的。尽管它是后室的主要入口,却从未有人员报告在本层内与其他流浪者发生接触。据推测,绝大多数人员在离开本层前就已死亡,主要死因可能包括:脱水,饥饿,感官剥夺和孤独造成的心理创伤。然而,没有任何尸体被报告发现以支持这些假定存在的死亡案例。尝试以小组形式进入Level 0将导致小组人员分离并失散,直至该小组退出本层。
以及
例 II
在Level 0中,线性空间发生了相当大的变化;以至于可能顺着直线行走却返回起点,而沿着你的足迹折返将会导致一组新的、不同的房间替代已经通过的房间出现。由于这一点,以及各房间之间的视觉相似性,试图在后室中进行稳定的导航是十分困难的。指南针和GPS定位器等设备无法在本层中正常运行,无线电通信则会变得失真且不可靠。
Level 0是完全静止且不存在生命的。尽管它是后室的主要入口,却从未有人员报告在本层内与其他流浪者发生接触。据推测,绝大多数人员在离开本层前就已死亡,主要死因可能包括:脱水,饥饿,感官剥夺和孤独造成的心理创伤。然而,没有任何尸体被报告发现以支持这些假定存在的死亡案例。尝试以小组形式进入Level 0将导致小组人员分离并失散,直至该小组退出本层。
在文字排版:从入门到出门中,本失误就已经被提及过,即是这里所讲的「拥堵」。它的意思是,段落之间失去明显的分界,使段与段无法被读者有效识别,导致阅读困难。其中最普遍的情况便是「不空行」,如例 I。要想解决这个问题,只需在换行时按下两次回车,使段间发生空隙即可,如例 II。
除此之外,「拥堵」还可能因为两段或多段各自为政的内容被强硬地写在同一个自然段内,或标点符号使用不当或根本不使用而发生。这实际上说明了,叙述主体混淆也是一种广义的「拥堵」。不过这已经脱离了排版的范畴。
再看这样一组文字:
例 III
Level AS-5是一座面积极大的多层购物商场,目前探索的最高记录为33层。
商场单层面积约为5.5公顷,每一楼层面积均相同。
商场地面铺有1平方米大小的暖色陶瓷地砖,周围布满各式各样的商铺型房间,中间有一巨大的椭圆环形天井。
天井横截面积约3000平方米,每层都有金属护栏,天井两侧各有一组扶梯,扶梯连接着商场的各楼层。
无论使用任何手段都无法观测到商场顶层,激光测距仪也无光信号反馈,推测该商场有无限楼层向上延伸。
有巨大的广告条幅从虚空中悬挂垂落,上面写满了意义不明的乱码文字或无法解读的奇怪符号。
你是否感到例 III 在视觉上看起来不仅散,而且乱?这就是另一个极端,「散乱」,重点在「乱」而不是「散」。比如上例中回车随心情乱按,有时一次有时两次,而且每段字数又少,使这组文字显得比较混乱。
这实际上可以说是一种不规范的「习气」,可能想一茬写一茬,手又闲不下来,致使这个后果。要解决这个问题,只需要把短的段落试着合并,并一致地在段与段之间空行即可做到。
说到这里,有人可能问:可是当今市面上网文小说也大部分是这样的短段落,为什么读起来不显得乱呢?我有一个答案供你参考:小说网站对这种文字排布作了适配,文字大小、行间距之类,就是合适这种快节奏的。其实我记得 SCP 有一个类似样式的阅读器,可以找来试试。
其次,例 III 的另一个排版问题,我叫作「欹侧」,意为倾斜,指页面元素集中在某一侧,使视觉重心偏些。根据页面元素的浮动属性,也即居左、居右、居中,「欹侧」分为三类。前两者不再赘述,而居中者即使中庸,但行与行字数不一,难以对齐,最终使段落两侧呈现锯齿状、不平整,也是一种失误。如下文例 IV。
例 IV
苹果在酒杯中溶解,血红的蜂蜜水就从喷泉流出。
交织成红色的地毯,迎接着流浪者的脚步。
女巫轻轻挥动魔杖,两旁呆滞的 人偶Entity-15敲锣打鼓。
精灵用手指向天空,绚烂的蝴蝶Entity-4翩然飞舞。
宴会已然就绪……
不要让主人等太久,不要让主人等太久,等到身体都腐朽。
孩子们蹦跳着将你围拢,牵起你的衣角带你走进宴会厅。
昏黄的烛台映照华丽的长桌,古老的座钟发出嘀嗒的响声。
礼花和彩带漫天飞舞,热情相迎,
孩子们吃着彩色的糖果Entity-3,幸福的唱起诡异的歌声。
解决「欹侧」,通常只需适当调整元素在页面中的位置即可。常常采用的方法是改变标题位置或减少标题使用、适当使用块<div>、增加段落字数等。对于例 IV,可尝试在每句诗之间空行。最终目的是要使页面视觉平衡。
1.2 段内排版
段内排版,意思是在单个段落内部对文字进行排版。这个环节中,我们解决「繁复」的毛病。所谓「繁复」,常常由过多过杂的样式使用产生,比如我突然像这样说话。出于对国际爱眼日的尊重,更加疯狂的例子在此不再列举。
「删繁就简」是解决这个问题的办法。具体来说,在初学者的程度,可以尝试删去所有的样式,如加粗、倾斜等,让原生态的文本呈现在读者眼前。不必刻意用样式强调某些信息,相信读者的阅读能力。
2. 标题
对严守格式的人来说,这是排版问题的高发区,因为有些无关紧要的部分为其单开一个标题着实是浪费。比如在一个具有孤立效应的层级里,「基地、前哨与社区」无疑是无用的。
同时秉持其他元素为段落让路的原则,不宜将标题设置得过大,也不宜使多个标题在页面中的位置不统一且无规律,否则就抢了段落的风头。而且很乱。这方面个人认为做得最糟的是衰退版式,手机端标题真的好大。请看:
例 Ⅴ
描述
Level AS-23是一面架设有异常多空调外机的建筑外墙。外墙呈现暗淡的土黄色,似乎为混凝土材质,其上的抹灰层存在不同程度的开裂与脱落现象。外墙结构平整,无阳台或类似的凸起结构。因此,密集的空调外机和窗孔是流浪者唯二可以落脚的位置。
基地、前哨与社区
无。
出口与入口
入口
- 入口1
- 入口2
- 入口3
出口
- 出口1
- 出口2
- 出口3
以及
例VI
描述
Level AS-23是一面架设有异常多空调外机的建筑外墙。外墙呈现暗淡的土黄色,似乎为混凝土材质,其上的抹灰层存在不同程度的开裂与脱落现象。外墙结构平整,无阳台或类似的凸起结构。因此,密集的空调外机和窗孔是流浪者唯二可以落脚的位置。本层不可能有任何聚居地存在。
出口与入口
本层有如下入口:1;2;3。有如下出口:1;2;3。
如例 V,该例中标题大、多,部分文本却短到不必要,如「基地、前哨与社区」下仅有一个「无」字,却紧紧地接上了「出口与入口」。这实际上浪费了大量空间(在宽屏设备上看尤其丑陋)。我给出的解决办法是:
其一,把并不必要的标题删去。譬如例 VI 把聚居地部分在「描述」中一笔带过,同时简短且少的出口、入口则被从列表整合成了一段,用分号隔开。这样看起来,文章信息量显得更大了。其二,扩充标题与标题间的内容,直到它看起来配得上有一个专门的标题为止。
在实际创作中,第一种策略要更容易做到。
3. 块、行和样式
有很多写手觉得码 CSS 很酷,事实上也确实很酷。不过遗憾的是,这些出于「酷」或「帅」被码出来的样式,大多并不能让页面显得更漂亮;我认为原因主要在于,这些样式彼此之间和与页面之间都不够「融洽」,叠得多了,反而非常土、非常俗、非常刺眼,就像幽深静谧的溶洞里挂上夜店的闪灯。另一部分原因是配色极其扎眼。这就是一个例子。
和行内排版一样,我对此建议:删繁就简。大多数文章并不需要非常华丽的装饰,因为读者归根结底要看内容;样式可以为文章锦上添花,但对本篇议论的受众来说,做到这点还是相当困难的。有人写文,总在文章里塞大量的加粗、大量的倾斜、大量的下划线,目的总的可能是强调某句或某段话。但如果不加,这些话反而能被读者更容易地阅读和理解,这些样式反倒有生怕读者看不见,标上「此地无银三百两」,拿读者当傻子看的意思了。须要相信读者的阅读理解能力。
若什么东西真的需要被强调,我仍然认为从文字本身下手要更自然一些。
结语
希望本篇议论能帮到初出茅庐,被说「排版糟糕」但丝毫不知道如何修改的新人们。谨记这个词:「秩序」。我认为,归根结底,本篇所讲的问题大多是缺乏「秩序」导致的。段与段间,或者过于拥挤,或者过于松散,或者左右空间像是「大小脸」……要使文章被安然地放在那儿,静静地让人看,各种元素必须要在视觉上做到平衡,这样你的文才能让人看得下去,而不是被各种扎眼的额外事物占了位置。而往往做多错多,所以在让页面符合人类审美的基础上,少做一些漂亮的样式即可。
祝写作愉快。
是的,分割线。分割线常常不能滥用,因为由于过多的分割线与我们常常浏览的多用空行的文字排版不符,在一般的创作中分割线常常代表「这条线上下,时间、空间、叙述对象等等都发生改变,几乎完全不同了」,而因此在有关系的段落间使用分割线常常导致一种不贯通的割裂感,这和最开始的「散乱」是相似的。

