排版不僅僅是選擇一個(gè)字體，字體大小和粗細(xì)。人們通常認(rèn)為你只需要選擇一個(gè)漂亮的字體，僅此而已。但是排版是大多數(shù)設(shè)計(jì)的重要組成部分。
作為一名印刷設(shè)計(jì)師，我很快學(xué)會(huì)了良好的排版技巧的重要性。設(shè)計(jì)軟件可以很容易地調(diào)整設(shè)計(jì)中與文本相關(guān)的所有內(nèi)容。但當(dāng)我轉(zhuǎn)行成為一名全職網(wǎng)頁(yè)設(shè)計(jì)師時(shí)，我對(duì)自己幾乎沒(méi)有設(shè)置字體的控制權(quán)感到震驚，但我決心讓自己堅(jiān)持同樣的設(shè)計(jì)標(biāo)準(zhǔn)。
下面是一些基本的排版元素，它們很容易實(shí)現(xiàn)，可以讓你的作品設(shè)計(jì)更上一層樓。
線的長(zhǎng)度
幾乎所有的設(shè)計(jì)師，印刷和網(wǎng)絡(luò)，都同意擁有正確的行長(zhǎng)度是好的排版的一個(gè)重要因素。當(dāng)一行文字太長(zhǎng)時(shí)，讀者的眼睛很難從一行看到另一行。當(dāng)一行文字太短時(shí)，讀者的眼睛很快就會(huì)疲勞。為了獲得最佳的可讀性，行長(zhǎng)度應(yīng)該在40-70個(gè)字符之間，包括空格。
領(lǐng)先的
前導(dǎo)是復(fù)制體中鉛字行之間的空格，引線一詞來(lái)自于當(dāng)文本是手機(jī)設(shè)備時(shí)，為了增加鉛字行間的垂直距離，鉛字行間會(huì)在鉛字行間放置細(xì)細(xì)的鉛條。正確的行間距可以使讀者更容易地理解該類型，并提高整體可讀性。一般的經(jīng)驗(yàn)法則是比字體大小大2pt-5pt。所以如果你的段落是16pt，行距應(yīng)該是18pt-21pt。
適當(dāng)?shù)臉?biāo)點(diǎn)符號(hào)
這是一個(gè)非常細(xì)微的細(xì)節(jié)，在web設(shè)計(jì)中經(jīng)常被忽略，但是如果正確地完成，則會(huì)對(duì)設(shè)計(jì)產(chǎn)生重大影響。對(duì)我來(lái)說(shuō)，適當(dāng)?shù)臉?biāo)點(diǎn)符號(hào)包括懸掛式標(biāo)點(diǎn)符號(hào)和適當(dāng)?shù)钠普厶?hào)。
懸掛標(biāo)點(diǎn)符號(hào)是指標(biāo)點(diǎn)符號(hào)，特別是引號(hào)，位于正文的主體之外。這樣標(biāo)點(diǎn)符號(hào)就不會(huì)打亂文章的節(jié)奏，提高可讀性。
Em破折號(hào)、En破折號(hào)和連字符是不同長(zhǎng)度的破折號(hào)，每個(gè)破折號(hào)都有不同的用例。對(duì)于在設(shè)計(jì)中使用正確的破折號(hào)的重要性，有過(guò)不止一次的不同意見(jiàn)。很多人覺(jué)得果汁不值得擠，但我認(rèn)為這是一個(gè)小細(xì)節(jié)，不僅語(yǔ)法正確，而且顯示了對(duì)細(xì)節(jié)的關(guān)注。
Em破折號(hào)用于表示思想上的停頓，可以代替逗號(hào)、括號(hào)或冒號(hào)。En破折號(hào)顯示范圍，通常用于數(shù)字范圍，如日期和度量。連字符是用來(lái)連接單詞的。
每一個(gè)都有一個(gè)HTML代碼，可以很容易地放入標(biāo)記中，就像這樣，它將顯示正確的破折號(hào)。
孤兒和寡婦
寡婦是段落末尾的一行或一個(gè)單詞，孤兒是列的開(kāi)頭或結(jié)尾的單詞或短行，與段落的其余部分分開(kāi)。寡婦和孤兒創(chuàng)造了尷尬的破布，打斷了讀者的視線，影響可讀性。暫時(shí)還沒(méi)有找到一個(gè)簡(jiǎn)單的方法來(lái)調(diào)整這些與CSS，但他們可以避免通過(guò)調(diào)整字體大小，前導(dǎo)，字母間距或輸入手動(dòng)換行。