網頁設計

網頁設計中更好排版的4個技巧

在現代網頁設計中,排版問題通常僅限於決定使用哪種字體。

如果你正在設計一個房間,它就像是在使用什麼顏色的顏色,而不關心其他一切。也就是說,關於使用哪種字體的決定很重要,但是當涉及排版時,還有其他更精細的細節,通過比較可能看起來無關緊要,但加在一起實際上可以成就或破壞您的網站。

在排版領域,我們將這些更精細的細節稱為排版。如果字體指的是給定文本的視覺美學,則排版指的是該文本如何顯示的技術背景。如果我們正在建造房屋,排版將是建築師,設計房屋的方式,同時仍然包含可用性因素,而排版是土木工程師,確保房屋的基礎和結構。

 

排版和排版

你是否知道非洲仍然遭受極端貧困,即使這些年來世界已經湧入非洲的外國援助?這是因為即使進入21世紀,非洲仍然缺乏適當的基礎設施來支持這些援助的分配。對基礎設施的外國投資並不像食品和藥品捐贈那樣成為頭條新聞。

排版往往被忽視的原因。在印刷出版物的鼎盛時期,排版和出版過去是完全分開的。報紙和雜誌僱用的人員只負責排版,打印機合成器的排版。儘管大部分都是未經認證的,但合成者的工作至關重要,確保讀者在閱讀報紙常見的大塊小文本時沒有任何問題。

然而,隨著從印刷品向數字化的轉變,排版可能被認為是一種褪色的藝術。由於網頁設計現在主要是由平面設計師(一群往往不太考慮,如果有的話)進行文本合成的人處理,排版過程主要留給文字處理軟件。雖然排版的細節可能非常技術性,但您可以使用4個基本提示來優化讀者的體驗。

 

選擇合適的線長

關鍵在於在一行文本中平衡完美的字符數量。太短,讀者會來回切換,這會擾亂你寫作的自然流動。太長會使文本過於分散,這可能導致聚焦問題。對於桌面頁面,最佳長度大約在60-75分左右,而對於移動設備,它通常是一半,大約30-40個字符。

 

領導,字距調整和跟踪

在印刷排版領域,文本主體中的線之間的這個空間被稱為前導,而在網頁設計中,相同的主題被稱為行間距。另一方面,字距調整指的是單個字母之間的空格。跟踪類似於字距調整,但它決定了單個單詞中每個字母之間的空格。一旦為每個字母設置了正確的字距調整,就可以使用跟踪來基本上拉伸整個單詞,同時仍然保持每個字母的單獨字距。

這三個概念指的是我們如何管理文本之間和內部的詳細空間。線間距對於曾經使用過文字處理器的每個人都很熟悉,並且可以在這裡應用相同的考慮因素。最佳地,行間距應設置在130%左右,150%或1.5行是絕對最大值。

 

水平和垂直刻度

在典型的文檔設置中,每當我們想要放大文本的一部分時,我們只需將字體大小增加一兩點。雖然這種方法對於基本用途來說已經足夠好了,但有時候我們想改變或強調某個世界,而沒有那個詞比其他世界相形見絀。對於那些場合,我們修改文本的水平和垂直比例。

在外行人看來,水平和垂直縮放是指在不保持相同比例的情況下拉伸文本的做法。通過操縱水平和垂直刻度,文本可能會稍微變窄或變寬。過度使用,這種縮放練習可能導致嚴重失真的文本,但智能地使用,你可以修改某個文本的細節,但你認為合適。

 

有足夠的色彩對比度

這對於報紙來說從來都不是問題,因為文本專門用黑色和白色背景呈現。但是在網頁設計中,確保您的文字與背景相比更加突出非常重要。但請記住,對比度對人類感知事物的方式有微妙的影響。低對比度傾向於發出比高對比度更冷的氣氛。

對於對比率,萬維網聯盟(W3C)為Web管理員設定了指南。小文本或正文文本的對比度應至少為4.5:1,而大文本或標題文本的對比度應至少為3:1。

排版是一種吃力不討好的工作,人們往往不會讚美好的排版,但是糟糕的排版永遠不會讓他們失去注意力。採用這種方式,排版就是所謂的功能設計。良好的功能設計的標誌是它永遠不會引起對自身的關注。排版只是為了提供你的內容,以確保你的寫作中的辛勤工作能夠以它應該的方式被欣賞。