合理的網頁排版往往既能突出内容重點,又(yòu)能傳遞較爲全面的内容,在保證信息傳遞的過程中(zhōng)避免過重的閱讀負擔,提供極佳的視覺體(tǐ)驗以及内容的可讀性和可用性。而做好網頁排版需要我(wǒ)們合理設置文字的顔色、大(dà)小(xiǎo),讓圖片與文字更協調,導航圖标與文字恰當嵌入等。說到底,文字排版是重中(zhōng)之重,合理的網頁排版要求設計師融會貫通的使用文字排版。所以接下(xià)來小(xiǎo)飛就重點介紹一(yī)下(xià)文字排版中(zhōng)需要注意的一(yī)些元素: 1. 選擇合适的字體(tǐ)、字型 選擇合适的字體(tǐ)很重要,不同的字體(tǐ)往往代表着不一(yī)樣的性格,對網站的呈現也會産生(shēng)很大(dà)的影響,影響網站獨特形象的樹(shù)立。網站中(zhōng)也不要一(yī)次性使用過多的字體(tǐ)。如果你對于這些不太擅長,不用擔心,小(xiǎo)飛就是來提供幫助的。字體(tǐ)(typeface),字體(tǐ)就是文本的文字樣式,它是一(yī)個比較籠統的概念,比如宋體(tǐ)、黑體(tǐ)等;而字型(font)更加具體(tǐ),它是字體(tǐ)的一(yī)個子集。在網站中(zhōng),我(wǒ)們經常需要設置的就是字體(tǐ),包括它的大(dà)小(xiǎo)(字号)、字重(加粗、常規等)和字體(tǐ)樣式。5号加粗的微軟雅黑就是一(yī)種字型,小(xiǎo)四傾斜的華文宋體(tǐ)也是同理。有些人常常需要花幾個小(xiǎo)時、幾周或幾個月來挑選一(yī)款合适的字體(tǐ),但仍然不确定哪款最合适。小(xiǎo)飛将不同的字體(tǐ)分(fēn)成了4種類别,快來一(yī)起了解一(yī)下(xià)吧! 1.1.襯線字體(tǐ)(serif):是指在字的筆畫開(kāi)始、結束的地方有額外(wài)的裝飾,而且筆畫的粗細會有所不同。這種字體(tǐ)比較容易識别,因爲它強調了每個字母筆畫的開(kāi)始和結束,可讀性比較高,在長段落或者整文中(zhōng)比較适合使用。襯線字體(tǐ)的栗子包括Times,Cambiria等,而中(zhōng)文中(zhōng)最标準的襯線字體(tǐ)就是宋體(tǐ),襯線的特征非常明顯,字形結構也和手寫的楷書(shū)一(yī)緻。 1.2. 無襯線字體(tǐ)(sans serif):這種字體(tǐ)沒有那些額外(wài)的裝飾,而且筆畫的粗細都差不多。這種字體(tǐ)比較醒目,往往被用在标題、較短的文字段落。相對嚴肅正經的襯線字體(tǐ),無襯線字體(tǐ)更能給人一(yī)種輕松自在的感覺。現在人們也越來越趨向于使用無襯線字體(tǐ),可能是因爲它們看上更簡潔,更有極簡主義的風範。Verdana、Arial和雅黑字體(tǐ)都是常用的無襯線字體(tǐ)。 1.3.腳本字體(tǐ)(Script):腳本字體(tǐ)大(dà)多是裝飾性質的。因其美觀大(dà)方而受到不少設計師的歡迎,它們最常出現在婚禮請柬、證書(shū)等文件上。在網站中(zhōng)使用腳本字體(tǐ)可以增添獨特的藝術美感,不過在使用時記住盡量給它們留下(xià)足夠的空間、便于它們更好的發揮。 1.4.手寫字體(tǐ):顧名思義,手寫字體(tǐ)即是模拟人寫作的筆迹,它可以非常正式,也能十分(fēn)随意。這種字體(tǐ)可能最能代表公司網站别具一(yī)格的獨特魅力,展現個性化色彩。相對于其他字體(tǐ),它最大(dà)的優勢也在于這種字體(tǐ)有着其他類别都不具備的人的元素。 2. 調整行長和行距 行長,是指單行文字的長度。如果一(yī)行文字太長,訪客很難注意到該段落的起點和終點,閱讀起來比較困難;而一(yī)行文字過短,訪客在浏覽時需要不停的來回掃視,這也會破會閱讀的節奏。所以每一(yī)行文字的字數應該合理安排,提高網站的可讀性。中(zhōng)文在14号字體(tǐ)時,建議35—45個文字。 行距,顧名思義,行與行的間距。行距對網站的易讀性也有很大(dà)的影響。過寬的行距會讓内容失去(qù)延續性,而太窄的行距又(yòu)會易使訪客跳行、出現閱讀障礙。除此以外(wài),我(wǒ)們還可以通過調整行距展現獨特的版式效果,寬一(yī)點的行距更顯輕松、随意,寬窄行距并存也能增加網站内容的層次感。行距通常随字體(tǐ)的改變而變化,行間距稍稍大(dà)于字體(tǐ)的大(dà)小(xiǎo)(如果使用了10号字體(tǐ),,那麽默認的間距是12号)。這種默認的設置一(yī)般看上去(qù)很擁擠,你可以考慮增加間距提高可讀性,不過也要記住不能增加太多,把握适度原則。 3. 适當留白(bái) 大(dà)家感興趣可以去(qù)看一(yī)下(xià)。在排版中(zhōng),我(wǒ)們也要使用留白(bái),事實上前面的字間距、行間距、段間距都是留白(bái)的幾種表現形式。除了這些以外(wài),網站的不同區塊、圖片等之間也要留下(xià)充足的空間,讓訪客在獲取、加工(gōng)這些信息時更加容易。