在網(wǎng)頁設(shè)計(jì)中如何排版

一.考慮用戶

我們應(yīng)該記住，除了美學(xué)，我們還有用戶。

你需要使用的字體要靈活。你的字體應(yīng)該提供粗細(xì)不同的寬度。注意這些方面是很重要的，好的排版對(duì)讀者來說是“透明”的，但壞的就會(huì)讓人從顯示器上“尖叫”出來。

了解什么字體是讓人最易讀的，整體看起來最簡(jiǎn)潔大方的，我們就應(yīng)該選擇什么樣的字體來排版。

二.易讀性

易讀性是衡量在一個(gè)特定字體中區(qū)分一個(gè)字母和另一個(gè)字母的方式。它是微型字體，專注于字體、字母和細(xì)節(jié)。自然，這是最重要的因素之一。并非所有字體都是以可辨認(rèn)性作為主要設(shè)計(jì)功能而創(chuàng)建的。最常見的問題是沒有區(qū)分大寫字母L和小寫字母l。你需要避免這種字體，因?yàn)槿藗冊(cè)谛〉娘@示器上閱讀時(shí)會(huì)遇到問題。

1.高度

我們讀的95%的字母都是小寫字母。大寫字母和小寫字母之間的字母比例越大，字體越容易辨認(rèn)。

2.計(jì)數(shù)器

字母也需要有空間。例如，看“O”“U”“D”。這些空間被計(jì)數(shù)器和排版專業(yè)人士認(rèn)為，在計(jì)數(shù)器中能幫助我們更容易識(shí)別字母。

3.寬度

較細(xì)的字體通常比較寬的字體更容易辨認(rèn)。

4.寬比例

字母的寬度與其高度的關(guān)系稱為比例。 最佳筆劃寬度約為高度的18%。

5.字母間距

沒有計(jì)算字母間距的最終方法，但大多數(shù)時(shí)候，你所需要的字母間距越大，文本大小越大。字體將顯得過于開放，需要手動(dòng)調(diào)整間距。對(duì)于UI設(shè)計(jì)，它通常適用于頁眉。

三.可讀性

可讀性是關(guān)于整體閱讀的體驗(yàn)。我們?nèi)绾稳菀椎貟呙栉谋静季郑瑓^(qū)分標(biāo)題，副標(biāo)題，段落和塊。它的宏觀排版，是使文本更具視覺吸引力，以使其更令人鼓舞的閱讀。這是一種關(guān)于對(duì)比、色彩、大小、構(gòu)圖和小細(xì)節(jié)的藝術(shù)，可以給讀者帶來更好的閱讀體驗(yàn)。

1.有襯線字體與無襯線字體

歷史告訴我們，襯線更容易辨認(rèn)。他們?cè)谟∷⒅惺褂昧撕荛L(zhǎng)一段時(shí)間，他們真的提高閱讀經(jīng)驗(yàn)的大塊文本。襯線允許眼睛在文本上更容易地流動(dòng)。

但是這有幾個(gè)沒有襯線的設(shè)計(jì)是可讀的，當(dāng)前的視覺設(shè)計(jì)狀態(tài)更喜歡簡(jiǎn)單的字母表單。在網(wǎng)絡(luò)上，特別是在手機(jī)上，我們看到的是更多的沒有襯線的設(shè)計(jì)，這樣的設(shè)計(jì)使人看起來更簡(jiǎn)潔。

當(dāng)然這也取決于你的項(xiàng)目和用戶。例如，在媒體上，因?yàn)榇蟛糠謺r(shí)間你會(huì)讀很長(zhǎng)的文本。有襯線這是一個(gè)很好的設(shè)計(jì)方法。

2.黃金比例高度

可以使用黃金比例的高度。

把你的文字大小乘以1.618，你就能得到完美的線條高度。

小的計(jì)算，可以用--HTTP://JSBI.COM/TodiDu/1/*

如果你很有經(jīng)驗(yàn)，那么你可以手動(dòng)調(diào)整這個(gè)結(jié)果。當(dāng)然，這個(gè)規(guī)則也有例外，如果必要的話，你總是可以打破它。

3.文本的間距

太寬的文本間距會(huì)導(dǎo)致我們的眼睛很難找到下一行文本。如果間距太窄，眼睛就會(huì)容易從這行誤看成下行，經(jīng)常打破閱讀的節(jié)奏。

為了激勵(lì)讀者，讓他們參與，你的文本行應(yīng)該在50到75個(gè)字符之間。

4.顏色

給大家分享一個(gè)顏色的竅門，使用顏色時(shí)盡量不要使用純灰色或者純黑色的，當(dāng)然這也要取決于你的項(xiàng)目的需求。也可以在這選擇你喜歡的顏色：

它將比使用普通的#CCC更具吸引力和獨(dú)特性。讓你的視覺效果更好。

5.留白

這是一個(gè)重要的話題，有許多書籍和雜志，要涉及到排版時(shí)，都需要記住這一點(diǎn)：

留白的基本作用是減少文本訪問者一次看到的數(shù)量。

這使得我們的布局更具可掃描性，它不會(huì)使我們的內(nèi)容超載。留空間引導(dǎo)我們的眼睛通過布局，創(chuàng)造秩序，優(yōu)雅的感覺。

6.層次分明

層次結(jié)構(gòu)定義了讀者如何讀取內(nèi)容。它告訴我們?nèi)绾螀^(qū)分標(biāo)題和副標(biāo)題和正文。我們可以通過使用不同的對(duì)比度、文本大小、間距等來實(shí)現(xiàn)這一點(diǎn)。這是一個(gè)重要的技巧，需要掌握，以達(dá)到良好的可讀性。

結(jié)論

學(xué)習(xí)排版是一個(gè)重要的旅程，技能不是來自于閱讀中的文章，而是來自學(xué)習(xí)和實(shí)踐。所以需要你去多多的練習(xí)，去創(chuàng)造一些很棒的東西！