abo的博客小站
POST/约 2 分钟

极简主义设计哲学:少即是多

打开这个博客你会发现:没有花哨配色、没有动画飞来飞去、没有大图横幅。这不是预算不够,是 故意的

极简不是简陋

极简简陋
删除不必要的装饰没装饰也没内容
留白是设计选择留白是没东西放
一种字体走天下字体乱七八糟
强调内容强调不出来

极简主义的精髓在于:让用户注意力永远落在内容上。任何装饰性元素都得问一句"它服务内容吗?",否则就删掉。

本站的设计原则

  1. 单一强调色:猩红 #E60012(取自 EVA 二号机),只用在链接、按钮、焦点态
  2. 中性色系:黑、白、灰三档,暗黑模式反转;暗黑下加点鲜黄 #FFD700 装饰
  3. 字体栈优先系统字体system-ui 在每个平台都用原生字体,零下载、零 FOUT
  4. 微动效:只在 hover、过渡、暗黑模式切换处加 200-600ms 缓动
  5. 排版优先:行高 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 体验。

合理的微动效让用户感知"刚才那个元素去了哪里",比硬切换更省认知成本。本站文章列表 → 详情页就有共享元素过渡,留意一下标题的运动轨迹。

一句话总结

减去一切非内容的东西,让剩下的事物各司其职。