網(wǎng)頁設(shè)計(jì)師在網(wǎng)頁排版中應(yīng)注意的一些問題

    排版是一門藝術(shù)，也是一門技巧。我們每天都能在報(bào)紙，書籍等各種媒介上看到排版，或精美，或丑陋。如何能在準(zhǔn)確傳遞信息的同時(shí)，又能排出精美的版面，這是設(shè)計(jì)師們值得深思的問題，因?yàn)檫@關(guān)系到讀者的閱讀感受。本文以網(wǎng)頁排版為例，從幾個(gè)方面闡述了成功的設(shè)計(jì)在排版中應(yīng)該注意的問題和細(xì)節(jié)。

    大體上來說，排版是為了信息分享而重新將字體進(jìn)行排列的一門藝術(shù)和技巧。也就是說，排版是為傳遞信息而進(jìn)行的簡單排列組合，然而，好的排版非常注重視覺精度和細(xì)節(jié)，甚至是很小的細(xì)節(jié)都不容忽視。排版最早出現(xiàn)在書寫當(dāng)中，因此即便是最簡單的字母排列也可算一種排版。如今，印刷品，書籍，報(bào)紙，信件，電視，網(wǎng)絡(luò)等都會涉及到排版，簡直是無處不在。甚至連重要的網(wǎng)站在以前就開始關(guān)注排版了，并且在當(dāng)時(shí)嘗試用現(xiàn)成的資源盡可能提高排版水平。

網(wǎng)頁排版

網(wǎng)頁排版是近年興起的一個(gè)普通排版的分支概念。雖然，圖片也可以傳遞信息，但網(wǎng)站上的內(nèi)容大部分是由文字組成。這就是網(wǎng)絡(luò)排版如此受重視的原因。排版的重要性絲毫不亞于視覺層次，合適顏色的選取，網(wǎng)站功能以及其它特性。我們從來沒低估過網(wǎng)絡(luò)排版的重要性，也深知它在良好的用戶體驗(yàn)中所發(fā)揮的重要作用。

任何追求漂亮版面的人都知道，印刷排版跟網(wǎng)絡(luò)排版完全是兩碼事。盡管有些規(guī)則可能相同，但網(wǎng)頁設(shè)計(jì)所處環(huán)境完全不同，兩者都有自己一套必須遵守的規(guī)則和準(zhǔn)則。兩者的原理不同，不能同時(shí)存在，跨越這個(gè)界線可能會導(dǎo)致排版混亂。

層次結(jié)構(gòu)

盡管，你可能已經(jīng)熟悉了網(wǎng)頁設(shè)計(jì)的層次結(jié)構(gòu)，你可能也明白排版中也少不了它。層級結(jié)構(gòu)會給你一個(gè)閱讀顯示文本的起點(diǎn)。這點(diǎn)非常重要，因?yàn)檫@會幫助你準(zhǔn)確傳遞信息，同時(shí)保證讀者準(zhǔn)確理解。很多網(wǎng)站在這個(gè)問題上都做得很好，但是你還是應(yīng)該牢記在心，這樣你的網(wǎng)站就不會顯得太過時(shí)。

間距問題

盡管，很少遇到網(wǎng)站排版中出現(xiàn)層級結(jié)構(gòu)的問題，但相當(dāng)多的網(wǎng)站排版卻存在間距排列的問題。網(wǎng)站所有元素的間距都必須按照一定的條理進(jìn)行排列，因此你在處理間距必須遵循這些條理。你可能需要去了解以下的專用術(shù)語：行距大�。↙eading Size）、字偶間距（Kerning）和字間距（Tracking）。

行距大小是一種增加或減少文本行之間產(chǎn)生的空格的方法，你就知道到為什么減少行距有利讀者閱讀。字偶間距是調(diào)節(jié)字符間空格，使其達(dá)到更愉悅的視覺效果的過程。使用字間距同樣能達(dá)到字偶距調(diào)整的效果，兩者之間的唯一差別在于空格的產(chǎn)生，字間距是在每個(gè)字符間產(chǎn)生等量的空格，而字偶間距是調(diào)整的基于字符對所產(chǎn)生的空格。

顏色和調(diào)色板

排版中的顏色并不專指單一的文本顏色，通常是指網(wǎng)站用到的所有顏色。網(wǎng)站用到的圖片和顏色相當(dāng)于文本的“背景”，因此使用顏色時(shí)要謹(jǐn)慎。網(wǎng)站的元素要和排版顏色協(xié)調(diào)，不要讓文本顯得模糊不清。你也可嘗試較大尺寸的排版（又稱為宏觀排版）來達(dá)到更好的效果。簡單來說，宏觀排版就是使用更大的文本來吸引用戶。它的長度通常不能超過1到4個(gè)單詞，因此，保持文字的簡潔性和正確性就顯得格外很重要。在關(guān)鍵信息下，但是這并不是那么重要，因?yàn)檫@并不是你的網(wǎng)站的焦點(diǎn)，但大尺寸文字卻是。

網(wǎng)站宏觀排版示例

Purple Bunny

Matt Hall