搭建这个博客时,我给自己的约束是:一张样式表、两个页面模板、三篇正文,不做任何多余的东西。回头整理一下,其实遵循的就是这几条朴素原则。
1. 先决定什么不做
极简不是"做得少",而是"明确不要什么"。这个站点不要轮播图、不要弹窗、不要字体图标库、不要分享按钮。每排除一项,注意力就多回到文字一分。
2. 一个主色,就够了
全站只有一个蓝色用来表示"可交互"(链接、标签、按钮),其余都是中性色。读者永远不会困惑:看到蓝色,就是能点。
3. 排版是第一设计元素
对以阅读为主的页面,最大的装饰是留白与行距。正文行高 1.75、内容宽度约 44rem,读起来不累,手机上也舒服。
4. 响应式优先,而不是后补
不写"桌面版 + 手机版"两套样式,而是默认就是流动的:
.container {
width: 100%;
max-width: 44rem;
margin: 0 auto;
padding: 0 20px;
}
@media (max-width: 560px) {
.container { padding: 0 16px; }
}
先保证小屏阅读舒适,大屏只是"内容居中一点"而已。
5. 加载快是尊重
整站加起来只有一份 CSS、一份极小的 JS,没有一张图片依赖。任何网络条件下都能秒开——这是对访客最大的尊重。
Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.
设计会一直迭代,但这条底线——把注意力还给内容——希望一直保留。