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

人工智能驱动的网络攻击:如何检测、预防和抵御智能威胁
我们的调色板植根于我们的历史,也是我们外观的基础。它可以用来展现大胆、自信的风采,也可以用来传达明确的专业知识。
我们的调色板可以支持各种视觉场景和媒介,同时保持清晰的一致性。应避免使用调色板的色调、透明色或不透明色。而应坚持使用指定的色调。
我们的主要调色板是创意的基础,应代表所有作品中最强烈的色调。
为灵活起见,3 种主要色板有不同的色调值可供选择。请勿着色或添加透明度,请按原样使用。
为了突出主调色板,我们还使用了一组电动调色板来传达动感,并吸引人们对特定区域的注意。强调色切忌大面积使用,在版面中所占比例不应超过 5%。
精心选择色彩及其背景对于塑造创意叙事、唤起情感以及确保各设计元素之间的视觉和谐至关重要。使用字体颜色创造舒适的阅读体验,使用颜色唤起行动。切勿将行动色用作标题。将蓝色用于动作和链接,避免用于静态字体。请务必查看可访问性指南,了解适当的字体对比度要求。
渐变增加了层次感,有助于表达构图中的层次。渐变色还可用于对排版区域进行色彩分级和阴影处理。使用渐变色可以将观众的视线引向内容的某个方向。
在制作渐变时,尽量保持微妙的效果,并以跳步的方式使用调色板,跳过一个色组中的一个色阶,以获得清晰的效果。混合色组可以为作品带来动态色彩。避免在作品中使用大面积的重色渐变。
要创建我们的电动效果,请使用以下指南,以确保不同体验的外观保持一致。
如下图所示,使用颜色组的色调来构建图标组。类似的技术也可用于其他插图形状,如线条或边框。辉光和聚光灯的大小和不透明度需要与图形或文字的大小相适应,以使效果细腻简洁。
对于字体,也可以使用相同的颜色组合,但要密切注意易读性。避免在大字体、粗体字或小字体上使用该技术。调整可选的聚光灯,使其与文本块相匹配。
所示规格为 Figma 规格。在我们的应用中,需要进行调整才能在视觉上与之匹配。
为确保尽可能多的客户获得一致的体验,我们始终希望尽可能保持无障碍。其中一种方法就是遵守 WCAG 2.1 关于文字对比度的指导原则。
下面是我们对 16 pt 字体可接受的文字色块颜色的全面测试。如果标记为 "注意",则表示仅符合 AA 级标准,只能用于大号或加粗文字。
我们的OPSWAT 蓝色是主要的 CTA 色调,放置在主要色块上时应特别注意。
在使用我们的状态和重音符号时,请格外注意无障碍使用。如果字体颜色和字体块显示在下方,则不建议使用。
在使用我们的紫光学院时,请格外注意无障碍环境。如果字体颜色和字体块显示在下方,则不建议使用。