Matrix Cat
理清自己,热爱生活。
印刷感博客的第一层骨架
把界面先做成一张会呼吸的纸
从固定宽度、纸面纹理到标题效果,先把阅读气质搭起来。
为什么先做骨架
当一个博客以阅读为核心时,最先应该稳定下来的不是炫技,而是节奏。
固定宽度
650px 这个宽度在桌面端会给人比较稳的阅读体验。它不会太散,也不会压得太紧。
纹理和颜色
背景上的淡纹理应该几乎感觉不到,但拿掉以后会立刻失去质感。这个项目里用的是内联 SVG,所以部署起来很轻。
标题的印刷感
标题不需要很重的特效,只要一点轻微位移和对比,就已经能形成复印机式的颗粒印象。
还要读
安静界面的边界感
讨论如何在不制造视觉噪声的前提下,让界面保持清晰的边界。
长文阅读节奏的三个控制点
正文宽度、段落行高和标题间隔,是最核心的阅读节奏控制点。
评论
这篇文章尚未绑定 Mastodon 讨论串。
发布文章后,可使用
访问 @MatrialCate@mastodon.socialmastodon.statusId和mastodon.statusUrl在 Front Matter 中绑定讨论。