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

一.考慮用戶

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

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

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

二.易讀性

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

1.高度

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

2.計數(shù)器

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

3.寬度

較細的字體通常比較寬的字體更容易辨認。

4.寬比例

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

5.字母間距

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

三.可讀性

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

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

歷史告訴我們，襯線更容易辨認。他們在印刷中使用了很長一段時間，他們真的提高閱讀經(jīng)驗的大塊文本。襯線允許眼睛在文本上更容易地流動。

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

當(dāng)然這也取決于你的項目和用戶。例如，在媒體上，因為大部分時間你會讀很長的文本。有襯線這是一個很好的設(shè)計方法。

2.黃金比例高度

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

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

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

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

3.文本的間距

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

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

4.顏色

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

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

5.留白

這是一個重要的話題，有許多書籍和雜志，要涉及到排版時，都需要記住這一點：

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

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

6.層次分明

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

結(jié)論

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