首頁?>?知識?資訊?>?設(shè)計網(wǎng)站使用色彩和字重來創(chuàng)造層次結(jié)構(gòu)?>?正文

設(shè)計網(wǎng)站使用色彩和字重來創(chuàng)造層次結(jié)構(gòu)

2018/3/5 0:00:00 · 稿源:傳誠信

在對UI 文本進行樣式控制的時候,最常見的錯誤莫過于過度依賴字體大小差異來營造對比。

“這段文字重要嗎?那么讓它更大一些吧?!?/p>

“這段文字是比較次要嗎?那么讓它變小一點吧?!?/p>

單純使用字體大小對比,所營造的對比并不夠,嘗試結(jié)合色彩和字重來營造更好的對比效果。

“這段文字重要嗎?我們讓它色彩更加大膽一些吧?!?/p>

“這段文字是比較次要嗎?我們讓它的色彩更淺一些吧?!?/p>

如果可以的話,你甚至可以采用兩到三種顏色:

  • 主要內(nèi)容采用深色(諸如標(biāo)題,但是不要用純黑)

  • 次要內(nèi)容采用灰色(比如文章發(fā)表日期)

  • 輔助性內(nèi)容采用淺灰色(比如頁腳中的版權(quán)聲明)

類似的,在UI設(shè)計的時候,通常兩種不同的字重足以營造出優(yōu)秀的層次感:

  • 大多數(shù)的文本采用正常的字重( 400 到500,具體取決于字體)

  • 對于需要強調(diào)的文字采用較重的字重( 600 到700,具體取決于字體)

應(yīng)當(dāng)盡量不要讓正文部分字重低于400,因為這一部分字體字體本身尺寸已經(jīng)較小,低于 400 會使得可讀性不佳。如果你依然需要降低字重,那么不妨讓字體色彩更淺一點,或者替換成其他識別度較強、字重相對較小的字體。

北京傳誠信,行業(yè)領(lǐng)先網(wǎng)站建設(shè)公司,14年專注企業(yè)網(wǎng)站一站式服務(wù),已為眾多企業(yè)公司提供網(wǎng)站建設(shè),網(wǎng)站設(shè)計,網(wǎng)站制作,手機網(wǎng)站開發(fā),模板建站等服務(wù)。高端定制網(wǎng)站建設(shè)領(lǐng)軍品牌--傳誠信值得信賴!

  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務(wù)
咨詢熱線

010-62199213

24小時咨詢熱線

139-1050-5354