人工智能驱动的网络攻击:如何检测、预防和抵御智能威胁

立即阅读
我们利用人工智能进行网站翻译,虽然我们力求准确,但不一定总是 100%精确。感谢您的理解。

颜色

我们的调色板植根于我们的历史,也是我们外观的基础。它可以用来展现大胆、自信的风采,也可以用来传达明确的专业知识。

我们的调色板可以支持各种视觉场景和媒介,同时保持清晰的一致性。应避免使用调色板的色调、透明色或不透明色。而应坚持使用指定的色调。


小学

我们的主要调色板是创意的基础,应代表所有作品中最强烈的色调。


色调

为灵活起见,3 种主要色板有不同的色调值可供选择。请勿着色或添加透明度,请按原样使用。

黑与白

中性色调

蓝色色调


装饰

为了突出主调色板,我们还使用了一组电动调色板来传达动感,并吸引人们对特定区域的注意。强调色切忌大面积使用,在版面中所占比例不应超过 5%。

技术 Teal

安全绿色

危险红色

橙色警告

黄色警告

紫色教育


用法与背景

精心选择色彩及其背景对于塑造创意叙事、唤起情感以及确保各设计元素之间的视觉和谐至关重要。使用字体颜色创造舒适的阅读体验,使用颜色唤起行动。切勿将行动色用作标题。将蓝色用于动作和链接,避免用于静态字体。请务必查看可访问性指南,了解适当的字体对比度要求。

文本

图形


梯度

渐变增加了层次感,有助于表达构图中的层次。渐变色还可用于对排版区域进行色彩分级和阴影处理。使用渐变色可以将观众的视线引向内容的某个方向。

在制作渐变时,尽量保持微妙的效果,并以跳步的方式使用调色板,跳过一个色组中的一个色阶,以获得清晰的效果。混合色组可以为作品带来动态色彩。避免在作品中使用大面积的重色渐变。

色块

文本


电动

要创建我们的电动效果,请使用以下指南,以确保不同体验的外观保持一致。

如下图所示,使用颜色组的色调来构建图标组。类似的技术也可用于其他插图形状,如线条或边框。辉光和聚光灯的大小和不透明度需要与图形或文字的大小相适应,以使效果细腻简洁。

对于字体,也可以使用相同的颜色组合,但要密切注意易读性。避免在大字体、粗体字或小字体上使用该技术。调整可选的聚光灯,使其与文本块相匹配。

所示规格为 Figma 规格。在我们的应用中,需要进行调整才能在视觉上与之匹配。

计算公式

变化

类型


无障碍环境

小学

为确保尽可能多的客户获得一致的体验,我们始终希望尽可能保持无障碍。其中一种方法就是遵守 WCAG 2.1 关于文字对比度的指导原则。

下面是我们对 16 pt 字体可接受的文字色块颜色的全面测试。如果标记为 "注意",则表示仅符合 AA 级标准,只能用于大号或加粗文字。

行动

我们的OPSWAT 蓝色是主要的 CTA 色调,放置在主要色块上时应特别注意。

装饰

在使用我们的状态和重音符号时,请格外注意无障碍使用。如果字体颜色和字体块显示在下方,则不建议使用。

学院

在使用我们的紫光学院时,请格外注意无障碍环境。如果字体颜色和字体块显示在下方,则不建议使用。