好的设计不是加法,是减法。

这句话我反复咀嚼了很多年,才逐渐理解它的分量。

少即是多

当我第一次看到这个网站主题的效果图时,我注意到的不是它有什么,而是它没有什么。

没有渐变背景。没有圆角阴影。没有多余的动效。只有:

  • 深色背景
  • 清晰的文字层级
  • 那一抹黄绿色强调色

克制本身就是一种能力。

棱角意味着什么

棱角分明的设计,意味着不妥协。不为了让人觉得”友好”而磨平所有边角,不为了显得”专业”而堆砌视觉元素。

clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);

这一行 CSS 让按钮有了切角,平添一股工业感。一个小细节,传递的是整体的设计哲学。

颜色的选择

这套配色只有三个主角:

角色 颜色 用途
背景 #0d0d0d 近乎纯黑,减少视觉噪音
强调 #e8ff00 黄绿色,醒目但不刺眼
辅助 #00d4ff 青色,用于代码和链接

颜色少,对比强,层次清晰。

字体的哲学

正文用 Inter,代码用 JetBrains Mono

Inter 是为屏幕显示专门设计的字体,在各种分辨率下都清晰可读。JetBrains Mono 有连字,让代码阅读体验更接近书写。

字体不是装饰,是内容载体的本身。

最后

做设计,也做决策——每个”不加”的决定,都需要足够的自信。