本帖最后由 卡狗 于 2022-1-9 22:21 编辑
排版是一个很宽泛的概念。不同的场景之下，排版的方案是不同的。
例如，在一篇学术论文中，需要用到双栏，用到角标，用到数学公式。如何把这些元素正确地组合起来，形成顺眼的文章，是每个研究者都需要考虑的问题。
而在一张海报中，使用什么颜色，什么线条，文字应该用什么字体，观看的人第一眼应该注意到什么东西。这些则是视觉设计师需要考虑的问题。
在这里，我想讨论的，则是在 Discuz! 论坛这个场景下，如何提升阅读体验这件事情。
请看下面两段文字：
| 这个就不得不提 2d 游戏唯一指定真神手柄：八位堂 Lite。如果你不在乎「震动」「扳机」这些可有可无的体验，那么 Lite 手柄将带给你非常优秀的 2d 游戏体验。首先，Lite 依然是 NS 的摇杆布局，但是所谓的摇杆被换成了 d-pad，而且手感很好，基本上不会发生按左/右的时候，发生对上/下的串键（除非你在左右横跳，否则还是有几率因为手指太大而按到下方向）。 非要说有什么缺点，那就是确实它没有扳机键，也没有震动马达。而且玩任何需要摇杆的游戏都会捉急。甚至连动森都玩不来，因为它很难去选择斜向收藏环栏位，笑死。还有就是重度使用之后，按键手感会稍微垮掉，我用了大概100+小时，经常用最大的力去按，后面出现了偶尔失去输入的问题（就是你按了走，马里奥他不走），问题不大。 |
这个就不得不提 2d 游戏唯一指定真神手柄：八位堂 Lite。如果你不在乎「震动」「扳机」这些可有可无的体验，那么 Lite 手柄将带给你非常优秀的 2d 游戏体验。首先，Lite 依然是 NS 的摇杆布局，但是所谓的摇杆被换成了 d-pad，而且手感很好，基本上不会发生按左/右的时候，发生对上/下的串键（除非你在左右横跳，否则还是有几率因为手指太大而按到下方向）。 |
相信每个人都会觉得，后者有着更舒适的阅读体验。第一种是直接使用默认设置，而第二种使用了 18px 的字体大小，同时使用了两端缩进。
这就是 Discuz! 论坛默认设置的问题所在。在一个阅读的场景下，字体太小了。还有一点就是，段落的两侧没有任何缩进。这两个效果重合在一起，就导致一行的字数太多了。
oooooohmygosh 在他的视频里谈到过，当阅读的时候，一行的阅读结束时，视线要跳转到下一行。而有时候，当读者需要回看某些概念时，就会视线上移，去寻找刚刚看到过的某些概念。
当一行字太长，那么视线就很难找到一行的开头，甚至在行之间飘忽不定。这就使得读者会感觉一团字扑面而来，找不到阅读的重点，失去阅读的耐心。
再来看另一种文字对比：
莱斯定理说的是：如果一个RE语言的性质是非平凡的，那么这个性质是不可判定的。
什么叫性质？性质是RE语言的集合。
什么叫平凡/非平凡？如果全体语言属于/不属于某性质，那么这个性质就是平凡的，否则就是非平凡的。
比如，「在union操作下封闭」就是一个平凡性质，因为RE在union操作下封闭。而「代码没有内存泄漏的bug」就是一个非平凡性质，因为有的代码是有内存泄漏的bug的，而有些是没有的。
证明莱斯定理的方法就是：如果非平凡性质可判定，那么我们就能构造出一个图灵机，使得我们可以判定「一个RE对应的M是否接受w」这样的问题。
我们已经知道后者是不可判定的，这样就产生了矛盾。接下来我们看构造的过程。
首先，我们要准备两个道具：
我们知道性质 P 是非平凡的，因此 P 里面一定有至少一个语言。我们就从里面挑选出一个语言，把它叫做 T。
其次，我们设 M empty（一个拒绝任何输入的TM）在 P 之外。
T 和 M empty 分别属于性质的两个对立面，它将帮助后面的证明过程。
莱斯定理说的是：如果一个RE语言的性质是非平凡的，那么这个性质是不可判定的。
- 什么叫性质？性质是RE语言的集合。
- 什么叫平凡/非平凡？如果全体语言属于/不属于某性质，那么这个性质就是平凡的，否则就是非平凡的。
比如，「在union操作下封闭」就是一个平凡性质，因为RE在union操作下封闭。而「代码没有内存泄漏的bug」就是一个非平凡性质，因为有的代码是有内存泄漏的bug的，而有些是没有的。
证明莱斯定理的方法就是：如果非平凡性质可判定，那么我们就能构造出一个图灵机，使得我们可以判定「一个RE对应的M是否接受w」这样的问题。
我们已经知道后者是不可判定的，这样就产生了矛盾。接下来我们看构造的过程。
首先，我们要准备两个道具：
- 我们知道性质 P 是非平凡的，因此 P 里面一定有至少一个语言。我们就从里面挑选出一个语言，把它叫做 T。
- 其次，我们设 M empty（一个拒绝任何输入的TM）在 P 之外。
T 和 M empty 分别属于性质的两个对立面，它将帮助后面的证明过程。
两种文本，如果交给你，你更愿意看哪一种？相信大家还是会选择后一种。
相比于首行缩进，段间空行这种方法在电子设备上更加适合阅读。如果你加以注意，会发现很多图文信息都会这样分段，有些甚至采用一句一行的方法来写作，因为它们阅读起来非常轻松，更容易让读者继续读下去。
事实上，如果对排版这件事较真，还有很多地方是可以说道的。其中就有字的间距，行之间的对齐，等等。
然而在 Discuz! 这样的比较粗略的排版环境，能做到缩小行宽和段间空行，就可以很大程度地提高可读性。再进一步去调试的话，其实没太必要了。
现在理论已经谈完了，技术上怎么实现呢？
首先是字体大小。论坛的默认配置是数字，即类似size=4。但是事实上你还可以把它弄成「数字 + px」的形式。例如，现在的这句话就是以 18px 的大小来表现的。
其次是两边缩进。一个比较流行的解决办法是表格套表格，靠表格之间固有的间距来达成缩进效果。
然而有一个不是很多人知道的标签：indent。同样，你现在看到的这段话是由两层 indent 包裹起来以实现两端缩进的。这个标签唯一的缺憾是不支持手机端视图——不会真的有人不用桌面版视图吧？
最后，加空行应该不需要教学了吧？
现在，去试试美化你的排版吧！
排版确实是能让文章好读的重要因素。
一些办公软件专门做了自动调整格式的现成模板。如果嫌在泥潭发帖页面自己弄麻烦，可以在办公软件里面做好了复制来。
一些办公软件专门做了自动调整格式的现成模板。如果嫌在泥潭发帖页面自己弄麻烦，可以在办公软件里面做好了复制来。
牛啊。。。。。。。。。。。。。。。。。
某些营销号学学这个估计能以假乱真
jky1618 发表于 2022-1-10 15:10
某些营销号学学这个估计能以假乱真
对啊 这个可以很容易的吸引读者 抓住文章重点
喔，感觉我可能用得到！最近有这个打算。
感谢楼主，学到了
这个在某些地方蛮实用的，谢谢楼主分享
支持支持支持，重要的事情说3边
教学非常不错很适合新手 感谢分享
谢谢作者的分享，挺关键的