香港書刊設計網頁設計中版式的 10 個最佳技巧


在您的網站和用戶之間建立清晰的聯繫並幫助您的用戶透過溝通來實現他們的目標至關重要。 在網頁設計中,溝通通常指的是文字。 在這個過程中,排版扮演著至關重要的角色。

 

1. 盡量減少使用的字體數量


使用三種以上不同的字體會使網站看起來不結構化且不專業。 同時擁有太多的字體大小和樣式也會破壞版面。

最好將字體系列保持在最低限度(兩種就足夠了,一種通常就足夠了)並在整個網站中堅持使用它們。 如果您使用多種字體,則應確保具有相似字元寬度的字體系列相互補充。

 

2.使用標準字體


透過字體嵌入服務可以使用許多有趣的字體。 可能會出現什麼問題? 這種方法的問題是有趣的字體會分散使用者閱讀的注意力。 使用者可以考慮設計師使用的字體,而不是閱讀文字。

 

最好堅持使用系統字體,除非您的網站需要自訂字體,例如出於品牌目的或創建身臨其境的體驗。 好的排版會將讀者的注意力吸引到內容上,而不是字體上。


書刊設計

書刊印刷

3. 設定最大線長


如果每行的字元數正確,您的文字將更具可讀性。 易讀性也應該決定文字的寬度,而不是設計。

 

在行動裝置上,每行應使用 30-40 個字元。 以下是行動網站的兩個範例。 第一個每行使用 50–75 個字元(最適合列印和桌面),而第二個每行使用 30–40 個字元。

您可以透過使用 em 或像素限製文字區塊的寬度來實現每行的最佳字元數。

 

4. 選擇適合各種尺寸的字體


具有不同螢幕尺寸和解析度的裝置將造訪您的網站。 使用者介面通常包含不同大小的文字元素(按鈕副本、欄位標籤、節標題等)。 字體應該在多種尺寸和粗細下都能正常工作,以保持可讀性和可用性。

選擇在較小螢幕上清晰易讀的字體! 您應該避免使用草書字體,例如 Vivaldi(在下面的範例中):雖然它們很漂亮,但很難閱讀。

 

5.選擇字母可區分的字體


如下圖所示,許多字體很容易混淆相似的字母形式,尤其是「i」和「L」。 在選擇字體之前,請確保它適用於不同的環境。


6.不要全部大寫


在不需要閱讀的上下文中(例如首字母縮略詞和徽標)可以使用全部大寫文本,但當您的訊息需要閱讀時則不可以。 根據 Miles Tinker 的著作《印刷的易讀性》,與小寫類型相比,全大寫類型大大減慢了掃描和閱讀速度。


7. 不要最小化行距


版式有一個專門的術語來描述兩行文字之間的間距-行距(或行高)。 您可以透過增加文字行之間的垂直空白來增加行距,從而提高可讀性。 為了獲得良好的可讀性,行距應比字元高度大 30% 左右。

正確使用段落之間的空白可以將理解力提高高達 20%。 利用空白意味著為用戶提供易於理解的內容並刪除不必要的資訊。

 

8.提供足夠的色彩對比度


文字和背景不應具有相同或相似的顏色。 文字越明顯,使用者掃描和閱讀的速度就越快。 對於正文和圖像文本,W3C 建議以下對比度:

選擇顏色後,您應該在大多數設備上的真實用戶身上進行測試。 如果任何測試表明閱讀您的副本有問題,您可以確定您的用戶也會遇到相同的問題。


9. 不要將文字塗成紅色或綠色


因此建議使用顏色以外的其他提示來幫助區分重要資訊。 紅色和綠色不應單獨用於傳達訊息,因為紅色和綠色色盲是最常見的色盲形式。

 

10.不要使用閃爍的文字


對於易感人群,閃爍或閃爍的內容可能會引發癲癇發作。 除了引起癲癇發作之外,它還可能會讓使用者煩惱或分散注意力。排版的重要性怎麼強調都不為過。 糟糕的排版選擇可能會分散用戶的注意力。 使版式可讀、可理解且清晰。

 

專注於書刊設計與印刷的頂尖企業


BookMaster是您可信賴的書刊設計和印刷專家。我們專注於為企業和機構提供優秀品質和個性化的設計印刷服務。我們的團隊能夠根據您的需求量身定制獨特的設計方案,同時運用先進的印刷技術確保出色的成品質量。不論您需要精美的書籍、雜誌或其他出版物製作,BookMaster將為您提供卓越服務。