網(wǎng)頁(yè)的文本，是網(wǎng)頁(yè)設(shè)計(jì)中的一個(gè)重要元素，文案設(shè)計(jì)的好壞決定著網(wǎng)頁(yè)的成敗。網(wǎng)頁(yè)文本可以是美麗的、簡(jiǎn)單的、狂野的、引人入勝的、令人興奮的以及許多其他充滿(mǎn)未知的東西。它可以吸引到用戶(hù)的注意力，讓用戶(hù)快速的了解他想要的信息，激起用戶(hù)情感并幫助用戶(hù)理解你網(wǎng)站所要表達(dá)傳達(dá)的信息。文本的類(lèi)型可以是五花八門(mén)，千變?nèi)f化，但有一點(diǎn)是常見(jiàn)的——它必須是可讀性很強(qiáng)的。

這是一個(gè)有時(shí)被遺忘的重要因素。設(shè)計(jì)師努力將太多信息放入狹小的空間里面，或者選擇看起來(lái)比閱讀更好的東西。但要點(diǎn)是：如果你的字體設(shè)計(jì)如果辨識(shí)度不高，主次性不強(qiáng)，那么你的設(shè)計(jì)就不會(huì)完全有效，因?yàn)槲淖挚勺x性不強(qiáng)，沒(méi)有給用戶(hù)留下深刻的印象。

簡(jiǎn)而言之，什么是可讀性

那么是什么讓類(lèi)型可讀呢？它實(shí)際上是許多因素的組合，包括行長(zhǎng)、行距、字體樣式、邊距和填充以及顏色和對(duì)比度。

每個(gè)單獨(dú)的元素都會(huì)影響在屏幕上閱讀內(nèi)容的難易程度。這些元素中的每一個(gè)都是設(shè)計(jì)師可以控制的。請(qǐng)注意，當(dāng)我們?cè)谡恼轮杏懻撨@些元素時(shí)，我們指的是網(wǎng)站的主體文本，其中可讀性可以說(shuō)是大的問(wèn)題。（只要正文具有高度可讀性，其中許多準(zhǔn)則對(duì)于其他文本元素就寬松得多。）
行長(zhǎng)：一行文本中的字符數(shù)在很大程度上影響整體可讀性。如果文本非常寬，則可能會(huì)令人生畏且難以閱讀。太短的文本行也是如此，這會(huì)給讀者的眼睛帶來(lái)壓力并造成混亂。
前導(dǎo)：文本行之間的空間量同樣重要。考慮這篇文章，如果每一行類(lèi)型都觸及它上面和下面的行，你將無(wú)法理解這些詞。
字體樣式：字體樣式也會(huì)影響可讀性。簡(jiǎn)單的襯線(xiàn)和無(wú)襯線(xiàn)字體是最易讀和可掃描的，而華麗的樣式、腳本和新奇字體最難破譯。
邊距和填充：與前導(dǎo)一樣，對(duì)象周?chē)蛯?duì)象之間的空間量會(huì)影響用戶(hù)閱讀實(shí)際單詞的能力。
顏色和對(duì)比度：文本相對(duì)于相應(yīng)背景的顏色也很重要。如果您將綠色字體放在綠色背景上，則可能難以閱讀。大多數(shù)設(shè)計(jì)師在淺色背景上選擇深色背景上的淺色文字是有原因的。對(duì)比使字體易于閱讀。

不同屏幕上的顯示形式
那么如何創(chuàng)建最易讀的類(lèi)型呢？對(duì)于正文文本，有一些關(guān)于每行和每種設(shè)備類(lèi)型的字符數(shù)的基本準(zhǔn)則，這有助于實(shí)現(xiàn)好可讀性。

那么你怎么知道從哪里開(kāi)始呢？好行長(zhǎng)可以幫助您確定文本大小。方法如下： 確定正文文本框的寬度——您通?？梢詫⑵浼俣樽烂妗⒈砀窕蛞苿?dòng)設(shè)備大小。并調(diào)整字體大小以落入理想的字符數(shù)范圍內(nèi)。
雖然還有其他因素在起作用，但這些指南是一個(gè)很好的起點(diǎn)。
桌面：每行55到75個(gè)字符，包括空格；理想的是每行接近 65 個(gè)字符
移動(dòng)設(shè)備：每行 35 到 50 個(gè)字符

將每行的好字符數(shù)與較大的行間距（或行距）相結(jié)合以提高可讀性。行距通常好定義為正文大小的百分比，并且可以定義為硬數(shù)字或使用 em。
臺(tái)式機(jī)：字體大小的 1.5 倍
移動(dòng)設(shè)備：類(lèi)型大小的 1.75 到 2 倍

如果您正在尋找一種出色的工具來(lái)幫助簡(jiǎn)化所有這些數(shù)學(xué)運(yùn)算，請(qǐng)嘗試使用黃金比例排版計(jì)算器。
其他可讀性提示
創(chuàng)建可讀的排版與不是主體文本的類(lèi)型也有很大關(guān)系。使用標(biāo)題、項(xiàng)目符號(hào)列表、段落之間的額外間距和顏色也可以增加整體可讀性（以及讀者瀏覽網(wǎng)站的能力）。
考慮使用這些元素添加文本層次結(jié)構(gòu)，以創(chuàng)建更完整且可讀性更高的網(wǎng)站設(shè)計(jì)。并記住使用與主體文本相協(xié)調(diào)的特定字體、大小和顏色來(lái)“設(shè)計(jì)”這些元素中的每一個(gè)。

既然您認(rèn)為自己對(duì)下一個(gè)設(shè)計(jì)項(xiàng)目要使用的字體和風(fēng)格有了一個(gè)很好的了解，您確定您已經(jīng)以完全可讀的方式將所有內(nèi)容組合在一起了嗎？這是一個(gè)快速清單，可幫助您規(guī)劃字體設(shè)計(jì)。
主體型夠大嗎？它是否落在每個(gè)設(shè)備尺寸的好線(xiàn)長(zhǎng)范圍內(nèi)？
每行文本之間是否有足夠的間距？
文本和頁(yè)面邊緣以及其他設(shè)計(jì)元素之間是否有足夠的空間？
背景和正文之間的對(duì)比度是否足夠？
每個(gè)新段落之間是否有額外的空間？
標(biāo)題和其他文本元素是否與主體文本不同？
您是否使用其他元素（項(xiàng)目符號(hào)列表、粗體等）來(lái)分解大塊文本？

您是否為主體使用了可讀字體（好是簡(jiǎn)單的襯線(xiàn)或無(wú)襯線(xiàn)）？

當(dāng)前題目：如何提高網(wǎng)頁(yè)設(shè)計(jì)中的文本可讀性
文章地址：http://jinyejixie.com/news30/235680.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、外貿(mào)建站、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站內(nèi)鏈、ChatGPT、用戶(hù)體驗(yàn)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)