跳到正文
纸墨小站
随笔约 2 分钟

起手:拿纸和墨当底色

选米白纸感配墨色正文,不是为了复古,是想让长句子读起来不累。

  • 设计
  • 纸墨

做这个站之前,我在几个方向上犹豫了很久。深色、玻璃拟态、大字报式的开场,都试过草图,最后都放下了。

为什么退回浅色

深色界面在展示代码和图片时确实讨巧,但长文阅读是另一回事。我翻自己以前写的日志,多数是一两千字的东西,深色底上读三段就得歇一次。反倒是米白这种带一点暖调的浅色,视线能一直走下去。

选纸的本色而不是纯白,是因为纯白太“屏幕”了。屏幕的白是发光的白,纸的白是反光的白。把底色压到米白、再叠一层几乎看不见的纤维噪点,页面就从“一块显示屏”变成了“一张纸”。

我想要的不是复古,是让长句子读起来不累。

墨与朱砂的分工

正文用墨色,但不是纯黑。真正的墨在纸上会随纸纤维洇开,边缘是软的,色相也偏暖。所以正文取的是 #1e1c18 这个偏褐的深色,比纯黑轻一档。

朱砂只留给三处:链接、列表的点、以及强调线。它在这个配色里是唯一的高饱和,用多一寸就俗。

  • 米白纸感底 —— 承载阅读
  • 墨色正文 —— 承担信息
  • 朱砂点缀 —— 打断节奏

三者比例大概是 80 : 18 : 2,朱砂那 2 分是全站的呼吸口。

字也一样

标题走衬线,正文走无衬线。衬线在中文里对应宋体一路,笔画有粗细变化,放大到几十像素时那股“刻出来的劲”才出得来;正文用小字号,衬线的细笔画反而会糊,这时候黑体更稳。

这两套字我都没有联网加载,全部用系统里已有的字族兜底。省下来的一次网络往返,比换一款漂亮字体的收益大得多。