gledos 的微型博客

低亮

HTML 以及各种文字编辑软件中，存在高亮功能，能让文字像是被荧光笔标记过一样。比如在 HTML 里，使用 <mark> 元素 来标记。Markdown 的一些方言里，使用 == 来表示高亮。

但就像字体有大，也有小一样。高亮也应有个相反存在，用来降低某段文字的存在感。但可惜，似乎没有软件探索这种与高亮相反，也许可以称作「低亮」的标记。

类似的低存在表现，其实很常见。比如灰色的按钮表示不可选择，灰色的输入框表示不可修改，低饱和度的头像表示未上线（大概现在不多见了）。所以用浅色来表现不重要的文字，应该是个好主意。

现在许多常见的 UI 框架，大概都预设了一些颜色变体，比如用来表现不可选中的文字。那么直接调用就好，比如 Material for MkDocs 的字体颜色变量名有 --md-default-fg-color、--md-default-fg-color--light，后者的透明度更高，就能起到「低亮」的效果。

除此之外，还可以调整字重。比如为「低亮」文字设置 300 字重，这比起默认的 400 字重，就显得更轻量了。不过在 Telegram 里，肯定是没法表现的，但自己拥有控制权的网站，可以这么设计。

ggame 网站现已用上「低亮」，用来当作类似 夹注 的注解。虽然脚注以及 Annotations 都能实现注释效果，但脚注基本都是资料的引用链接，而后者需要点击才能展开内容，这些方法不够方便。

#杂谈 #网站

www.tgoop.com/gledos_microblogging/2092

1.4K viewsJan 15 at 23:33

低亮

HTML 以及各种文字编辑软件中，存在高亮功能，能让文字像是被荧光笔标记过一样。比如在 HTML 里，使用 <mark> 元素 来标记。Markdown 的一些方言里，使用 == 来表示高亮。

但就像字体有大，也有小一样。高亮也应有个相反存在，用来降低某段文字的存在感。但可惜，似乎没有软件探索这种与高亮相反，也许可以称作「低亮」的标记。

类似的低存在表现，其实很常见。比如灰色的按钮表示不可选择，灰色的输入框表示不可修改，低饱和度的头像表示未上线（大概现在不多见了）。所以用浅色来表现不重要的文字，应该是个好主意。

现在许多常见的 UI 框架，大概都预设了一些颜色变体，比如用来表现不可选中的文字。那么直接调用就好，比如 Material for MkDocs 的字体颜色变量名有 --md-default-fg-color、--md-default-fg-color--light，后者的透明度更高，就能起到「低亮」的效果。

除此之外，还可以调整字重。比如为「低亮」文字设置 300 字重，这比起默认的 400 字重，就显得更轻量了。不过在 Telegram 里，肯定是没法表现的，但自己拥有控制权的网站，可以这么设计。

ggame 网站现已用上「低亮」，用来当作类似 夹注 的注解。虽然脚注以及 Annotations 都能实现注释效果，但脚注基本都是资料的引用链接，而后者需要点击才能展开内容，这些方法不够方便。

#杂谈 #网站

BY gledos 的微型博客