AI 驅動的網路攻擊:如何偵測、預防及抵禦智慧型威脅

立即閱讀
我們利用人工智慧進行網站翻譯,雖然我們力求準確性,但它們可能並不總是 100% 精確。感謝您的理解。

顏色

我們的調色板植根於我們的歷史,也是我們外觀的基礎。它可以用來展現大膽、自信的風采,或傳達清晰的專業知識。

我們的調色板是為了支援各式各樣的視覺場景和媒介而組織的,同時又能達到明確的一致性。應避免使用調色板的色調、透明色或不透明值。反之,應堅持使用指定的色調。


初級

我們的主要調色板建立了我們大部分的創意,並應代表任何作品中最強烈的色調。


色調

為了提高靈活性,3 種主要的調色板有不同的色調值。請勿著色或增加透明度,並依原色使用。

黑與白

中性色調

藍色調


重點

為了強調我們的主要調色板,我們還有一套電動調色板,用來傳達動態和吸引對特定區域的注意。重點顏色絕不應該作為大面積的顏色來使用,而且應該只佔版面的 5% 以下。

技術茶色

安全綠色

危險紅色

橙色警告

注意 黃色

教育紫


用法與背景

謹慎選擇顏色及其上下文對於塑造創意敘事、喚起情感以及確保設計元素之間的視覺和諧性至關重要。使用字體顏色來創造舒適的閱讀體驗,並使用顏色來喚起行動。切勿將行動色用作標題。將藍色用於動作和連結,避免用於靜態類型。請務必參閱可讀性指南,以瞭解適當的字型對比要求。

正文

圖形


漸層

漸層增加了深度感,有助於溝通構圖中的層次感。漸層也可以用來對排版區域進行顏色分級和陰影處理。使用漸層顏色來吸引觀眾的視線,讓觀眾的視線從某個方向穿過內容。

在建立漸層時,嘗試保持微妙的效果,並以跳步方式使用調色板,跳過顏色群中的一個顏色步驟,以獲得清晰度。混合色群可以為作品帶來動感的色彩。避免使用重點漸層作為作品上的大塊顏色。

色塊

正文


電氣

若要創造我們的電氣效果,請使用下列指引,以確保不同體驗的外觀一致。

使用顏色群組的色調,如下圖所示建立您的圖示群組。類似的技巧也可用於其他插圖形狀,例如線條或邊框。光暈和聚光燈的大小和不透明度需要隨著圖形或文字的大小而調整,使效果細膩而乾淨。

對於字體,可以使用相同的顏色組合,但要密切注意可觸及性。避免在大字體、粗體字或小字體上使用此技術。調整可選的聚光燈,使其符合文字區塊的形式。

所示規格為 Figma 的規格。在我們的應用程式中,需要進行調整才能在視覺上匹配。

公式

變化

類型


無障礙

初級

為了確保盡量多的客戶擁有一致的體驗,我們始終希望盡可能保持無障礙。其中一個方法就是遵守 WCAG 2.1 有關文字對比的指引。

以下您將看到我們的顏色與 16 pt 字型搭配使用的完整測試結果,以瞭解可接受的文字遮蔽顏色。如果標示為「注意」,表示僅符合 AA 級標準,只能用於大字體或粗體文字。

行動

我們的OPSWAT 藍色是我們主要的 CTA 色調,放置在主要色塊上方時應特別注意。

重點

使用我們的狀態和重音時,請格外注意無障礙使用。如果字體顏色和塊狀顯示在下方,則不建議使用。

學院

使用我們的紫光學院時,請格外注意無障礙環境。如果字體顏色和塊狀顯示如下,則不建議使用。