A PAGE FROM MY ISLAND← 返回小岛

好看的博客,不止是一张壁纸

从 Fuwari、Mizuki 和 Firefly 的本地源码调研出发,记录插画、卡片、留白与中文排版怎样一起工作。

2 分钟阅读
这一页的目录

这是一篇示例设计手记,整理自本项目已有的主题调研。它描述本站的设计取舍,不是上游主题的完整评测。

插画,让页面有自己的天气

很多二次元博客的第一印象来自一张大幅插画。但插画和内容需要各司其职:横幅营造情绪,正文容器保证阅读。

本站使用原创生成的夏日插画,把标题放在较安静的天空区域。画面里的列车与小站,留在内容较少的一侧。

借鉴的三件事

已有调研目录保留了各主题的源码阅读记录。本站主要参考以下设计思路,界面组件采用独立实现:

主题 借鉴的思路 本站的取舍
Fuwari 圆角卡片、侧栏与文章列表 简化配置,让内容结构清晰
Mizuki 插画横幅与二次元氛围 使用本站原创插画,不引入看板娘
Firefly 柔和配色与个性化主题 提供三个精选主题色

好看,也要耐读

正文使用适合中文阅读的行距,标题层级明确。代码块和表格支持横向滚动,避免把手机页面撑开。

留白比装饰更重要

一张卡片只负责讲一件事。标题、摘要、日期和标签有各自的位置,不需要同时抢占注意力。

动效要有分寸

轻微的入场动画和悬停反馈足以表达交互。系统开启减少动态效果时,本站会关闭这些动画。

把自己的故事放进去

模板决定了骨架,但内容、插画与细节会决定它最终是不是“自己的博客”。下一步是用真实文章替换示例,再逐渐调整个人介绍与配色。

谢谢你,读到这里。