對(duì)外界,很多設(shè)計(jì)邏輯,外人不知道;對(duì)內(nèi)部,很多設(shè)計(jì)邏輯,設(shè)計(jì)師來(lái)不及總結(jié)。
??從網(wǎng)站不同元素的關(guān)系而言,網(wǎng)站排版,可以分為“圖文的排版”“圖片的排版”“文字的排版”三類(lèi)。本篇,我們主要總結(jié)文字的排版。
??什么是文字排版?
??文字的排版指的是字體的視面。這是一種以一種清晰美觀(guān)的方式安排文本的理念。優(yōu)秀的文字排版,可以用來(lái)傳達(dá)某種情緒或加強(qiáng)信息。為此,我們可以使用不同的字體和字體樣式,以及調(diào)整大小、字母和單詞之間的間距等等。
??文字排版到底排什么?
??要了解網(wǎng)站的文字排版,我們必須知道一些術(shù)語(yǔ)。這些術(shù)語(yǔ)也是文字排版的變量。
??字體和字形。字體指的是某種字的樣式,如黑體字、宋體字,而字形指的是一個(gè)字體的形狀變化,例如加粗、斜體等。
??易讀。一段文字是否容易閱讀,就是易讀性。一段文字的易讀性與字間距、行間距、字體大小、背景色、字體顏色,都存在較大的關(guān)系。
??襯線(xiàn)和無(wú)襯線(xiàn)。襯線(xiàn)字體包括小的裝飾線(xiàn)或在字母筆畫(huà)的末端的“尾巴”,無(wú)襯線(xiàn)字體通常是由更簡(jiǎn)潔的線(xiàn)條組成,字母的頂端沒(méi)有任何修飾。
??層次感。層次感在排版中是必不可少的。它可以用來(lái)區(qū)分不同的內(nèi)容,幫助讀者立即理解哪些信息是最重要的。層次結(jié)構(gòu)可以使用大小(大或小)、寬度(厚或薄)和元素的位置來(lái)實(shí)現(xiàn)。例如,報(bào)紙文章的標(biāo)題通常比正文更大更突出,讓讀者通過(guò)瀏覽標(biāo)題就能了解文章的要點(diǎn)。
??留白。 在圖形元素之間添加適量的空間有助于避免混亂和確保清晰。在文本周?chē)由线吘嗷蚩瞻滓矔?huì)引起更多的注意,并有助于區(qū)分信息。
??對(duì)齊。排版對(duì)齊指的是頁(yè)面上文本位置。包括左對(duì)齊、右對(duì)齊、中間對(duì)齊等。
??第一,找到與品牌匹配的字體。
??不管是什么,找一種能表達(dá)你獨(dú)特個(gè)性的字體。為了為你的網(wǎng)站選擇最好的字體,首先收集一些你覺(jué)得合適的字體,然后在你更好地了解你需要的字體之后縮小字體范圍。
??第二,保證字體的一致性。
??當(dāng)你可以在同一個(gè)網(wǎng)站上合并兩到三種字體時(shí),在相同的上下文中使用相同的字體。例如,如果一個(gè)頁(yè)面的標(biāo)題是宋體的粗體寫(xiě)的,那么確保其他標(biāo)題也是一樣的。
??第三,使其易讀。
??使得網(wǎng)站選擇的字體,在各類(lèi)設(shè)備中都是容易閱讀的。例如,如果你選擇的字體在PC機(jī)上是容易閱讀,也要確保其在手機(jī)上也容易閱讀。
??第四,字體限制在兩三種之內(nèi)。
??一個(gè)由多種字體組成的網(wǎng)站可能會(huì)顯得混亂和不連貫。相反,選擇不超過(guò)兩到三種字體,并在每一頁(yè)中始終使用它們。
??第五,學(xué)會(huì)進(jìn)行搭配。
??在為你的網(wǎng)站尋找最佳的字體搭配時(shí),把你的品牌身份放在你決策的最重要位置。記住標(biāo)題用什么字體,長(zhǎng)文本用什么字體。后者應(yīng)該是特別干凈和容易閱讀,選擇一個(gè)字體真正地表達(dá)你的品牌。