雖然「暗黑模式」一詞在行動應用程式、遊戲和其他UI 平台上越來越受歡迎,但它在B2B 網站設計討論和要求中出現得更多。如果您想知道是否應該考慮在B2B 網頁設計中使用暗黑模式設計,以下是您應該首先考慮的事項。
首先,我們想區分一下「暗黑模式」和「暗黑設計」。從技術上講,它們並不相同,作為B2B 網頁設計和開發機構,我們想明確一點。
暗黑模式定義
暗黑模式是一種全域設置,使用者可以在自己的裝置(無論是電腦還是智慧型手機)上開啟或關閉。本質上,它使所有內容反轉顯示,以便整個瀏覽器或介面都採用深色主題。
例如,macOS 可讓您選擇「亮模式」、「暗模式」或「自動模式」。
您甚至會從設定面
在板中更改的範例中看到,當選擇“暗模式”時,文字和背景會被反轉。
MacOS 的燈光模式選擇
創建個人化訊息以增加與客戶的互動,並使 最新資料庫 用我們的產品來發展新客戶, 這對您來說非常好, 所以我認為您。
MacOS 的暗黑模式外觀
適合MacOS 的暗黑模 SMS API:優點、用途以及如何開始 式外觀。
專為暗模式設定設計的網站範例是:Mozilla
設計甚至包含一個可供使用者選擇亮模式或暗模式的開關。
Mozilla 網站
Mozilla 的暗模式 人工智慧資料庫 選擇器
深色設計定義
當考慮桌面和行動網頁設計時,深色設計是一種故意使用品牌顏色製作的深色調色板,而不僅僅是淺色設計的簡單反轉。
使用深色設計的網站的一個範例是Outcome Security。
B2B 網站設計中的深色設計
您會注意到,該網站沒有使用純黑色背景,而是使用了海軍藍和不同飽和度的紫色混合色。它確實包含具有白色背景的部分,以增加趣味性和多樣性。
深色主題網站的色彩飽和度
深色主題網站上的白色模組
B2B 網站的深色設計
為什麼公司希望在B2B 網站設計中使用暗黑模式
雖然網頁設計的暗黑模式並不是影響所有B2B 網站設計的主要趨勢,但它在某些領域確實更為常見,尤其是在技術和網路安全市場。
由於以下因素公司可能會選擇採用暗模式網站設計:
使用者和決策者的目標受眾主要在自己的所有裝置上使用暗黑模式。這適用於以網站或應用程式開發人員、IT 專業人員和網路安全專家為目標的公司。因此,根據造訪B2B 網站的使用者的偏好自訂體驗是有意義的。
在決定暗黑模式設計時,主要設備使用情況也是另一個主要因素。如果訪客主要透過行動裝置(佔流量的75% 以上)而不是桌上型電腦造訪網站,暗黑模式將提供無縫的使用者體驗。行動裝置上暗黑模式的採用程度也將取決於使用者使用的是Android 還是iOS 手機。
內容以文字為主、幾乎不含圖像或視覺效果的網站也適合採用暗黑模式。同樣,Mozilla 開發者網路是一個以文字為主、圖像極少的網站,非常適合將暗黑模式作為主要設計功能。
不適合採用深色模式優先設計的公司與上述所有因素相反。此外,如果擔心ADA 合規性或可訪問性,或者公司的目標受眾不是技術受眾,則無需採用深色模式優先設計。
暗黑模式對於B2B 網站設計的利與弊
對於每種類型的網站設計,都有優點和缺點需要考慮。權衡利弊可以幫助您確定暗黑模式是網站設計專案中必不可少的、可有可無的還是不必要的元素。
優點:
減輕眼睛疲勞是使用和實施作業系統和設計中的暗黑模式的主要好處之一。然而,眼部疲勞實際上只對日常工作中沒有視覺效果的人來說是一個因素——例如整天主要處理程式碼的開發人員和檢查系統日誌、驗證用戶資料和查看網路安全協議的網路安全專業人員。
行動裝置電池壽命是暗黑模式的另一個優點,因為它可以減少顯示器的電池消耗。然而,這涉及到OLED 與LCD 顯示器,如果使用者在您的網站上停留的時間不超過10 分鐘,那麼這並不是需要考慮的重要因素。
網站設計的深度和趣味性是暗黑模式的一個有趣優勢。暗黑模式設計帶來了許多酷炫的東西和強制性挑戰。然而,這些好處大部分來自“暗黑設計”,而不是“暗黑模式”的設計,後者往往更加扁平。
缺點:
可訪問性是越來越多B2B 網站設計的一個重要考慮因素。雖然讓網站外觀和功能良好並100% 符合ADA 標準非常耗時,但越來越多的網站正在盡其所能適應不同能力水平的訪客。例如,暗模式會對患有閱讀障礙和散光的使用者產生負面影響。