1. 程式人生 > >作為UI設計師,你要知道的那些事兒

作為UI設計師,你要知道的那些事兒

我們常用“白紙黑字”來表示一種顯而易見的事實,因為白色背景搭配黑色文字,可讀性是最佳的。許多UI設計師在選擇配色方案的時候,會更自覺地傾向淺色、明亮的背景和深色的文字。
不過,設計從來都不是一種囿於條條框框之中“循規蹈矩”的工作,許多 UI介面的設計並沒有一直遵循這種“白紙黑字”的規律。一方面,採用深色系的設計風格,只要確保對比度,本身的可用性和易用性並沒有太大的問題,另一方面,這樣的設計風格在美學上也有著得天獨厚的優勢,可使介面呈現出一種引人入勝的格調與獨一無二的品牌氣質。
在這裡插入圖片描述
深色系UI設計隨著數字產品的深度普及而被廣泛應用。選擇深色系的 UI設計,一定程度上是為了緩解我們使用數字產品所帶來的視覺疲勞。由於工作、生活、娛樂等方面的需求,現代人接觸數字內容的時間和頻率日漸增加。我們每天8小時看電腦,8小時之外還要看手機,螢幕和數字內容引發的計算機視覺症候,已經成為一種困擾人們的常見病。也不可避免地大幅增加。數字視覺疲勞如今已經被定性為一種常見病了,每天都會有大量的普通人受到這種病症的困擾,因為視覺疲勞所帶來的並不只是眼部的不適,還伴隨著頭疼和頸部疼痛,眼部的症狀則呈現為視力下降,視野模糊和灼傷感、刺痛感。
在這裡插入圖片描述


要真正進行深色系 UI 設計,要考慮的不僅是可讀性與對比度的問題,還需關注使用者和使用環境。
目前,長時間使用電腦的人群當中,資料猿們佔據了不小的比例,而他們也是深色系主題的最大使用者群體之一。因為需要長時間面對程式碼編輯器,不可避免面的會產生視覺疲勞。而黑色背景下檢視程式碼,亮度相對更低,高對比度下對不同色彩的程式碼更容易閱讀,再加上他們常常需要在光線暗淡的晚上加班,如果長時間盯著明晃晃的螢幕底色,會把他們閃瞎的。
絕大多數涉及娛樂相關的 UI介面,一般都更傾向使用深色系主題。相對昏暗的環境會使娛樂氛圍更加輕鬆,而深色的背景也可以讓視覺效果更加醒目,視覺層次更加豐富,以最小的干擾來幫助使用者集中注意力,使其獲得沉浸式體驗。
相對來說,深色系的UI 有更明確適用範圍和設計方向。
在這裡插入圖片描述

深色系UI 不適合展示大量的文字內容,相較於淺色系背景,大段的文字在深色系UI 下的閱讀體驗要差許多。只有更簡單的文字、更強的互動資訊、視效更突出的元素,才是深色系UI的絕配。為了整體的使用者體驗,必須確保對比度和可讀性。深色系的UI 中,可用的色彩本來就不多,空間利用率也相對沒那麼高,因此,如果資料量和內容類別太多的,也不宜使用深色系UI。設計師真正要做的工作並不是單純的更換配色,否則大量文字和多屬性強內容的介面,會因為深色系的主題而變成亂糟糟的一片。
需要強調的是,深色系的UI應該是在正確的決策流程之下作出的決策,有充分的理由而不是憑感覺判斷。這是一個很微妙的設計決策,需要深厚的功力和豐富的經驗支援。
一向追求極致品質的萬博思圖,在大量的定製式視覺化展示及企業官網設計專案經驗積累下,每每能夠將這個“微妙”的分寸,拿捏得恰到好處。
在這裡插入圖片描述