嗨,这里是 SwitzerCandy,一个自认为审美还行的非专业页面编排者。这份手册介绍了一些关于页面美化(主要是文字排版)的方法和原则,希望这可以为各位提供帮助。
在这之前,我想先对 BrightWalking 和
Lupus Caeruleus 表示诚挚的感谢。这份手册很大程度上基于他们慷慨和友善的经验分享。
这只是一篇温和的指导,里面的每条建议都只是为了在一般的编辑模式下让你的作品更好看,所以人们可以不遵守这里的任何一条。虽然我个人对设定的态度确实会因为页面的美观问题而受到影响。
前言:为什么我们需要让页面变得更加美观?
如果只是需要在屏幕上显示几个字,那么文字排版什么的都完全不需要——打几个字就够了。
然而,我们的一个设定页面上往往会出现成千上万个汉字。如果我们只是把这数千个汉字生硬地放在一起,读者的阅读兴趣会明显下降1。与此同时,得体的页面排版可以令人心旷神怡,改善读者对于故事本身的印象。因此,我们需要通过一些调整让页面变得更有易读性和易认性。
文字排版
段落换行
本部分来自SwitzerCandy。
如今存在两种不同的段落换行形式:传统排版习惯与现代排版习惯:
- 传统排版习惯又称首行缩进。每个段落的开头将会空出两个字符,且段落之间不留额外空行。常用于传统书籍、纸质报刊和正式公文。
- 现代排版习惯又称空行分段。每个段落的开头没有空格,但段落之间会增加一行空白间距。常用于网页、电子邮件、自媒体文章及现代电子书,旨在缓解视觉疲劳并适应电子屏幕的阅读节奏。
在 The Nationarea 社区中,我们通常使用现代排版习惯。传统排版习惯所需要的首行缩进会因为一般空格过窄而略显繁琐。如果您想要使用传统的排版形式,可以在这里复制和汉字等宽的空格:「 」
合理的段落换行是改善页面观感最简单的方式之一。它不需要你添加任何新的内容——只需要在合适的位置按下「Enter(回车)」就好了。
大会404年季风季,因理洲的戈壁滩上,沙尘暴裹挟着某种规律的次声波频率。当Dr.Nwa团队用地质共振仪锁定声源时,发现沙丘下方埋藏着钛合金舱体——每个舱体表面蚀刻着不同大陆的古文字变体,而内壁的基因图谱显示,这些大会前200年的容器竟储存着埃珥拉人的干细胞样本。
“是文明保险库。”生物考古学家莱娅用激光显微仪扫描舱体接缝,“这些休眠舱的冷却系统仍在运作,液态氦循环管道与地热网络相连。”惊人的发现来自舱内晶体存储器,破译出的全息日志显示,史前文明通过“记忆腺体植入术”将关键技术编码在人类第23对染色体中,这种腺体会在文明衰退到电气时代时自动激活。在激活后,这种基因会促使部分埃珥拉人出现记忆虚影,暂且将称之为“传承”。“传承”会潜移默化影响埃珥拉人意识到自己的过去的历史被人恶意抹除,而激发人类的探索欲望。
这是一段看起来相当臃肿和复杂的文字。但在添加合适的换行之后:
大会404年季风季,因理洲的戈壁滩上,沙尘暴裹挟着某种规律的次声波频率。当Dr.Nwa团队用地质共振仪锁定声源时,发现沙丘下方埋藏着钛合金舱体——每个舱体表面蚀刻着不同大陆的古文字变体,而内壁的基因图谱显示,这些大会前200年的容器竟储存着埃珥拉人的干细胞样本。
“是文明保险库。”生物考古学家莱娅用激光显微仪扫描舱体接缝,“这些休眠舱的冷却系统仍在运作,液态氦循环管道与地热网络相连。”
惊人的发现来自舱内晶体存储器,破译出的全息日志显示,史前文明通过“记忆腺体植入术”将关键技术编码在人类第23对染色体中,这种腺体会在文明衰退到电气时代时自动激活。在激活后,这种基因会促使部分埃珥拉人出现记忆虚影,暂且将称之为“传承”。
“传承”会潜移默化影响埃珥拉人意识到自己的过去的历史被人恶意抹除,而激发人类的探索欲望。
这样看起来就好多了。我通常建议各位每隔 2 - 6 行2另起一段。实现这个效果是如此的简单,我们只需要按下「Enter(回车)」键即可。
断句
本部分来自SwitzerCandy。
当我们在阅读一段文本时,句号是使读者视觉和心理暂作停顿的标志物。长句逻辑严密、细节丰富,适合细腻描写和深入说理;短句节奏明快、铿锵有力,适合强调重点、刻画动作和表达强烈情感。合理的断句将两者长短结合,能让文章错落有致,产生优美的节奏感。
除了句号外,逗号在句中的适当分割也是需要的,除非您想刻意营造某种荒谬的效果。
不恰当的断句往往让人感到窒息——特别是如果你尝试去读出它们的话:
该军团的历史可追溯至近300年前第1批探险队,由法兰克丝帝国皇帝因他们敢于屠龙的英勇壮举而授予该军团名称此后便延续至今,在皇城被围攻的叛乱时期由于该军团军团长按兵不动拒绝援救皇城因此被下令进行赎罪远征去西北的苦寒之地讨伐敌人,现今屠龙者军团在百年时间里征服了大片土地,在旗帜上军团建立了完善的经济政治与军事治理模式,几乎相当于一个国家,在九世纪后半期该军团与法尔科尼亚之间的联系也逐渐减少,这其中包括了经济军事与兵员补充,目前该军团的军团长巴拉巴斯·托尔格特在军团中常被描述为一个“阴郁的野心家”,没人知道这支古老军团的领导会在这个时代做出些什么。
这是一个有整整二百五十七个字的句子!此外,句号的缺失也使正常的换行无法进行。因此:
该军团的历史可追溯至近300年前第1批探险队,由法兰克丝帝国皇帝因他们敢于屠龙的英勇壮举而授予该军团名称此后便延续至今。在皇城被围攻的叛乱时期,由于该军团军团长按兵不动拒绝援救皇城,他们因此被下令进行赎罪远征,去西北的苦寒之地讨伐敌人。
现今,屠龙者军团在百年时间里征服了大片土地,在旗帜上军团建立了完善的经济政治与军事治理模式,几乎相当于一个国家。在九世纪后半期,该军团与法尔科尼亚之间的联系也逐渐减少,这其中包括了经济军事与兵员补充。
目前该军团的军团长,巴拉巴斯·托尔格特在军团中常被描述为一个“阴郁的野心家”。没人知道这支古老军团的领导会在这个时代做出些什么。
把这一大段切成 6 个句子将会显得更加妥当。事实上,这一段的其他表达也很不符合我的语言习惯3。
该军团的历史可追溯至近三百年前的第一批探险队。这一延续至今的名称是法兰克丝帝国的皇帝因其敢于屠龙的英勇壮举而授予他们的。在皇城被围攻的叛乱时期,该军团拒绝援救皇城。他们事后被下令进行赎罪远征,前往西北的苦寒之地讨伐敌人。
现今,屠龙者军团在百年时间里已经征服了大片土地。他们建立了完善的经济政治与军事治理模式,几乎相当于一个主权实体。在九世纪下半叶,该军团与法尔科尼亚之间的经济与军事联系逐渐减弱。
该军团的现任军团长,巴拉巴斯·托尔格特常被描述为一个“阴郁的野心家”。没人知道这支古老军团的领导会在这个时代做些什么。
中西文的标点符号
本部分来自BrightWalking。
有些人时常与英文页面打交道。一个英文段落往往是这样的:
To be or not to be, that’s a question.
但有些人翻译为中文时,就会变成这样子:
生存还是毁灭,这是个问题.
发现问题了吗?「毁灭」和「这是」几乎是连在一起的,这是因为字符「,」太窄了。虽然你也可以尝试通过在「,」后面加一个空格来尝试扩大空隙「, 」,但这样不够正式。
每一个汉字的宽度都是相同的,我们一般称之为等宽字(monospace),也就是「相等宽度」,一个汉字的宽度就是一个字宽。汉字有自己的一套标点符号,这套标点符号区别于西文标点符号,每一个都是占一个字宽的,这类字符就叫做「全角字符」或者「全宽字符」,相对的西文就是「半角字符」或者「半宽字符」
最鲜明的区分方式,多数情况下,如果你在英文输入法下打标点符号,它就是半角/半宽,而如果你在中文输入法下打标点符号,它就是全角/全宽。但有的时候会正好相反,但如果你看到一个占格很大的标点符号,它一般就是全角/全宽了。比如「!」和「!」,前者为半角/半宽,后者为全角/全宽。
所以,在你翻译成中文时,请这么写:
生存还是毁灭,这是个问题。
一些创作习惯
很多人在创作时会有自己的一些习惯。这些习惯有些是错误的,有些则是无关紧要的。这些习惯可能会造成困扰,有时笔者也会遇到这样的问题:
引号差别
本部分来自BrightWalking。
中国大陆地区最常见的标点符号是蝌蚪引号/弯引号,也就是“”。但如你所见,在这个页面里我用的是直角引号「」4。原因有几:
- 直角引号比蝌蚪引号/弯引号更方便辨认,防止出现引号打反的情况;
- 中文全角蝌蚪引号/弯引号与西文半角蝌蚪引号/弯引号共用一个码位;
- 直角引号更方正,看起来舒服些(主观而言);
笔者比较推荐使用直角引号,但这并不是必须的。
真正需要避免的是打反蝌蚪引号/弯引号——这让人看着有些烦躁。由于通常无法在键盘上直接打出直角引号,笔者推荐使用自定义输入词组。除此之外,还有一个小贴士:直角引号相应的单引号是『』。
空格
本部分来自SwitzerCandy。
笔者比较推荐在汉字与西文字母之间留一个空,这样可以避免在中英文/数字混合使用时让页面看起来过于紧凑。这也是全球万维网联盟国际化小组(W3C i18n)在《中文排版需求》(2015)中提出的一个要求。例如,应该是:
这个国家的领导人 Alex Medici 今年 25 岁。
而最好不是:
这个国家的领导人Alex Medici今年25岁。
不过,当有人在自己的页面里加入中西文留空时,我们一般不把它视作一个错误。这是习惯问题。
顿号和书名号之间
本部分来自Lupus Caeruleus。
根据《中华人民共和国国家标准GB/T15834-2011标点符号用法》(目前最新)中关于顿号的说明:
4.5.3.5 标有引号的并列成分之间、标有书名号的并列成分之间通常不用顿号。若有其他成分插在并列的引号之间或并列的书名号之间(如引语或书名号之后还有括注),宜用顿号。
示例1:“日”“月”构成“明”字。
示例2:店里挂着“顾客就是上帝”“质量就是生命”等横幅。
示例3:《红楼梦》《三国演义》《西游记》《水浒传》,是我国长篇小说的四大名著。
示例4:李白的“白发三千丈”(《秋浦歌》)、“朝如青丝暮成雪”(《将进酒》)都是脍炙人口的诗句。
示例5:办公室里订有《人民日报》(海外版)、《光明日报》和《时代周刊》等报刊。
因此,连续的引号和书名号之间并不应该使用顿号连接。
进一步优化
更加丰富的页面
本部分来自SwitzerCandy。
文本的确是页面中的主题内容。然而,如果您正在试图撰写一份客观公正的词条,而不是故事——故事情节本身的出彩或许可以抵消这一点——只有普通的文本或许会使这个页面显得乏味:
我们的教育体系被称为「六个两年」。这是古逻思公民成长的六个台阶。每一个台阶都是一次筛选,而筛选是爱的表达!当然,不是每一颗种子都能长成大树——有些种子更适合成为肥料!
第一阶段:采样。 所有新生儿在适龄后进入这一阶段。在此阶段,孩子们接受基础思想教育和忠诚度测试。那些没有通过测试的孩子们会被特殊关照!毕竟,在起跑线上摔倒的人,很难追上队伍。我们不希望他们一生都活在落后和痛苦中。
第二阶段:溶解。 通过的孩子们继续学习自理能力和基础技能。测试未通过者进入第二阶段附属,接受重复训练。多次未通过者将被……嗯,送往一个无忧无虑的地方!
第三阶段:过滤。 体力和动手能力被重点筛选!通过者将会进入第四阶段。未通过者将会进入附属阶段,开发体力劳动能力,来为社会提供优质劳动力。
第四阶段:分流。 脑力测试全面展开。通过者进入第五阶段。未通过者进入附属阶段,接受脑力劳动培训,为管理岗位或技术岗位做准备。
第五阶段和第六阶段的内容目前尚未公开。大致方向是筛选未来的政府工作人员。如果你到达了这里,你已经不是普通的朋友了。你是更亲密的朋友,你是朋友中的朋友!
加粗字体、使用斜体、插入 Div 代码块、设置删除线或下划线可以改善这一点。除此之外,在一些前后内容变化较大的节点上插入分割线(--)也是需要的:
我们的教育体系被称为「六个两年」。这是古逻思公民成长的六个台阶。每一个台阶都是一次筛选,而筛选是爱的表达!当然,不是每一颗种子都能长成大树——有些种子更适合成为肥料!
第一阶段:采样。 所有新生儿在适龄后进入这一阶段。在此阶段,孩子们接受基础思想教育和忠诚度测试。那些没有通过测试的孩子们会被特殊关照!毕竟,在起跑线上摔倒的人,很难追上队伍。我们不希望他们一生都活在落后和痛苦中。
第二阶段:溶解。 通过的孩子们继续学习自理能力和基础技能。测试未通过者进入第二阶段附属,接受重复训练。多次未通过者将被……嗯,送往一个无忧无虑的地方!
第三阶段:过滤。 体力和动手能力被重点筛选!通过者将会进入第四阶段。未通过者将会进入附属阶段,开发体力劳动能力,来为社会提供优质劳动力。
第四阶段:分流。 脑力测试全面展开。通过者进入第五阶段。未通过者进入附属阶段,接受脑力劳动培训,为管理岗位或技术岗位做准备。
此外,通常情况下,我们会建议在专有名词或地名首次出现时加粗它们。
修复版式错误
本部分来自SwitzerCandy。
The Nationarea 有时会在引用外部站点版式时出现错误,使得版头图案不断在正文内容区域重复。例如:
在这种情况下,请在页面的开头放置以下代码:
[[module css]]
#skrollr-body {
background-image: none !important;
}
[[/module]]如果希望修改版头内容的正副标题,请使用:
:root{
--header-title: "The Nationarea";
--header-subtitle: "曾有万国来朝";
}使用自定义字体
如果想要使用自定义的外部字体,请在页面中插入以下代码:
[[module css]]
@font-face {
font-family: '你自定义的字体名称';
src: url('https://example.com/fonts/your-font.woff') format('woff');
/* 可选属性 */
font-weight: normal;
font-style: normal;
}
:root{
/* 版头:标题字体 */
--header-font: '自定义字体', sans-serif;
/* 正文:标题字体 */
--title-font: '自定义字体', sans-serif;
/* 正文:等宽字体 */
--mono-font: "自定义字体", monospace;
/* 正文:行文字体 */
--body-font: "自定义字体";
}
[[/module]]尾声
无论如何,The Nationarea 是一个对创作者们比较包容的社区。大多数人通常不会因为糟糕的排版而给出一个 Downvote,但这极可能会影响我们对这篇作品的看法。这份指导说明了一部分文字排版中值得注意的问题(可能不是全部)。如果你有什么想法,也欢迎在这个页面加以补充。
最后,祝写作愉快。
