好的设计不是加法,是减法。
这句话我反复咀嚼了很多年,才逐渐理解它的分量。
少即是多
当我第一次看到这个网站主题的效果图时,我注意到的不是它有什么,而是它没有什么。
没有渐变背景。没有圆角阴影。没有多余的动效。只有:
- 深色背景
- 清晰的文字层级
- 那一抹黄绿色强调色
克制本身就是一种能力。
棱角意味着什么
棱角分明的设计,意味着不妥协。不为了让人觉得”友好”而磨平所有边角,不为了显得”专业”而堆砌视觉元素。
clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
这一行 CSS 让按钮有了切角,平添一股工业感。一个小细节,传递的是整体的设计哲学。
颜色的选择
这套配色只有三个主角:
| 角色 | 颜色 | 用途 |
|---|---|---|
| 背景 | #0d0d0d |
近乎纯黑,减少视觉噪音 |
| 强调 | #e8ff00 |
黄绿色,醒目但不刺眼 |
| 辅助 | #00d4ff |
青色,用于代码和链接 |
颜色少,对比强,层次清晰。
字体的哲学
正文用 Inter,代码用 JetBrains Mono。
Inter 是为屏幕显示专门设计的字体,在各种分辨率下都清晰可读。JetBrains Mono 有连字,让代码阅读体验更接近书写。
字体不是装饰,是内容载体的本身。
最后
做设计,也做决策——每个”不加”的决定,都需要足够的自信。