个人博客的设计风格 —— 六种风格，六张示意图
一个写博客设计的人，终于要写设计本身了。这次做了一点小调研，把当下个人博客的设计风格梳理成六种，并给每一种画了一张示意图——这些图不是找来的，是手绘的 SVG：体积只有一两 KB，放大到任何尺寸都清晰，而且它本身就是那个风格的调色板示范。
调研看到的三件事
翻了几个主题项目与设计分析，先记录三个大方向：
- 克制取代堆砌。有人总结得很直接：2027 年的个人网站趋势正在告别「纯白 + 纯黑 + 一种灰」的廉价扁平，走向有细节的暖色系统；渐变滥用、过度圆角、影子乱飞被明确视为「AI 设计味」的坏典型。
- 衬线字体回归。正文从无衬线回到现代衬线，标题保留无衬线做对比，营造「个人杂志」的阅读感；标题层级差异收敛到 20%–30%，靠宽松行高制造呼吸。
- 暗色模式成为标配，而且越来越多人把暗色做成「另一套精心调过的设计」而不是简单反相；东方美学（水墨）与暗色、科技感的融合也出现了很有趣的尝试。
下面进入正题，六种风格，按「离我们最近」到「离我们最远」排。
一、极简主义
大量留白、一种强调色、几乎为零的装饰。它是内容型博客的默认答案，也最难做好——因为它的全部成本都在排版与字体的取舍上。
适合在意「读」的人：作家、设计师、一切内容型博客。风险是容易做成「没设计」，一旦字体、行距、留白的比例失准，观感立刻塌掉。
二、杂志风
把博客当期刊排版：巨大的标题、强烈的黑白对比、一个大胆的强调色，版面有网格感。它把「读文章」变成「翻杂志」——仪式感最强的一种。
适合有固定栏目感、想强调内容编辑感的博客。代价是需要足够好的排版功力，不然大字号会立刻暴露设计上的瑕疵。
三、复古
奶油色纸底、双线边框、衬线标题、一点赭红——像一枚旧邮票。它把「慢」写在了脸上，天然带着怀旧与手作的温度。
适合记录生活、收藏、个人史一类的博客。局限也很明显：装饰元素偏多，信息密度低，而且容易被觉得「过时」——但复古的乐趣本来就不在乎这个。
四、暗色系
深色背景、浅色文字、代码块、发光点缀——开发者博客的经典皮肤。它不只是「省电」，深底色让界面元素像悬浮在夜里，有一种专注的沉浸感。
适合技术博主、深夜阅读者。真正做好的暗色系很少——大多数只是把浅色反相，对比度失衡，读起来更累。
五、Bento 网格
圆角卡片按大小错落的网格排布，像日式便当盒。它把首页变成一块信息拼图：文章、链接、个人介绍各自安放，一目了然。
适合内容多元、想在第一屏展示很多信息的博客。它是这几年的热门，但和「极简阅读」天然有些冲突——卡片多了，注意力也就碎了。
六、水墨
宣纸底色、墨色笔触、一方朱印——把东方美学搬进界面。它几乎是中文博客的「限定皮肤」，安静和书卷气是其他风格给不了的。
适合一切想保持「东方安静感」的中文博客。风险是装饰性元素（笔触、印章）容易抢戏，需要极克制的用量。
一张对照表
| 风格 | 视觉关键词 | 氛围 | 适合内容 | 主要风险 |
|---|---|---|---|---|
| 极简主义 | 留白、单强调色、细线 | 安静克制 | 一切内容型博客 | 做成「没设计」 |
| 杂志风 | 大标题、黑白对比、网格 | 仪式感强 | 有编辑感的内容 | 暴露排版瑕疵 |
| 复古 | 纸底、双线框、赭红 | 怀旧手作 | 生活记录、个人史 | 装饰多、密度低 |
| 暗色系 | 深底、发光、代码高亮 | 沉浸专注 | 技术博客 | 对比度失衡 |
| Bento | 圆角卡片、错落网格 | 活泼高效 | 信息多元的首页 | 注意力碎片化 |
| 水墨 | 宣纸、墨、朱印 | 东方书卷气 | 中文随笔 | 装饰抢戏 |
这个博客站在哪里
画完这六张图，回头看看蓝泡手记自己——它更像一个混合体：
- 从极简借了留白与「一种强调色」（教育蓝，只在链接和标题竖线出现）
- 从杂志借了正文的衬线气质与标题对比（霞鹜文楷就是这个博客的衬线）
- 从暗色系借了精心调过的深色主题——暖黑而不是反相，这恰恰是调研里被强调的做法
- 底子是从未退流行的暖灰体系：暖白纸底、四档灰阶，而不是廉价的黑白灰
没有采用的部分同样明确：没有复古的双线花框（装饰太抢戏）、没有 Bento 卡片堆（注意力会碎）、没有水墨笔触（水墨要的是整套美学，浅尝辄止反而不如不做）。
附：给自己的三条准则
调研写完，给这个博客立三条规则，与读到这里的你共勉：
- 主色用得越省，出现时越有力——一处点缀胜过十处铺陈。
- 任何风格都要先答「读起来累不累」——视觉是阅读的仆人，不是主人。
- 不要追求「全都要」——风格之间互相打架时，留下的不是融合，是噪音。
这篇文章的六张图都是手绘 SVG，如果你也想学这种「插图即调色板」的做法，源码就在 posts/design-styles.md 里，复制即用。