15 個實用方法：提高內容的可掃描性和閱讀性
良好的字體排版可以建立視覺上的突出性，並強調關鍵資訊。
甚麼方法可提高可掃描性？
1. 視覺層次（Visual Hierarchy）
2. 關鍵字標示：字體變粗，不同顏色
3. 以用戶關注的『好處』作為標題
4. 項目符號列表
5. 每段一個想法：如果段落開頭的幾個字沒有吸引用戶，他們會跳過其他想法
6. 倒金字塔寫作風格，從結論開始
7. 加入圖片或圖標
8. 使用動態圖片或影片（短）
9. 調節字重（Font Weight）突出重要內容
RE: 1. 視覺層次（Visual Hierarchy）
視覺層次是設計中用來引導使用者視線和注意力的排列方式，目的是讓使用者按照設計者希望的順序去瀏覽內容。
透過視覺層次，重要的元素會被強調，而次要的元素則會被適當地弱化。
視覺層次的常見做法包括：
大小對比：較大的元素通常會比小的元素更容易引起注意。
顏色和對比：鮮豔的顏色或高對比度的元素會比暗淡的顏色更突出。
字體樣式：粗體、字體大小變化、字型選擇都能引導使用者的視線。
位置：置於頁面上方或中央的元素通常會比角落的元素更受關注。
透過這些方法，設計者可以有效地引導使用者重點瀏覽重要的資訊，提升使用者的理解與互動體驗。
透過視覺層次，重要的元素會被強調，而次要的元素則會被適當地弱化：
使用字體粗細、大小、行距和顏色的組合來定義視覺層次和版面佈置。
RE：7. 加入圖片或圖標：
加入圖標有效地幫助用戶快速掃視
RE：9. 調節字體粗細（Font Weight）突出重要內容
除了調節字體大小，還可以通過字體粗細來創建視覺層次。
字體粗細通常以數字量表來衡量，範圍從 100（超細）到 900（超粗）。然而，一些字體可能有不同的粗細分類，例如「light」（輕細）、「regular」（正常）、「medium」（中等）、「semi-bold」（半粗）和「black」（黑體）。
總的來說，需要綜合多個幾種方法，才能達到一定程度的可掃描性，其中文字排版（Typography）擔當了重要的角色：
使用混合方法：
1️⃣ 顏色深淺：以深色突顯你想用戶先掃描的重點
2️⃣ 粗細體：突出你想用戶先掃描的重點
3️⃣ 分段、列表、行距：讓用戶眼睛容易掃瞄
4️⃣ 減少 Font Style 數目：避免過多不同字體大小
使用混合方法：單靠顏色並不足夠，要混合配合顏色和粗細對比，提升視覺層次
甚麼方法可提高可閱讀性？
10. 選擇合適字體，並只選 1-2 種
11. 調節適當行距（Line Height）
12. 縮短字段長度（Line Width）
13. 使用簡單直白的詞彙：越短越好。避免花俏的詞語和自創的術語。
14. 使用簡短的句子：避免複雜的句子結構，特別是帶有許多從屬子句和連詞的複合句，這會增加用戶短期記憶的負擔，而這正是記憶的弱點。
15. 主要使用主動語態來撰寫。
Re：10. 選擇合適字體，並只選 1-2 種
選擇合適的字體對於你的設計至關重要。
考慮因素：
想傳遞的感覺：這個字體是否適合你的產品特質？品牌定位是甚麼，想給用戶甚麼感覺？例如，財務應用可能需要正式的字體，而兒童遊戲則可能適合活潑的字體。
品牌化：為了選擇與公司品牌一致且適合數位環境的字體，請考慮品牌識別，包括：
理解品牌個性：選擇能反映品牌特性的字體。例如，科技品牌可能會選擇現代的幾何無襯線字體（San Serif），而奢侈品牌可能更喜歡優雅的襯線字體（Serif）來傳達精緻感。
一致性：將字體選擇限制在一至兩個字體系列內，以保持設計的一致性。
個人來說，我通常只選擇一種字體，特別是在移動應用中，這樣有助於提高可用性和設計系統的擴展性。
Vestiaire 的手機應用程式：即使是奢侈品牌，通常他們的數位產品也只會以襯線字體（Serif）作為標題，而因為考慮到閱讀性的原因，內文大多數都是用無襯線字體（San Serif）。
無襯線字體（San Serif）vs 用襯線字體（Serif）
有一項研究想找出一件有趣的假設：
到底在較大的字體中使用襯線字體，會否有閱讀性差別？
結果顯示：
對於大多數人來說幾乎沒有區別
但對於有閱讀困難的人：例如老人、視力不佳或患有閱讀障礙的人：無襯線字體更為合適。
Webflow 的一則文章則指出：
襯線字體通常用於印刷材料，如書籍、報紙和雜誌，因為襯線有助於引導讀者的視線。
但在某些網頁設計方面，襯線字體並不總是最佳選擇。
如果要在網站上使用襯線字體，而是要注意字體的擺放、大小、字距和行距等細節，以確保用戶的可讀性。
像 One Medical、Spindrift、Great Jones 和 Chobani 等現代品牌，就在他們的標題和標誌中大膽地使用了襯線字體，從而在各自的領域中脫穎而出。
與襯線字體相比，無襯線字體通常被認為風格更現代和非傳統
因此是網站和移動應用等數位產品的良好選擇。科技公司在創建數位產品時，經常在正文中使用無襯線字體，因為它能使品牌或產品看起來更加新穎和創新。
小總結：在網站和移動應用等數位產品，標題可因為品牌因素而去考慮使用襯線字體，內容則建議使用無襯線字體
RE：11. 調節適當行距（Line Height）
行距通常以字體大小的百分比來衡量：
目標行距應為 140%-180%：以達到最佳的可讀性和可訪問性。（200%有時候也可以）
行距的百分比應該隨著字體大小的減小而增加：這是因為較小的字體本身就更難以閱讀，因此需要更多的空間來幫助眼睛輕鬆跟隨。
同樣地，文字排版（Typography）對可閱讀性擔當了重要的角色：
使用混合方法：
1️⃣ 大小字體
2️⃣ 避免全大寫
3️⃣ 粗細對比
4️⃣ 行距
總結：
甚麼方法可提高可掃描性？
1. 視覺層次（Visual Hierarchy）
2. 關鍵字標示：字體變粗，不同顏色
3. 以用戶關注的『好處』作為標題
4. 項目符號列表
5. 每段一個想法：如果段落開頭的幾個字沒有吸引用戶，他們會跳過其他想法
6. 倒金字塔寫作風格，從結論開始
7. 加入圖片或圖標
8. 使用動態圖片或影片（短）
9. 調節字重（Font Weight）突出重要內容
甚麼方法可提高可閱讀性？
10. 選擇合適字體，並只選 1-2 種
11. 調節適當行距（Line Height）
12. 縮短字段長度 （Line Width）
13. 使用簡單直白的詞彙：越短越好。避免花俏的詞語和自創的術語。
14. 使用簡短的句子：避免複雜的句子結構，特別是帶有許多從屬子句和連詞的複合句，這會增加用戶短期記憶的負擔，而這正是記憶的弱點。
15. 主要使用主動語態來撰寫。
今天就分享到這裡。
謝謝你耐心閱讀！
下星期日見，
Kogi