來源:派臣科技|時間:2020-06-09|瀏覽:次
隨著黑暗模式設計的興起,在黑暗中進行嘗試也有了新的含義。這是過去幾年最受歡迎的功能之一,蘋果和谷歌都將黑色主題作為用戶界面的重要組成部分。但這是為什么呢?有什么好處?有什么陷阱嗎?這些都是在設計暗模式時需要考慮的首要問題……
為什么要使用暗模式呢?
我們幾乎一直在打電話。一般人每天花在手機上的時間超過4個小時,而且每年都會滾動珠穆朗瑪峰的高度。這些數(shù)據(jù)并不特別令人震驚,只要在大街上走一走,或者在公共交通工具上走一趟,你就會看到幾乎所有人都彎著脖子,目不轉(zhuǎn)睛地盯著屏幕。我們用手機做任何事情,從電話費到娛樂,這意味著我們隨時都需要它們。這就是黑暗模式可以幫助的地方…
一般人…每年都會爬上珠穆朗瑪峰的高度
它可以減輕眼睛疲勞
除了頸部疼痛和拇指輕微抽筋之外,頻繁使用手機也對我們的眼睛有害,據(jù)預測,三分之二的人會因過度使用手機而導致眼睛疲勞。暗模式可以幫助你解決這個問題,讓你在夜晚或清晨等光線較暗的時候更容易看清屏幕。它對眼睛更容易,造成更少的壓力,從長遠來看是更好的。
節(jié)約電池
暗模式也被發(fā)現(xiàn)可以延長電池壽命。根據(jù)PhoneBuff最近的一項測試,iPhone的電池續(xù)航能力可以達到30%。然而,這只有在用戶使用OLED屏幕時才成立。在這種情況下,黑色的像素點不顯示電量,而LCD對應的像素點無論顯示什么顏色,顯示的電量都是相同的。
你可以嘗試更多的設計
通過實現(xiàn)網(wǎng)站的暗模式,你可以嘗試不同的功能。這不僅僅是將白色轉(zhuǎn)化為黑色。你可以在顏色和外觀上比來比去,看看哪個更好看。這也可能意味著你在燈光網(wǎng)站的某些變化上受到了啟發(fā)。
閱讀網(wǎng)頁設計中可愛的5個原則
事情需要考慮
切換到黑暗模式并不是一個神奇的解決方案,也不是每個項目都適用。仔細考慮暗模式的使用是很重要的。
專注于你的內(nèi)容
暗模式更強調(diào)界面的內(nèi)容區(qū)域,允許某些內(nèi)容突出,而周圍的區(qū)域則更容易淡出背景。在設計暗模式時一定要記住這一點,并確保最重要的內(nèi)容具有很強的焦點。
在明暗模式下測試你的設計
我們已經(jīng)確定,你不能只是顛倒你的顏色,使網(wǎng)站在黑暗模式下工作。但是你也不能忘記在兩種模式下測試你的網(wǎng)站——畢竟,你不希望這兩個界面在美學上有太大的不同,以至于你不能分辨出它們是同一個網(wǎng)站,否則用戶會感到困惑。
找出你的調(diào)色板
確保您的默認調(diào)色板是由功能而不是由顏色定義的——不要害怕添加更好的新顏色。在暗模式下,你將使用一個前景色更亮,背景色更暗的調(diào)色板。找到一個柔和的配色方案,它工作得很好,沒有太多的顏色-最好保持簡單。如果你需要一個白色背景,確保它是一個稍微暗一點和柔和一點的白色,這樣可以防止背景在周圍的黑暗內(nèi)容中發(fā)光。最佳實踐建議在文本和背景之間使用至少15.8.1的對比度。
深色背景上的淺色文字會顯得更大膽……在深色模式下使用較輕的字體
別忘了課文
如果用戶將屏幕亮度調(diào)到最低,則需要確保文本仍然清晰可見。畢竟,您希望它是深色的,但仍然可以使用。檢查它是否有足夠的對比度和某些元素,意味著要區(qū)分彼此,是。確保原色和副色是分開的,并且容易分開。在深色背景上的淺色文字可能會比其他背景更醒目,所以你可能想要在深色模式下使用更輕的字體——試驗一下,看看哪種效果最好。
閱讀什么是最低限度的安全,你的網(wǎng)站需要?
確保用戶可以在常規(guī)模式和暗模式之間切換
一些公司采取的方法是,讓系統(tǒng)決定何時關閉和打開黑暗而常規(guī)的主題,在它認為最好的時候在兩者之間切換。這可能會讓用戶感到沮喪,讓他們不想再使用網(wǎng)站或程序。雖然它可能是為在特定時間的最佳使用而設計的,但是讓用戶自己做決定并進行控制。有些人可能更喜歡一直使用暗模式或亮模式,而不想切換;允許用戶根據(jù)自己的需要輕松地打開或關閉黑暗主題。使切換容易找到,否則用戶可能會感到沮喪并關閉網(wǎng)站。
確保目標受眾被牢記
在直接跳到重新構建一個新的暗模式界面之前,重要的是要考慮用戶是誰。如果他們是年輕時髦的用戶,白天和晚上都在使用手機,那么暗模式可能是個好主意,但是如果他們年齡更大,更傳統(tǒng),他們可能會更喜歡“紙質(zhì)”界面。做一些研究,弄清楚誰使用這個網(wǎng)站和什么目的。暗模式往往會降低可讀性,所以如果網(wǎng)站是一個博客或新聞,那么暗模式就不太可能做得很好。如果它有簡單的內(nèi)容,或者專注于圖像或視頻,暗黑模式就很好——Netflix就是最好的例子之一。
黑暗模式的陷阱
暗模式并不適用于所有網(wǎng)站
如果你正在設計的網(wǎng)站是一個文本或數(shù)據(jù)非常多的網(wǎng)站,或者包含了大量的元素,如文本、圖像、數(shù)據(jù)和下拉列表等,這對設計是一個挑戰(zhàn)。這樣做的主要原因是試圖保持足夠的對比,這對所有元素都適用。一般來說,所有的顏色(除了最淡的,很難看到)都適用于白色背景,而深色背景會大大減少你可以使用的數(shù)量。
黑暗模式并不總是更好的眼睛
雖然在光線較弱的情況下(比如當你要睡覺或起床時)使用常規(guī)模式會更好,但人們發(fā)現(xiàn)暗模式并不總能解決問題。在明亮的光線條件下,文字會被洗掉,這實際上增加了眼睛的疲勞。
閱讀瀑布圖來關注頁面速度
暗模式可能與現(xiàn)有品牌不符
由于事實上你需要一個更受限制的調(diào)色板和許多標志設計與白色背景在腦海中,黑暗模式可能不符合公司現(xiàn)有的品牌。當平臺有很多元素時,這是很有挑戰(zhàn)性的,并且站點在切換模式時可能看起來非常不一致。
暗模式使工作負載加倍
作為一名設計師,在不添加全新網(wǎng)站的情況下,在正常模式下設計網(wǎng)站已經(jīng)有很多事情要做。雖然核心元素是相同的,但它仍然需要重新制作和修改,以充分適應黑暗模式。這是作業(yè)的整個額外部分,可能沒有考慮到。