用靈魂感悟設計 · 用設計創造價值
WITH SOUL FEELING DESIGN WITH DESIGN TO CREATE VALUE
您當前位置:  設計中國    ⁄    網頁設計    ⁄ 資訊內容

如何提高網頁設計中的文本可讀性

作者:admin      來源:互聯網      發布時間: 2021/12/4 11:53:33     瀏覽:
網頁的文本,是網頁設計中的一個重要元素,文案設計的好壞決定著網頁的成敗。

  網頁的文本,是網頁設計中的一個重要元素,文案設計的好壞決定著網頁的成敗。網頁文本可以是美麗的、簡單的、狂野的、引人入勝的、令人興奮的以及許多其他充滿未知的東西。它可以吸引到用戶的注意力,讓用戶快速的了解他想要的信息,激起用戶情感并幫助用戶理解你網站所要表達傳達的信息。文本的類型可以是五花八門,千變萬化,但有一點是常見的——它必須是可讀性很強的。

  這是一個有時被遺忘的重要因素。設計師努力將太多信息放入狹小的空間里面,或者選擇看起來比閱讀更好的東西。但要點是:如果你的字體設計如果辨識度不高,主次性不強,那么你的設計就不會完全有效,因為文字可讀性不強,沒有給用戶留下深刻的印象。 簡而言之,什么是可讀性 那么是什么讓類型可讀呢?它實際上是許多因素的組合,包括行長、行距、字體樣式、邊距和填充以及顏色和對比度。 每個單獨的元素都會影響在屏幕上閱讀內容的難易程度。這些元素中的每一個都是設計師可以控制的。請注意,當我們在整篇文章中討論這些元素時,我們指的是網站的主體文本,其中可讀性可以說是最大的問題。(只要正文具有高度可讀性,其中許多準則對于其他文本元素就寬松得多。)

  行長:一行文本中的字符數在很大程度上影響整體可讀性。如果文本非常寬,則可能會令人生畏且難以閱讀。太短的文本行也是如此,這會給讀者的眼睛帶來壓力并造成混亂。

  前導:文本行之間的空間量同樣重要??紤]這篇文章,如果每一行類型都觸及它上面和下面的行,你將無法理解這些詞。

  字體樣式:字體樣式也會影響可讀性。簡單的襯線和無襯線字體是最易讀和可掃描的,而華麗的樣式、腳本和新奇字體最難破譯。 邊距和填充:與前導一樣,對象周圍和對象之間的空間量會影響用戶閱讀實際單詞的能力。

  顏色和對比度:文本相對于相應背景的顏色也很重要。如果您將綠色字體放在綠色背景上,則可能難以閱讀。大多數設計師在淺色背景上選擇深色背景上的淺色文字是有原因的。對比使字體易于閱讀。

  不同屏幕上的顯示形式 那么如何創建最易讀的類型呢?對于正文文本,有一些關于每行和每種設備類型的字符數的基本準則,這有助于實現最佳可讀性。 那么你怎么知道從哪里開始呢?最佳行長可以幫助您確定文本大小。

  方法如下: 確定正文文本框的寬度——您通??梢詫⑵浼俣樽烂?、表格或移動設備大小。并調整字體大小以落入理想的字符數范圍內。

  雖然還有其他因素在起作用,但這些指南是一個很好的起點。

  桌面:每行55到75個字符,包括空格;理想的是每行接近 65 個字符

  移動設備:每行 35 到 50 個字符 將每行的最佳字符數與較大的行間距(或行距)相結合以提高可讀性。行距通常最好定義為正文大小的百分比,并且可以定義為硬數字或使用 em。

  臺式機:字體大小的 1.5 倍 移動設備:類型大小的 1.75 到 2 倍 如果您正在尋找一種出色的工具來幫助簡化所有這些數學運算,請嘗試使用黃金比例排版計算器。

  其他可讀性提示 創建可讀的排版與不是主體文本的類型也有很大關系。使用標題、項目符號列表、段落之間的額外間距和顏色也可以增加整體可讀性(以及讀者瀏覽網站的能力)。 考慮使用這些元素添加文本層次結構,以創建更完整且可讀性更高的網站設計。并記住使用與主體文本相協調的特定字體、大小和顏色來“設計”這些元素中的每一個。 既然您認為自己對下一個設計項目要使用的字體和風格有了一個很好的了解,您確定您已經以完全可讀的方式將所有內容組合在一起了嗎?這是一個快速清單,可幫助您規劃字體設計。

  主體型夠大嗎?它是否落在每個設備尺寸的最佳線長范圍內? 每行文本之間是否有足夠的間距? 文本和頁面邊緣以及其他設計元素之間是否有足夠的空間? 背景和正文之間的對比度是否足夠? 每個新段落之間是否有額外的空間? 標題和其他文本元素是否與主體文本不同? 您是否使用其他元素(項目符號列表、粗體等)來分解大塊文本? 您是否為主體使用了可讀字體(最好是簡單的襯線或無襯線)?

  結論:可讀性是設計的重要組成部分。如果您無法閱讀和理解頁面上的內容,則它對用戶而言永遠不會相關且重要。你如何規劃設計項目的可讀性?您還有其他成功秘訣嗎?歡迎與我們分享。


日韩AⅤ精品国内在线