POST/约 2 分钟
极简主义设计哲学:少即是多
打开这个博客你会发现:没有花哨配色、没有动画飞来飞去、没有大图横幅。这不是预算不够,是 故意的。
极简不是简陋
| 极简 | 简陋 |
|---|---|
| 删除不必要的装饰 | 没装饰也没内容 |
| 留白是设计选择 | 留白是没东西放 |
| 一种字体走天下 | 字体乱七八糟 |
| 强调内容 | 强调不出来 |
极简主义的精髓在于:让用户注意力永远落在内容上。任何装饰性元素都得问一句"它服务内容吗?",否则就删掉。
本站的设计原则
- 单一强调色:猩红
#E60012(取自 EVA 二号机),只用在链接、按钮、焦点态 - 中性色系:黑、白、灰三档,暗黑模式反转;暗黑下加点鲜黄
#FFD700装饰 - 字体栈优先系统字体:
system-ui在每个平台都用原生字体,零下载、零 FOUT - 微动效:只在 hover、过渡、暗黑模式切换处加 200-600ms 缓动
- 排版优先:行高 1.8、字号 1.0625rem、容器最大 768px——阅读舒适度优先
留白的科学
"Design is not just what it looks like and feels like. Design is how it works." —— Steve Jobs
留白(white space / negative space)是设计语言,不是空间浪费。它告诉眼睛"这一块到此为止",让相邻的内容获得呼吸。
View Transitions 也属于极简
很多人觉得动效越少越极简。其实 缺失过渡 反而显得粗糙——白屏闪一下是 Windows 98 体验,不是 iOS 体验。
合理的微动效让用户感知"刚才那个元素去了哪里",比硬切换更省认知成本。本站文章列表 → 详情页就有共享元素过渡,留意一下标题的运动轨迹。
一句话总结
减去一切非内容的东西,让剩下的事物各司其职。