深色背景UI的好處
UI設(shè)計(jì)師的主要職責(zé)之一是把控產(chǎn)品的外觀和創(chuàng)意,最初的設(shè)計(jì)必須適合于產(chǎn)品的目的-它的用戶和整體情況。其中一個(gè)會(huì)產(chǎn)生持久影響的因素是配色方案,因此,需要非常仔細(xì)地選擇它。當(dāng)然,這一切都是從背景的選擇開始的,因?yàn)檫@是設(shè)計(jì)元素所在的原因。通常的選擇和一個(gè)幾乎是默認(rèn)完成的選擇是使用白色背景。
這是有原因的,對(duì)比度、可讀性、文本,以及使用更廣泛的附加顏色的能力,只是其中的幾個(gè)方面。然而,作為一個(gè)經(jīng)驗(yàn)豐富的UI/UX設(shè)計(jì)機(jī)構(gòu),我們素馬設(shè)計(jì)也喜歡探索其他選擇。在我們的創(chuàng)作生涯中,我們發(fā)現(xiàn)能夠在人群中脫穎而出,真的能讓你在同行中領(lǐng)先。
因此,我們想探討的主題是為您的背景使用深色,并為您的數(shù)字產(chǎn)品創(chuàng)建一個(gè)整體較暗的UI。
對(duì)深色的視覺感知
你必須明白的一件事是,整體構(gòu)成才是最重要的。換句話說,深色背景很容易和淺色背景一樣有效,甚至更有效。然而,所有其他方面,包括對(duì)比度以及布局元素的可讀性,都必須進(jìn)行適當(dāng)?shù)脑O(shè)計(jì)和測(cè)試。
如果你想要一個(gè)黑暗的UI,沒有什么能阻止你。沒有規(guī)則說你應(yīng)該堅(jiān)持使用淺色背景的一般感覺。然而,如果你選擇了黑暗的道路,你必須確保其他所有的事情都符合規(guī)則。
人們很容易就能感知到較深的顏色,它們通常對(duì)我們的眼睛更容易,而且不會(huì)給眼睛造成太大的壓力。這就是為什么它們通常用于夜間模式設(shè)置。
可讀性和需要考慮的事情
我們最近探索了2019年用戶界面設(shè)計(jì)的一些熱門趨勢(shì),作為其中的一部分,我們發(fā)現(xiàn)中立的界面和以內(nèi)容為中心的體驗(yàn)是特別實(shí)際的。
然而,作為一個(gè)額外的考慮,需要注意的是可讀性是需要記住的最重要和增量因素之一。
設(shè)計(jì)布局的可讀性遠(yuǎn)遠(yuǎn)超出了簡(jiǎn)單復(fù)制的限制,它意味著每一個(gè)符號(hào),包括圖標(biāo)、字母、數(shù)字,以及你能想到的一切,都應(yīng)該被正確地識(shí)別和容易地感知。
因此,如果使用暗UI界面,應(yīng)該仔細(xì)測(cè)試不同的字體、顏色和圖像。你應(yīng)該確保他們?cè)谖⒚畹耐瑫r(shí)足夠明確地脫穎而出。此外,您需要跨不同的設(shè)備進(jìn)行測(cè)試。
深色UI的好處
深色ui的好處有很多,它們包括:
風(fēng)格和優(yōu)雅
視覺吸引力
深度當(dāng)涉及到反射和內(nèi)容表示
使用對(duì)比的范圍更廣
豪華氣派的外觀
一個(gè)神秘的吸引力
要記住的要點(diǎn)
當(dāng)涉及到使用較暗的UI時(shí),您應(yīng)該記住以下幾點(diǎn):
深色的背景會(huì)吸收其他元素的部分光線,這就是為什么您應(yīng)該考慮在這些元素之間留出足夠的空間。黑暗并不意味著黑暗,因此,您可能需要考慮測(cè)試不同類型的深色背景和顏色,以適當(dāng)?shù)仫@示內(nèi)容。陰影、輝光和漸變一定會(huì)影響可讀性。
在字體方面,無襯線字體更易于閱讀,而襯線字體則更具優(yōu)雅的吸引力。明智地選擇,因?yàn)檫@將影響你的內(nèi)容的可讀性。行長度可以讓用戶更容易理解和閱讀您的副本。
情緒感知
最后一點(diǎn),我們想談?wù)勵(lì)伾谇楦猩鲜侨绾伪桓兄?。色彩心理學(xué)非常重要,尤其是當(dāng)你選擇背景的時(shí)候。記住,深色通常與權(quán)力、威望、正式和優(yōu)雅聯(lián)系在一起。這就是為什么大多數(shù)知名而強(qiáng)大的品牌傾向于使用簡(jiǎn)單的黑白配色方案來建立他們的視覺呈現(xiàn),其中黑色占主導(dǎo)地位,而光線則用來傳達(dá)信息和呈現(xiàn)。
最后
選擇整個(gè)UI調(diào)色板絕對(duì)是需要特別注意的事情,如果你需要幫助做出正確的選擇,不要猶豫與我們聯(lián)系。另一方面,如果你只是有一個(gè)問題,你需要討論,我們?cè)谶@里為你解答!
想了解更多網(wǎng)站技術(shù)的內(nèi)容,請(qǐng)?jiān)L問:網(wǎng)站技術(shù)