极简主义网页设计指南

极简不是“什么都没有”,而是“什么都不多余”。分享五个可以立刻用起来的原则。

极简主义网页设计指南

极简主义设计经常被误解为“把页面做空”。事实上,极简的核心不是删减,而是克制——让每一个留下的元素都有存在的理由。

原则一:留白是设计的一部分

留白(Whitespace)不是浪费,而是给内容呼吸的空间。一个没有留白的页面会让人感到压迫,而恰到好处的留白能让阅读节奏更舒适。我的做法:正文行高不低于 1.8,段间距大于行距。

原则二:限制用色

整个站点只保留三类颜色:背景色、文字色、一个强调色。强调色只用于链接、按钮和关键信息,其余地方一律保持克制。

原则三:建立清晰的层级

标题、正文、辅助信息的大小和字重要拉开差距。层级清晰之后,用户扫一眼就能知道哪里是重点。

原则四:减少装饰

阴影、渐变、动效都是消耗品,用得越少越值钱。这个博客的卡片只有 1px 边框和极浅的阴影,动效只出现在滚动渐入上。

极简的终点,是让内容成为唯一的主角。
  • 优先使用系统字体,省去字体加载时间;
  • 图片统一比例与圆角,视觉上更整齐;
  • 交互反馈要轻:颜色变化即可,不要弹跳。