当前位置:首页 > draw.io教程

draw.io 中的高对比度模式

drawio2年前 (2024-04-16)draw.io教程14

draw.io 新增了高对比度模式:高对比度模式使编辑器界面更易于阅读,无需调整显示器的对比度设置,类似于操作系统中的辅助功能选项。

高对比度模式简化并移除不必要的背景,并通过添加清晰的轮廓线来增强界面元素之间的清晰度。您会发现文本更容易阅读,并且可以减轻眼睛疲劳。

高对比度模式

从 draw.io 菜单中选择“设置”>“外观”>“高对比度” 。

在操作系统中启用高对比度模式或主题后,界面中的颜色范围会缩小,视觉元素也会简化。面板、工具、按钮和工具栏的背景会变得更简洁(浅色模式下为白色,深色模式下为黑色),并带有清晰的轮廓,以便更好地分隔应用程序界面的各个部分。

在 draw.io 编辑器中,高对比度模式的工作方式相同。

  • 面板背景简化为灰白色(浅色模式)或近乎黑色(深色模式)。

  • 以前是灰色的文本标签、形状和工具现在更清晰了——黑色(浅色模式)或白色(深色模式)。

  • 在编辑器界面中,按钮周围、形状库之间、格式面板选项卡周围以及其他元素周围都添加了强烈的对比轮廓:深色模式下为清晰的白色轮廓,浅色模式下为黑色轮廓。

下图左侧为默认的深色模式,右侧为高对比度模式。

高对比度模式适用于 draw.io 的所有主题,包括 Sketch 在线白板主题,无论深色模式还是浅色模式均可使用。

深色模式下的更佳色彩

深色模式通常用于减少眼睛疲劳——使用 draw.io,您可以使用我们的任何编辑器主题在深色模式下绘制图表(点击右上角的太阳/月亮图标,然后选择您想要使用的模式。或者,从菜单中选择“设置”>“外观”>“深色模式”)。

前段时间,我们更新了draw.io 在深色模式下自动更改颜色的功能,但默认调色板仍然使用浅色模式。切换到深色模式时,默认情况下,形状、连接线和文本的亮度会相应调整,以确保在保持清晰易读的同时,获得更高的对比度。

  • 要禁用浅色和深色模式下的自适应颜色,请确保图表中未选中任何内容,然后在格式面板的文档样式选项卡中,将“自适应颜色”设置为“无” 。(也可以通过“附加功能”>“自适应颜色”在经典模式菜单中找到此选项)。

  • 如果您只想让图表中的黑白部分在深色或浅色模式下反转,请将自适应颜色设置为“简单”

  • 如果您想为形状、连接线和文本选择特定的深色模式颜色,而不是使用自动自适应颜色,请在“高级”下的颜色调色板中添加该形状的深色模式颜色

注意: draw.io Desktop 使用原有的简单自适应颜色。设置自适应颜色