WordPress 大型網站建設,網站字型排版有什麼原則?溝通在設計中起着至關重要的作用
——它可以建立網站和多用户之間的聯絡,幫助多用户目標。當我們談論網頁設計的交流時,通常指文字的輸出。優化排版是優化介面可讀性、可訪問性、可用性和整體平衡的關鍵,換句話説,優化網站文字排版也是優化多用户介面的一種方式。 1. 儘量使用少的字型
使用三種以上不同的字型會使網站看起來缺乏結構性和不專業性,請注意,一次使用更多的字型風格可能會破壞所有佈局。 2. 嘗試使用標準字型
字型嵌入服務
(如 GoogleWeb 字型或 Typekit) 有很多有趣的字型,可以為您的設計提供創新、新鮮、意想不到的效果,使用起來也很方便。 3. 限制文字線長度
每行放置合適的字元數量是文字可讀性的關鍵,這不僅是您的設計,也是決定您文字寬度的可讀性問題。如果您想要一個好的閲讀體驗,您應該限制每行大約
60 個字元。每行有適當的字元數量是文字可讀性的關鍵。如果一行文字太短,眼睛要經常回轉,打破讀者的節奏。若一行文長,多用户的眼睛也難以長期集中在一行文字上。 4. 選擇各種尺寸的文字元素
多用户可以通過不同螢幕解析度的裝置訪問您的網站,大多數多用户介面需要不同大小的文字元素
(按鈕文字、欄位標籤、部分標題等) 。為了保持每個尺寸的可讀性和可用性,選擇一夠在多個尺寸和解析度螢幕上執行良好的字型是非常重要的。 5. 使用可區分字母的字型
很多字型容易混淆類似的字母形式,特別是
i 和 l(如下圖所示) 和差異的字母間隔,如 r 和 n 看起來像 m 。因此,在選擇您的型別時,請務必在不同的上下文中檢查您的型別,以確保您的多用户不會出現問題。 6. 避免所有字母大寫
所有大寫字母
——意思是所有大小寫字母——在不涉及閲讀的上下文中 (如第一個字母縮略詞或 logo),看起來非常漂亮整體,但當您的信息涉及閲讀時,不要強迫所有大寫字母。 7. 不要儘量減少線間距
在排版中,我們有兩行文字之間的間距
(或行高) 的特殊術語。通過增加行高,可以增加文字行間的垂直空白空間,通常可讀性可以改變螢幕空間。標題空間應為文字高度的 30%,有提高可讀性的基本規則。 8. 確保您有足夠的顏色對比度
文字和背景不應該使用相同或相似的顏色。文字越明顯,多用户就越能快速掃描和閲讀。 9. 避免將文字着色為紅色或綠色
色盲是一種常見的情況,尤其是在男性中
(8% 是彩盲),建議使用其他線索來區分重要資訊。此外,避免使用紅色和綠色單獨傳達資訊,因為紅色和綠色色盲是最常見的色盲形式。 10. 避免使用閃爍的文字
閃爍本身或閃爍的內容可能觸發敏感個體的神經發作,它不僅能引起神經牴觸,還能讓普通多用户討厭或分心。
文字排版是一個重要的設計範圍,做出正確的排版選擇可以讓您的網站看起來煥然一新。因此,文字排版的可讀性、可理解性和清晰度非常重要。文字排版突出了內容,不會增加多用户的認知負荷,提高了內容的可讀性。