Solarized

ソラライズド / 2011– / 风格 / 界面风格

Ethan Schoonover 连数值一并公开的、供终端和编辑器使用的十六色。它由八个底色和八个强调色组成,底色在 CIELAB 上的明度差取成对称,因此明底和暗底互换后阅读的调子也不变。它压低明暗差,用色相的差别来区分词。

Solarized — 应用 Solarized Light 的 Xcode 4 2011年 — Wikimedia Commons / CC BY 2.0 · © Jason Brennan from Ottawa, Canada
应用 Solarized Light 的 Xcode 4 2011年 — Wikimedia Commons / CC BY 2.0 · CC BY 2.0 · © Jason Brennan from Ottawa, Canada
Solarized — 应用 Solarized Dark 的 gedit — Wikimedia Commons / CC0
应用 Solarized Dark 的 gedit — Wikimedia Commons / CC0 · CC0
Solarized — 应用 Solarized Dark 的维基百科条目页面 2021年 — Wikimedia Commons / CC BY-SA 4.0 · © JPxG
应用 Solarized Dark 的维基百科条目页面 2021年 — Wikimedia Commons / CC BY-SA 4.0 · CC BY-SA 4.0 · © JPxG

快速判断

视觉特征

  • 底色既不是纯黑也不是纯白,一个偏青绿,一个偏米黄
  • 正文与底色的明度差很小,以比白底黑字更柔的力度让人阅读
  • 八个强调色的明度几乎一致,只靠色相的不同来区分
  • 在明底和暗底之间切换,同一个强调色仍以同样的角色出现

适用场景

  • 想让编辑器或终端的配色在明底和暗底上有同样的阅读手感时
  • 在需要长时间注视的画面上,不提高对比度也要区分元素时

使用这一风格

把简短指引带入项目,或将结构化规格交给AI工具。

详细方法与出处制作规则、真实案例、比较、研究与引用格式

辞典词条

字体
只用一种等宽字体。强调不靠字重和斜体,用颜色来区分词。
版面
不用线条分隔,只把底色移动一级来划分区域。底色的面积留得大一些。
材料
固定使用八个底色和八个强调色。两端取暗底 #002b36 和淡底 #fdf6e3,正文取中间的灰。
注意
只借底色而按喜好添加强调色,按 CIELAB 对齐的明度就会错位,靠色相区分这套机制本身也就不起作用了。
延伸阅读
the point that the lightness differences of base03 to base0 and base02 to base1 are designed to the same value / the eight accents being taken from fixed relations on the hue wheel / how far ports to terminals and editors keep the published values

相关词条

继续浏览界面风格

从界面风格中按共同感受优先推荐以下词条。

查看界面风格全部词条

引用此条目

这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。

Link
https://indexstyle.org/zh/styles/solarized
Markdown
[Solarized — IndexStyle](https://indexstyle.org/zh/styles/solarized)
HTML
<a href="https://indexstyle.org/zh/styles/solarized">Solarized — IndexStyle</a>

返回索引中的位置