这是一篇示例设计手记,整理自本项目已有的主题调研。它描述本站的设计取舍,不是上游主题的完整评测。
插画,让页面有自己的天气
很多二次元博客的第一印象来自一张大幅插画。但插画和内容需要各司其职:横幅营造情绪,正文容器保证阅读。
本站使用原创生成的夏日插画,把标题放在较安静的天空区域。画面里的列车与小站,留在内容较少的一侧。
借鉴的三件事
已有调研目录保留了各主题的源码阅读记录。本站主要参考以下设计思路,界面组件采用独立实现:
| 主题 | 借鉴的思路 | 本站的取舍 |
|---|---|---|
| Fuwari | 圆角卡片、侧栏与文章列表 | 简化配置,让内容结构清晰 |
| Mizuki | 插画横幅与二次元氛围 | 使用本站原创插画,不引入看板娘 |
| Firefly | 柔和配色与个性化主题 | 提供三个精选主题色 |
好看,也要耐读
正文使用适合中文阅读的行距,标题层级明确。代码块和表格支持横向滚动,避免把手机页面撑开。
留白比装饰更重要
一张卡片只负责讲一件事。标题、摘要、日期和标签有各自的位置,不需要同时抢占注意力。
动效要有分寸
轻微的入场动画和悬停反馈足以表达交互。系统开启减少动态效果时,本站会关闭这些动画。
把自己的故事放进去
模板决定了骨架,但内容、插画与细节会决定它最终是不是“自己的博客”。下一步是用真实文章替换示例,再逐渐调整个人介绍与配色。