文字排版中的設計四原則（一）

四項基本設計原理，對比、重複、對齊、親密性被設計師普遍應用。它們在網頁設計中對文字的排版也常常用到。

 

1.對比

 

咱們將對比分爲三類，有標題和正文中的字體、字號對比，文字顏色的對比，以及文字顏色與背景顏色的對比。

 

標題與正文的對比

 

在下面網站案例頁面中，標題使用18px的微軟雅黑，正文使用12px的宋體，兩種字體和字號的對比讓文字內容富有層次，能吸引讀者眼球。

文字顏色對比

 

在下圖中，有一部分文字採用了與正文文字不一樣的另外一種顏色，這種對比是增長視覺效果的有效途徑之一，突出展現該段落的重點。

文字顏色與背景顏色的對比

 

這是一種經常使用的排版方式，正文與背景合適的顏色對比，不只能夠提升文字的清晰度，而且能夠產生強烈的視覺效果。

好比在下圖中，白色的背景、紅色的標題、黑色的正文這三者之間的對比，還有黑色背景與白色文字對比的應用，將文字內容清晰陪襯出來，既有豐富的層次感，同時具備很強的突出效果與視覺衝擊力。

不過設計師在使用對比時須要注意，要確保文字是清晰的，若是文字過小或比較纖細或色彩的對比度不夠的話，這樣會拔苗助長，舉個例子：

若是對色彩的對比度還不夠熟練的設計師，能夠經過顏色對比檢測工具（如Check My Colours、Colour Contrast Check）檢測色差和亮度差，確保網頁的易讀性。