網頁設計過程中，我們經常會遇到，看起來差不多的排版設計，但有些網頁界面給人特別舒服、自然甚至高級的感受，這里面的差距往往有一些小細節決定的，譬如留白距離，字間行距，文本色彩對比，粗細字體的使用……這些細節看起來十分不起眼，似乎不能決定網站設計的風格走向，視覺定位，然后卻又決定了整體視覺的成敗。今天就來聊聊那些容易被我們忽視，又可以快速提升版面效果的設計細節。

一、邊緣留白
如果按照經典的方式來布局，那么盡量讓上方的留白更大，視覺上更加穩當，更具吸引力。



二、從屬關系的行間距
行距有助于從視覺上來判定元素的親疏關系。如標題和文本是一組，這一組和圖片、日期的距離應該稍遠一些，利于用戶感官上的分辨。



三、控制文本的色彩
要特別注意文本的色彩，控制好對比度，確保任何類型的顯示器上都可以清晰閱讀，創造良好的用戶體驗。



四、突出部分使用粗體
在需要強調突出顯示的文本部分，建議使用粗體。不要將粗體樣式應用到全部文本，這樣一來視覺過于厚重，而且無法突出重點信息。



五、注意文字行高
尤其在涉及到大量文本時，將行高拉高一些，可以確保整體版面的透氣性和可讀性，避免給用戶局促的感受。



六、文本的層級關系
確保層級最多不超過4個，控制他們整體的邏輯和一致性。不要同時使用相近又不同的文本尺寸，會讓用戶感到迷惑。



七、注意使用超細字體
除了裝飾性文本外，超細的字體要謹慎使用淺色，淺色超細字體會影響用戶閱讀。



八、粗體字的行間距
如果使用粗體字的文本，要額外拉開文字的字間距和行間距，提升可讀性。



九、主字體不要超過三種
控制主要字體的種類，可以使版面更加清晰有秩序。