1、嘗試結(jié)合色彩和字重來(lái)營(yíng)造更好的對(duì)比效果。色彩方面，主要內(nèi)容采用深色，次要內(nèi)容采用灰色，輔助性內(nèi)容采用淺灰色。字重方面，大多數(shù)的文本采用正常的字重，對(duì)于需要強(qiáng)調(diào)的文字采用較重的字重。

2、選擇一種基礎(chǔ)色，然后調(diào)整色調(diào)和顏色深淺來(lái)增加均衡。

3、使用微妙的垂直偏移陰影，其效果更明顯、更自然。

1、使用色彩和字重來(lái)創(chuàng)造層次結(jié)構(gòu)

嘗試結(jié)合色彩和字重來(lái)營(yíng)造更好的對(duì)比效果。如果可以的話，你甚至可以采用兩到三種顏色：主要內(nèi)容采用深色（諸如標(biāo)題，但是不要用純黑），次要內(nèi)容采用灰色（比如文章發(fā)表日期），輔助性內(nèi)容采用淺灰色（比如頁(yè)腳中的版權(quán)聲明）。類似的，在UI設(shè)計(jì)的時(shí)候，通常兩種不同的字重足以營(yíng)造出優(yōu)秀的層次感：大多數(shù)的文本采用正常的字重（400到500，具體取決于字體），對(duì)于需要強(qiáng)調(diào)的文字采用較重的字重（600到700，具體取決于字體）。

2、統(tǒng)一色調(diào)

選擇一種基礎(chǔ)色，再調(diào)整色調(diào)和顏色深淺來(lái)增加均衡；設(shè)計(jì)時(shí)避免用過(guò)多的顏色。如果項(xiàng)目允許，只需使用固定的色板，通過(guò)調(diào)整基礎(chǔ)色的飽和度和明度，利用這種簡(jiǎn)單的方式為設(shè)計(jì)增加一致性。

3、干凈陰影

陰影是UI設(shè)計(jì)中最常見(jiàn)的視覺(jué)表現(xiàn)手法，它可以增加元素的深度，使其從背景中脫穎而出，引起用戶的注意力，同時(shí)也能增強(qiáng)畫面的視覺(jué)層次感。相比于采用大范圍的擴(kuò)散模糊陰影，使用微妙的垂直偏移陰影效果更明顯，更自然，它模擬了最常見(jiàn)的光源特征，光線從上往下照下來(lái)所營(yíng)造的陰影效果。

二、UI設(shè)計(jì)里面應(yīng)該怎么設(shè)計(jì)標(biāo)題

1、突出標(biāo)題對(duì)比度

（1）大多數(shù)復(fù)雜一些的UI界面都會(huì)包括H1、H2、H3等各種級(jí)別的標(biāo)題，設(shè)計(jì)師需要做的是在標(biāo)題上建立明確的層級(jí)關(guān)系，通過(guò)標(biāo)題的主次關(guān)系使用戶清楚主題。

（2）可以通過(guò)增加標(biāo)題間的對(duì)比，提升標(biāo)題的可讀性和識(shí)別度。比如字號(hào)的大小/粗細(xì)的對(duì)比度，有利于讀者更快地理解每段文字的重要性。

2、調(diào)整標(biāo)題的字間距

（1）適當(dāng)?shù)臏p小標(biāo)題的行高可以壓縮標(biāo)題縱向空間，使整體畫面更平衡。

（2）除了行高之外，標(biāo)題的字間距可以起到控制畫面平衡的作用，用來(lái)控制標(biāo)題的橫向空間。

（3）適當(dāng)縮小字間距會(huì)讓標(biāo)題看起來(lái)更像一個(gè)整體，增強(qiáng)閱讀的快捷性。

3、防止過(guò)度設(shè)計(jì)標(biāo)題

（1）過(guò)于復(fù)雜的字體變化會(huì)讓閱讀變得困難復(fù)雜，同一個(gè)頁(yè)面上使用的字體種類不要超過(guò)3種，包含字體的樣式和顏色等。

（2）主標(biāo)題和副標(biāo)題之間構(gòu)建清晰的層次結(jié)構(gòu)，做到既不會(huì)破壞文字的節(jié)奏，還能讓用戶有清晰的認(rèn)知。

（3）對(duì)于多段文本，需要考慮到標(biāo)題和段落之間的對(duì)比，確保內(nèi)容與標(biāo)題一樣易于閱讀。