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

“這段文字重要嗎？那么讓它更大一些吧。”

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

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

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

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

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

• 主要內容采用深色（諸如標題，但是不要用純黑）

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

• 輔助性內容采用淺灰色（比如頁腳中的版權聲明）

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

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

• 對于需要強調的文字采用較重的字重（ 600 到700，具體取決于字體）

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

創(chuàng)新互聯(lián),行業(yè)網(wǎng)站建設公司,14年專注企業(yè)網(wǎng)站一站式服務,已為眾多企業(yè)公司提供網(wǎng)站建設,網(wǎng)站設計,網(wǎng)站制作,手機網(wǎng)站開發(fā),模板建站等服務。高端定制網(wǎng)站建設領軍品牌--創(chuàng)新互聯(lián)值得信賴！

分享名稱：設計網(wǎng)站使用色彩和字重來創(chuàng)造層次結構
文章路徑：http://www.aaarwkj.com/news/79239.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供Google、搜索引擎優(yōu)化、品牌網(wǎng)站設計、移動網(wǎng)站建設、小程序開發(fā)、網(wǎng)站建設

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)