每個人都是以新手的身份入行設計，沒有人天生就有很好的審美，它也必須像其他事物一樣得到訓練。

在創(chuàng)建實用、可訪問性良好且視覺效果頗為出彩的網(wǎng)頁設計界面的時候，我們大多只需要進行有限度的微調(diào)，即可達到頗為不錯的效果。下面跟大家分享一下這幾個文本排版的小技巧，幫你提升網(wǎng)頁設計效果。

1、留白應被視為最常見/實用的設計元素

不要把你的整個頁面都用信息給填滿，讓你的設計盡量更有呼吸感，而不會顯得擁擠。

留白其實和文本、圖片、配色一樣，應當視作為一個排版的元素，無論是在網(wǎng)頁設計中還是在 APP 的UI界面當中，它們都是一起協(xié)同來構成版面，傳遞信息，給用戶帶來更好的體驗。

而屏幕空間足夠充裕并不意味著你需要用信息填滿整個空間，使用留白合理地將信息劃分出優(yōu)先級，這一點在幾乎所有的設計里面都是通用的規(guī)則。

2、保持文本和圖像之間合適的對比度

在涉及到圖文混排或者圖文疊加的地方，前景的文本和背景的圖片之間的對比度控制也是一個常見的問題。尤其是在圖片的視覺信息比較多和混雜的時候，前景的文字很難確保整體的可讀性。

這個/時候，在文本和圖片之間添加一個深色半透明的疊加層，就能夠讓圖片和文本之間保持良好的對比度。

另外，這種設計還可以在更換圖片和文本情況下，合理地在深色和淺色之間切換，確保不同情況下的對比度。

3、控制好文本段落在垂直方向上的節(jié)奏感

文本內(nèi)容在垂直方向上其實也是有講究的，合理的節(jié)奏能夠讓標題、副標題、段落標題、文本之間的各自的歸屬關系、層級結構，呈現(xiàn)的更加清晰。

最常見的一種情況，所有的行間距和段間距都是一樣的，邊距和間距也都非常粗暴地完全一樣，這種排版設計之下，視覺上無法讓人清晰地了解到底標題和上下段落之間的歸屬關系。

其實這個時候，通常讓段落標題和上段正文段落之間的間距拉開，這樣能夠讓標題和下方段落之間有更加清晰的關系，保留更好的垂直節(jié)奏感。這種思路延伸開來，可以根據(jù)需求做的更細致，但是總體上，就是為了提供更好的視覺層次結構。

4、根據(jù)文本塊的大小靈活調(diào)節(jié)行高

在版式設計當中，如果想要保證體驗足夠優(yōu)秀，并非所有地行高都是完全一樣的。在處理不同大小文本塊的時候，最好根據(jù)不同段落本身地特征，來設置行高。（注意：行高通常指的上一行的字符底部到下一行的字符底部的距離）

對于大面積的文本，適當?shù)脑黾有懈?，能夠讓行之間的辨識度變得更高，但是段落本身比較緊湊短小的時候，比如只有三四行，行寬也不大，這個時候適當縮減行高，因為這樣不會帶來易讀性的問題。

5、文本內(nèi)容的配色盡量只調(diào)整色相和明暗

在項目允許的情況下，不要使用大量不同的文本顏色來區(qū)分信息的類型，因為這種方式會讓整體的體驗變得花哨且不協(xié)調(diào)。

在缺少嚴格設計系統(tǒng)和相對嚴謹?shù)那捌谘芯抗ぷ鞯那闆r下，臨時調(diào)整出來的色彩組合應用在不同功能的文本上，所呈現(xiàn)出來的效果通常會特別難看。

通常而言，為了讓設計不至于深陷反復調(diào)整文本配色怪圈當中，通常最好基于你的整個配色方案來進行設計，比如可以借用你的主色的色相，在保證對比度的情況下，讓不同的文本呈現(xiàn)出不同的明暗即可，這樣既保證了視覺上的統(tǒng)一，又差異性的處理，又不至于體驗上太差。