日本a优视频_日韩福利片_美女如厕bbb毛片免费视频_av网站不卡_91精品啪在线观看国产日本_天天天干夜夜夜操

習(xí)慣了淺色界面的設(shè)計？本文將帶你了解深色界面的設(shè)計，聊聊深色界面下的設(shè)計細(xì)節(jié)，使你設(shè)計的深色界面在普遍的淺色系界面下脫穎而出，展現(xiàn)個性。

這也是這次主題的由來，關(guān)于深色界面的設(shè)計，深色界面它有著明顯的優(yōu)缺點，不太普適，設(shè)計合理能彰顯高端、優(yōu)雅、奢華的氛圍。相反，它又可能毀掉頁面中你所有精心設(shè)計的 UI ，甚至影響使用效率，體驗上大打折扣。

以下是我在設(shè)計網(wǎng)易郵箱大師 Mac 版 Dark模式時，整理的一些視覺上需要注意的小細(xì)節(jié)，希望對大家在設(shè)計深色相關(guān)的界面時有所幫助。

文字顏色
在深色界面下，文字顏色盡量不要使用純白。對于黑底白字的形式，白色文字更加容易吸睛，視覺刺激更加強烈，但強烈的同時會帶來視覺疲勞，造成不適的閱讀體驗，甚至極端情況下的對比會使白色產(chǎn)生眩光，不利于文字的識別。

文字間距
大多數(shù)研究表明，在可讀性方面深色界面相比淺色界面略差，所以適當(dāng)?shù)脑黾游淖值亩温溟g距，行高等，是在深色界面下增強文字可讀性的重要途徑。

文字字體
在深色界面下，無襯線字體相比襯線字體可讀性更強，但是襯線字體相比無襯線字體在深色界面下更顯優(yōu)雅，前提是字體需要放大，留足空白。

圖標(biāo)形狀
我們應(yīng)該仔細(xì)地觀察圖標(biāo)，做出藝術(shù)性的反轉(zhuǎn)，讓它在淺色和深色界面下都能很好的傳達(dá)表意。例如下圖的笑臉圖標(biāo)，一般在深色界面下做法可能就只換了顏色。

初看似乎沒有什么大的問題，但是仔細(xì)觀察就會發(fā)現(xiàn)，淺色界面下使用邊框形式來設(shè)計圖標(biāo)，中間是空白的，這樣做是因為可以利用白色背景來更好展現(xiàn)它的形狀。但是，如果把它同樣放在深色界面下，它的形狀感和體積感好像都消失了，變得有點奇怪，此時我們要反轉(zhuǎn)下，強化它的形狀和體積。

按鈕狀態(tài)
按鈕的點擊狀態(tài)，如果在淺色界面下，一般的做法是加深按鈕背景。但是在深色界面下面也采用這種方式，就會發(fā)現(xiàn)點擊狀態(tài)下的按鈕顏色跟背景更加接近，模糊了按鈕的邊界和輪廓。

分割線
分割線也是我們設(shè)計中常用到的元素之一，用來創(chuàng)建內(nèi)容間的視覺分割。然而，在深色界面下如果只是簡單的反轉(zhuǎn)，黑底上用白線來做視覺分割，效果并不是那么理想。

那如果我們都用黑線來做分割，這樣又會覺得比較悶，不夠精致。

所以我覺得用于不同區(qū)域之間的分割，可以用黑線，同一區(qū)域之間的區(qū)分可以是比較弱的白線，這樣顯得畫面更加細(xì)膩，而且語意明確，認(rèn)知簡單。

色彩
相比淺色界面，深色界面下色彩應(yīng)該更亮，更飽和些。舉個例子，看下圖郵件列表的焦點色，相同的藍(lán)色在深色界面下顯得有點泛白。優(yōu)化后，藍(lán)色更純正，跟深色界面也更加匹配。

色彩傾向
在深色背景中加入有彩色點綴，可以是品牌色或者其他顏色，這會使設(shè)計顯得更加優(yōu)雅、高級。

色彩感知
從色彩心理學(xué)上來說黑色會傳遞出高端、正式、名望、權(quán)力的感覺，這也是為什么許多大品牌會圍繞黑色來做視覺設(shè)計，并且使用黑白來做主要的配色方案。

黑色
自然界中沒有百分百的黑色，我們?nèi)粘Ｉ钪锌吹胶谏鋵嵤巧罨疑?，如果設(shè)計中使用了純黑色，會顯得不自然。因為純黑色可以壓倒一切，蓋過一切其他元素。

視覺層次
在深色界面下更應(yīng)該注重視覺層次，每個版塊之間的對比要清晰明了，層次分明，否則用戶會很容易在布局間迷失，造成不好的體驗。

留白
深色界面給人沉重的感覺，擁擠的布局會加重這種感受，所以在深色界面下我們更應(yīng)該使用留白，或者說是「留黑」，這樣才能平衡布局，使元素更清晰的呈遞，從而吸引用戶注意。

結(jié)語

以上這些就是我在設(shè)計深色界面時，對一些小細(xì)節(jié)的梳理。其中有幾點在淺色界面下也同樣適用，只是在設(shè)計深色界面時更應(yīng)該把握好那個「度」，來彌補深色界面的缺點，揚長避短，使深色界面在普遍的淺色系界面下脫穎而出，展現(xiàn)個性。