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