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