網(wǎng)站設(shè)計(jì)中的文字排版技巧

排版不僅僅是選擇一個(gè)字體，字體大小和粗細(xì)。人們通常認(rèn)為你只需要選擇一個(gè)漂亮的字體，僅此而已。但是排版是大多數(shù)設(shè)計(jì)的重要組成部分。

作為一名印刷設(shè)計(jì)師，我很快學(xué)會了良好的排版技巧的重要性。設(shè)計(jì)軟件可以很容易地調(diào)整設(shè)計(jì)中與文本相關(guān)的所有內(nèi)容。但當(dāng)我轉(zhuǎn)行成為一名全職網(wǎng)頁設(shè)計(jì)師時(shí)，我對自己幾乎沒有設(shè)置字體的控制權(quán)感到震驚，但我決心讓自己堅(jiān)持同樣的設(shè)計(jì)標(biāo)準(zhǔn)。

下面是一些基本的排版元素，它們很容易實(shí)現(xiàn)，可以讓你的作品設(shè)計(jì)更上一層樓。

線的長度

幾乎所有的設(shè)計(jì)師，印刷和網(wǎng)絡(luò)，都同意擁有正確的行長度是好的排版的一個(gè)重要因素。當(dāng)一行文字太長時(shí)，讀者的眼睛很難從一行看到另一行。當(dāng)一行文字太短時(shí)，讀者的眼睛很快就會疲勞。為了獲得最佳的可讀性，行長度應(yīng)該在40-70個(gè)字符之間，包括空格。

領(lǐng)先的

前導(dǎo)是復(fù)制體中鉛字行之間的空格，引線一詞來自于當(dāng)文本是手機(jī)設(shè)備時(shí)，為了增加鉛字行間的垂直距離，鉛字行間會在鉛字行間放置細(xì)細(xì)的鉛條。正確的行間距可以使讀者更容易地理解該類型，并提高整體可讀性。一般的經(jīng)驗(yàn)法則是比字體大小大2pt-5pt。所以如果你的段落是16pt，行距應(yīng)該是18pt-21pt。

適當(dāng)?shù)臉?biāo)點(diǎn)符號

這是一個(gè)非常細(xì)微的細(xì)節(jié)，在web設(shè)計(jì)中經(jīng)常被忽略，但是如果正確地完成，則會對設(shè)計(jì)產(chǎn)生重大影響。對我來說，適當(dāng)?shù)臉?biāo)點(diǎn)符號包括懸掛式標(biāo)點(diǎn)符號和適當(dāng)?shù)钠普厶枴?/p>

懸掛標(biāo)點(diǎn)符號是指標(biāo)點(diǎn)符號，特別是引號，位于正文的主體之外。這樣標(biāo)點(diǎn)符號就不會打亂文章的節(jié)奏，提高可讀性。

Em破折號、En破折號和連字符是不同長度的破折號，每個(gè)破折號都有不同的用例。對于在設(shè)計(jì)中使用正確的破折號的重要性，有過不止一次的不同意見。很多人覺得果汁不值得擠，但我認(rèn)為這是一個(gè)小細(xì)節(jié)，不僅語法正確，而且顯示了對細(xì)節(jié)的關(guān)注。

Em破折號用于表示思想上的停頓，可以代替逗號、括號或冒號。En破折號顯示范圍，通常用于數(shù)字范圍，如日期和度量。連字符是用來連接單詞的。

每一個(gè)都有一個(gè)HTML代碼，可以很容易地放入標(biāo)記中，就像這樣，它將顯示正確的破折號。

孤兒和寡婦

寡婦是段落末尾的一行或一個(gè)單詞，孤兒是列的開頭或結(jié)尾的單詞或短行，與段落的其余部分分開。寡婦和孤兒創(chuàng)造了尷尬的破布，打斷了讀者的視線，影響可讀性。暫時(shí)還沒有找到一個(gè)簡單的方法來調(diào)整這些與CSS，但他們可以避免通過調(diào)整字體大小，前導(dǎo)，字母間距或輸入手動換行。