0917-3876090
0917-3876090
溝通在設計中扮演著(zhù)核心角色。通過(guò)網(wǎng)站與用戶(hù)之間建立清晰聯(lián)系，幫助用戶(hù)實(shí)現他們的目標至關(guān)重要。當我們談?wù)摼W(wǎng)頁(yè)設計中的溝通時(shí)，主要指的是文字。超過(guò)95%的網(wǎng)絡(luò )信息是以書(shū)面形式呈現的，因此排版在這個(gè)過(guò)程中起著(zhù)至關(guān)重要的作用。
好的排版能夠讓閱讀變得更加輕松，而差的排版則會(huì )讓用戶(hù)感到厭煩。正如Oliver Reichenstein在他的文章中所說(shuō)，優(yōu)化排版可以?xún)?yōu)化可讀性、可訪(fǎng)問(wèn)性、可用性以及整體圖形平衡。因此，排版在網(wǎng)頁(yè)設計中起著(zhù)至關(guān)重要的作用。
換句話(huà)說(shuō)，優(yōu)化排版也能夠改善用戶(hù)界面。在接下來(lái)的文章中，我將分享一組規則來(lái)幫助你提高文本內容的可讀性和易讀性。
1.盡量減少使用的字體數量
使用超過(guò)3種不同的字體會(huì )讓網(wǎng)站看起來(lái)沒(méi)有條理且缺乏專(zhuān)業(yè)性。要記住，同時(shí)使用過(guò)多的字體大小和樣式也會(huì )破壞布局。為了避免這種情況，請盡量將字體系列的數量控制在最低。
一般來(lái)說(shuō)，最好將字體系列數量限制在最低（兩個(gè)就足夠了，一個(gè)通常就足夠了），并在整個(gè)網(wǎng)站上堅持使用相同的字體系列。如果你確實(shí)使用了多種字體，請確保這些字體系列的字符寬度相互補充。
2.嘗試使用標準字體
使用字體嵌入服務(wù)（例如Google Web Fonts或Typekit）雖然可以為您的設計帶來(lái)許多有趣和新穎的字體，但這種方法存在一個(gè)嚴重的問(wèn)題。有趣的字體可能會(huì )分散用戶(hù)的注意力，使他們在閱讀文本時(shí)花費更多的時(shí)間去思考設計師使用的字體。
因此，除非您的網(wǎng)站需要使用自定義字體來(lái)實(shí)現品牌推廣目的或創(chuàng )建沉浸式體驗，否則最好堅持使用系統默認字體。請記住，好的排版應該將讀者的注意力集中在內容上，而不是字體本身。
3.限制線(xiàn)長(cháng)
文本的可讀性與其每行的字符數量有很大關(guān)系。決定文本寬度的應該是易讀性而不是設計。Baymard Institute提出過(guò)一項關(guān)于可讀性和行長(cháng)的建議：“如果你想獲得良好的閱讀體驗，每行應該有大約60個(gè)字符。每行有適當數量的字符是文本可讀性的關(guān)鍵。”
如果一行文本太短，讀者的眼睛需要經(jīng)常來(lái)回移動(dòng)，打斷了閱讀節奏。而如果一行文本太長(cháng)，讀者的眼睛很難集中精力在文本上。
對于移動(dòng)設備來(lái)說(shuō)，應該選擇每行30到40個(gè)字符的文本。以下是在移動(dòng)設備上查看的兩個(gè)網(wǎng)站的示例。第一個(gè)網(wǎng)站使用每行50到75個(gè)字符（這是打印和桌面設備的最佳每行字符數），而第二個(gè)網(wǎng)站使用最佳的30到40個(gè)字符。
在網(wǎng)頁(yè)設計中，可以通過(guò)使用em或像素來(lái)限制文本塊的寬度，從而確保每行的最佳字符數。
4.選擇適合各種尺寸的字體
用戶(hù)將通過(guò)具有不同屏幕尺寸和分辨率的設備訪(fǎng)問(wèn)您的網(wǎng)站。大多數用戶(hù)界面需要各種大小的文本元素（按鈕、字段標簽、部分標題等）。選擇適合多種尺寸和粗細的字體非常重要，以保持每種尺寸的可讀性和可用性。因此，您應當選擇在較小的屏幕上也能清晰易讀的字體，并盡量避免使用草書(shū)字體，以確保文本的可讀性。
5.使用可區分字母的字體
很多字體容易混淆相似的字母形狀，比如“i”和“L”。因此，在選擇字體時(shí)，務(wù)必在不同的背景下檢查字體，以確保它不會(huì )給用戶(hù)帶來(lái)困擾。
6.避免全部大寫(xiě)
雖然所有大寫(xiě)字母看起來(lái)很美觀(guān)，但在需要閱讀的情況下，使用全大寫(xiě)字母會(huì )降低閱讀速度。Miles Tinker在他的著(zhù)作《Legibility of Print》中提到，與小寫(xiě)字母相比，全大寫(xiě)字母的閱讀速度要慢得多。因此，在需要快速閱讀和理解文本的情況下，最好不要使用全大寫(xiě)字母。
7.不要最小化行間距
在排版中，兩行文本之間的間距被稱(chēng)為前導或行高。通過(guò)增加行距，可以增加文本行之間的垂直空白，通常會(huì )提高可讀性，但會(huì )占用更多屏幕空間。一般來(lái)說(shuō)，前導的高度應該是字符高度的30%左右，以獲得良好的可讀性。
正如Dmitry Fadeyev所指出的，正確使用段落之間的空白可以顯著(zhù)提高理解力。使用空白的技巧在于提供適量的內容量，然后剝離無(wú)關(guān)的細節，從而讓用戶(hù)更容易理解和吸收信息。
8.確保你有足夠的色彩對比
不要使用與背景相同或相似的顏色來(lái)呈現文本。選擇對比度更高的文本顏色有助于用戶(hù)更快地掃描和閱讀。根據W3C的建議，小文本與其背景的對比度應至少為4.5:1，而大文本（14 pt粗體/18 pt常規及以上）與其背景的對比度至少應為3:1。
一旦您選擇了文本顏色，最好在大多數設備上與真實(shí)用戶(hù)一起進(jìn)行測試。如果測試顯示閱讀您的文本時(shí)存在問(wèn)題，那么可以確定您的用戶(hù)也會(huì )遇到相同的問(wèn)題。
9.避免用紅色或綠色著(zhù)色文本
色盲是一種常見(jiàn)的問(wèn)題，特別是在男性中（8%的男性受其影響）。建議使用除了顏色之外的其他方式來(lái)區分重要信息。此外，應避免僅使用紅色和綠色來(lái)傳遞信息，因為這是最常見(jiàn)的色盲類(lèi)型。
10.避免使用閃爍文本
閃爍或頻繁閃爍的內容可能會(huì )導致易受影響的個(gè)體發(fā)生癲癇病發(fā)作，不僅會(huì )引發(fā)健康問(wèn)題，而且通常會(huì )干擾用戶(hù)，使他們感到煩惱或分心。因此，應該避免使用閃爍的文字。
排版是一項重要的工作。不恰當的排版選擇可能會(huì )分散用戶(hù)的注意力，影響他們的閱讀體驗。因此，確保排版的可讀性、可理解性和易讀性至關(guān)重要。排版的目的是為了突出內容，并以一種易于理解和使用的方式呈現出來(lái)，而不應該增加用戶(hù)的認知負擔。
