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