我本没打算写这篇文章
设计定下来了,博客也跑了这么久,好像说什么都感觉多余
但后来有人问我,这东西是怎么设计出来的,我发现我说不出来,因为它不是某天坐下来想出来的,是一点一点长出来的,每一步都有原因,但在当时我说不清楚那个原因是什么,我只是觉得「对了」或者「不对」
所以还是试着写一下,把那些「对了」的瞬间往前追一追,看看能追到哪里去
起点是明日方舟的孤星活动
但我没有办法告诉你是哪个具体的画面让我停下来的,因为不是画面,不是某个角色设计,而是一种氛围,一种进入那个活动之后弥漫在整个空间里的东西。我后来想了想,觉得最接近的描述是:看阿波罗登月纪录片时心里会有的那种感觉
这个类比可能听起来很大,我不是在说宏大叙事。阿波罗登月的那些纪录片里,你看到的都是非常具体非常技术性的东西。但它给你的感受不是「哦这个技术很厉害」,而是某种更底层的东西,一种对未来的强烈感知。人站在某个临界点上,即将去往一个从来没有人去过的地方。那种感觉不清晰,你说不上来它的逻辑它的感觉,但它是真实的
孤星给我的就是这个
然后我开始注意它的 UI 设计,信息密度被控制得很精确。它不是在模拟某种科幻美学,它是在用一套非常克制的视觉语言在讲一个关于太空、关于人类未来的那种感觉又回来了
我开始往回追这种感觉的根是哪里来的
先追到了 NASA
具体来说是 NASA 蠕虫 logo 时期的设计风格,大概是上世纪七十年代到九十年代初。那个年代 NASA 有一套非常完整的视觉识别系统,字体、颜色、版式都有严格规范,内部文档也遵循一套固定的排版语言。你现在去 Archive.org 或者 NASA 的技术报告服务器上能找到大量那个时代的扫描文件,那些东西的设计初衷完全不是「好看」,因为它们是给工程师和科学家用的,要求的是信息传递的准确和高效
但你打开那些文件,会有一种奇怪的感觉
它的美感不来自于装饰,而来自于一种绝对的功能诚实。每一个元素都在做它应该做的事,没有一个元素是多余的。编号系统是为了引用,网格是为了对齐,等宽字体是因为当时的打印技术,大量的留白是为了让眼睛休息和标注。这些决定没有一个是出于审美考虑,但最终的结果有一种克制的、冷静的、几乎可以说是冷酷的美感
还有一件事:那些文件是印出来的。是纸,米色或者偏黄的纸,不是发光的屏幕。那种触感,那种重量,那种在上面写批注的感觉 ( 虽然我们现在只能看到扫描件 ),但那个「这是纸」的事实会渗透进它的视觉语言里,让它看起来和数字原生的东西有本质的不同。它是有重量的,不是玻璃片
这一点后来直接影响了博客的正文页背景色。我用的不是白色,是米色。不是因为护眼复古,是因为那个颜色有纸的感觉。你在上面读文字,感觉像在看一份文件,而不是在盯着一块发光的玻璃
再往前追,追到了瑞士国际主义,也叫国际版式风格
这是二十世纪五六十年代从瑞士发展出来的一套平面设计体系,核心是网格系统、无衬线字体(最著名的是 Helvetica)、信息的清晰层级,以及一个根本性的态度:设计的目的是让内容被看见,而不是让设计本身被看见
Less is more,这句话就是从这里来的。但「少」这个字很容易被误读成「简单」或者「懒」。瑞士国际主义的「少」不是这个意思,它的意思更接近「不多余」,每一个元素都必须能够回答一个问题:你在这里是为了什么?如果你回答不了,你就不应该存在
这套逻辑有一种冷静到近乎残忍的地方。它不允许「这个加上去好看」或者「这个让页面看起来不那么空」,这些都不是理由,但这种严格也带来了一种特别的自由:当你把所有不必要的东西去掉之后,剩下的每一个元素都有了重量,都值得被注意
从瑞士国际主义到 NASA 的文档风格,再到孤星的 UI 设计,我看到的是同一套逻辑在不同时代、不同媒介上的演化。它们都在用克制换取清晰,用减法换取信任
我不是平面设计师,我没有在做学术研究。我只是在追一种感觉的来源,追到某个地方,觉得够了,然后开始动手。然后我pnpm dev,看着页面跑起来,觉得:对了,就是这个感觉。我真的说不清楚,但确实是这样
Less is more,具体落在哪里
我曾经写过一句话:
把 blog 搞得花里胡哨,弹窗乱飞的人根本不尊重内容这两个字。谁要是为了玩电子积木而牺牲读者的阅读体验,如果连让人爽快地看完文章这个基本需求都因为底层架构的垃圾而打折扣,那么他不配称为博主。
这并不是单纯的气话
我在想一个读者打开我的文章的时候,他的注意力在哪里。如果他的注意力被一个跳出来的跑马灯横幅吸引了,被弹出来的广告打断了,被底部的各种花里胡哨的无关组件拖走了,那我作为一个独立 blog 博主已经失败了:不是因为文章写得不好,而是因为我没有给读者一个可以专心看文章的环境
正文页的设计思路就是从这里出发的。只有文章,其他的都不需要。米色背景,字够大,行间距够宽,段落之间有呼吸。没有悬浮的分享按钮,没有阅读进度条,没有任何会在你读着读着突然跳出来的东西。文章的末尾有作者信息、版权说明、相关文章推荐。但这些都在你读完之后才出现,在你还在读的时候,我不想打扰你
这套逻辑也影响了整个博客的装饰密度。你会看到很多「技术文档感」的语言:CEPATO TECHNICAL NOTE、// END OF REPORT。有人问我这些背后有没有什么世界观设定。我的答案很直白:没有,纯装饰。但这些装饰的存在本身是克制的,它们出现在页面的边角,作为视觉层次的标记,不占主导地位。你注意到了会觉得有意思,你没注意到也不影响你读文章,这是装饰应该有的位置
这些东西都从同一个人身上自然生长出来的,我觉得没什么矛盾可言。博客里有哲学思辨,有技术日常,有日记,有个人思考。外壳是冷硬的技术文档设计,里面装的是一个很日常的人写的很日常的东西。这有什么问题吗?人本来就是这样的,我自己本来就是这样的,背后都是我这个人的深层次内核
为什么是博客,不是微博
这个问题的答案我想了很久,之前我说过
时间会惩罚每一个不留心记录的人
那么今天,我要为他补充后半句
把记录放在不安全的地方是对自己的不尊重
第一句说的是记录这件事本身的必要性。你现在觉得记不记无所谓的那些东西,五年后会变成你想找但找不到的东西。不是所有记录都有意义,但所有有意义的事情都值得被记录。时间不会帮你保存那些珍贵的瞬间,反之,他会给你抹掉
第二句说的是记录在哪里的问题。把所有的写作放在微博、公众号、知乎、小红书,这些平台随时可以消失,随时可以封号,随时可以把你写的东西变成 404。你的文字不是你的,你只是暂时寄存在别人的服务器上。某一天平台关闭,或者算法变了,或者你的账号因为某条敏感内容被封,你可能会失去所有写过的东西
这不是危言耸听,这是已经发生过的事,已经发生过过去的我身上的事,而且还会继续发生
所以我需要一个自己的地方。独立域名,自己的网站,完整的数据所有权。我写的东西在我的 repo 里,我可以随时导出,随时迁移,随时决定它的命运。这是一种数字自主权,不是技术炫耀,是一种对自己写作的基本尊重
闲谈页就是这个逻辑的延伸。那些不值得写成正式文章的东西,一句话的感想,一张截图,一件小事,也值得被留下来,但不值得放到微博上给算法消费。放在自己的博客里,按时间排列,只是记录,没有流量压力,没有转发期待,纯粹是为了让这些东西存在于某个地方
Coffee · Code · Night
我的 blog 有三个核心关键词 Coffee,Code,Night
我写东西的时候很多是深夜,那个时候安静,脑子也清醒,适合把想说的话整理成文字,我的很多文章都是在深夜里,我听着 lofi 音乐喝着咖啡写出来的
我希望读者打开这个博客的感觉也是这样的,某个闲暇的时刻,泡一杯咖啡,坐下来放轻松,慢慢看完一篇文章。这是我能给读者的最好的场景,也是我自己最喜欢的阅读状态
整个博客的设计都在服务这个场景。米色的背景,宽松的版式,没有打扰,它希望你在这里放慢下来,不是快速浏览,不是跳着读,是真的坐下来放轻松看完一篇文章
在现在的短视频和算法轰炸下,做到这样真的很不容易吧
最后:你知道这里是谁的地方
博客的每个页面里都埋着我的名字,不是把 logo 做得很大,不是每隔三段就提醒你「这是 Chongxi 的博客」,我只是轻悄悄的出现在在作者卡片,关于页,分发声明,每一篇文章的末尾。你读完一篇文章,不会记得我提醒过你这是谁写的,但你知道
商业上会把这个叫品牌建设,但我没有想那么多。我只是觉得,如果你在这里有过一段好的阅读体验,我希望你能记住这个地方的主人是谁的。我不在乎流量(我都独立 blog 了),我也不是为了变现,就是一种简单的、想被记住的心情
这个博客没有设计完成的可能。我现在用着它,用着用着觉得哪里不对就改,改了之后又觉得对了,然后继续用下去。它会一直是这样,从我身上自然长出来的东西,跟着我一起变
