改善網(wǎng)頁設(shè)計排版八個簡單方法

  方法一：增加顏色對比
  在布局文本時，設(shè)計師通常會將文本視為視覺設(shè)計中的一個塊。設(shè)計師與文本的關(guān)系與用戶非常不同，設(shè)計者將文本定位為形狀，用戶逐行讀取。因此，設(shè)計師往往會低估文本所需的對比度。
  淺灰色文本在美學(xué)上很漂亮，但在功能上卻毫無用處。文本是用來閱讀的，需要在桌面上達到WCAG AA標(biāo)準(zhǔn)，在移動設(shè)備上達到WCAG AAA標(biāo)準(zhǔn)——或者在任何有許多環(huán)境光源的情況下。文字越大，你的回旋余地就越大。
  文本的對比度需要進行徹底的測試，但是首先，在白色背景下，18px的文本顏色不能比#595959淺。
  方法二：收緊標(biāo)題間距
  絕大多數(shù)的字體被設(shè)計成作為正文——大塊的、多行長的運行文本。當(dāng)字體被制作出來的時候，它的間距就是為了這個用途。
  不像行文，標(biāo)題往往很短，周圍有更多的空白。額外的空白在視覺上淹沒了單詞形狀的負(fù)空間，并迫使字母分開。
  為了彌補這一缺陷，將標(biāo)題的字母間距和單詞間距縮小1-5%。
  方法三：放寬非單詞間距
  當(dāng)我們閱讀時，我們的大腦并不是一個字母一個字母地把單詞拼出來，它可以識別單詞的形狀，甚至單詞組的形狀。
  大多數(shù)微排版都關(guān)心的是不破壞這些字的形狀。然而，有時確實想要阻止單詞的形成，而允許單獨的字符。
  放寬任何文本的字母間距，擬作為一系列字符讀取，如序列號、跟蹤代碼和表格數(shù)據(jù)。
  方法四：輸入時使用系統(tǒng)字體
  隱私對用戶來說是個大問題。作為一名設(shè)計師，所能做的任何保證用戶數(shù)據(jù)安全的事情都會增加你網(wǎng)站的正面用戶體驗。
  樣式你的HTML輸入使用系統(tǒng)字體-默認(rèn)字體設(shè)置的操作系統(tǒng)，你的用戶正在訪問的網(wǎng)站。這就清晰地劃分了品牌字體中的品牌數(shù)據(jù)和用戶字體中的用戶數(shù)據(jù)。
  以這種方式使用系統(tǒng)字體可以鼓勵用戶感覺到他們的數(shù)據(jù)的所有權(quán)，建立信任，并增加轉(zhuǎn)換。
  方法五：標(biāo)記段落
  文本的段落需要有一個視覺上的指示，表明它們已經(jīng)開始。通常有三種表達方式：緊跟標(biāo)題、在段落前留出垂直空格、或者第一行縮進。
  每個段落應(yīng)該使用其中一個指標(biāo)，而且只能使用一個指標(biāo)。由于網(wǎng)頁內(nèi)容的性質(zhì)和標(biāo)題對快速瀏覽內(nèi)容的好處，對于大多數(shù)網(wǎng)站來說，最好的選擇是遵循標(biāo)題和垂直間距的組合。
  方法六：使用正確的風(fēng)格
  由于各種各樣的原因，從可用字體到積極的優(yōu)化，站點使用CSS偽造替代樣式是很常見的。斜體可以通過傾斜來偽裝成斜體，粗體可以通過使用瀏覽器的默認(rèn)設(shè)置來偽裝，小大寫可以通過將文本設(shè)置為大寫并減少字體大小來偽裝。
  這些技巧弊大于利，創(chuàng)造出扭曲的文字形狀，打斷了文本的自然流動。
  如果你不能使用真正的斜體、粗體和小大寫，那么不要偽造它們。尋找其他方法來突出重點，比如改變顏色。
  方法七：使用正確的引號
  撇號、單引號和雙引號都是特定的字符。大多數(shù)字體都為它們提供了不同于鍵盤上快速單引號或雙引號鍵的符號。
  這些引號通常被稱為“智能”引號，因為文字處理應(yīng)用程序通?？梢赃x擇它們使用的符號是否“智能”。
  使用正確的引用是傳達一段精煉文本的最簡單方法之一。