設(shè)計中國|網(wǎng)頁設(shè)計中的可讀性

　　設(shè)計的可讀性應(yīng)該是最值得關(guān)注的問題之一，無論涉及到任何設(shè)計項目，如果其中的文字不能被讀取，那你就沒必要把它放在首位。優(yōu)秀文本設(shè)計的標(biāo)準(zhǔn)之一就是確保其能被人理解，而可讀性是理解的重要組成部分。今天設(shè)計中國的筆者們將討論如何規(guī)劃圍繞文本設(shè)計，讓你的項目變得易于閱讀。

　　什么是可讀性

　　當(dāng)談到設(shè)計的時候，我們會經(jīng)常談到可讀性這個概念，但是可讀性，易讀性和清晰的文本，并不是完全一樣的概念。如果讀者可以認(rèn)出字母，那文字就可以被認(rèn)為是可讀的，但是卻不一定是易讀的，雖然大部分設(shè)計中的文本都易于閱讀和理解。

　　可讀性是文字可以閱讀的難易程度。理解是在可讀性方面的一個關(guān)鍵因素，為的是能夠快速查看 - 理解 – 記憶?？勺x文本可以迅速從一定距離進(jìn)行掃描。

　　可讀性包括文字本身因素，以及如何方便閱者理解和了解。(有些專家建議一般書面文本用量不應(yīng)該超過八年級的閱讀水平，這樣才能實現(xiàn)最大限度可讀性。)

　　讓我們看看一些更多的視覺標(biāo)準(zhǔn)，有助于增加可讀性。

　　文字長度

　　想要塑造完美的可讀性，文字的長度其實是個很重要的因素，但是卻又常常被人忽略。

　　文字的長度，特別是在大塊空白的設(shè)計中很重要，太長會導(dǎo)致眼睛疲憊，閱讀困難。太短又經(jīng)常會造成尷尬的斷裂效果，斷字的使用也會造成大量的復(fù)合詞，這些斷裂嚴(yán)重的影響了閱讀的流暢性。

　　如果你想讓你的文本表現(xiàn)的比較討喜，首先文本字體應(yīng)該足夠大，這樣才容易閱讀，但也不能太大，否則會導(dǎo)致奇怪的停頓或中斷閱讀。

　　關(guān)于完善文字的表現(xiàn)方式，具體一行該有多少字，字體如何等等問題，有很多的標(biāo)準(zhǔn)，甚至包括一些數(shù)學(xué)公式。比如考慮文本框的寬度(這種方法最適合印刷的時候使用，但同樣適用于其他的設(shè)計)，以其一半為標(biāo)準(zhǔn)，確定最佳的字體大小。你可以調(diào)整文字的大小，上下位置和起始點，來達(dá)到最好的視覺呈現(xiàn)。

　　所以如果一個列寬是36p，那么文本最好是18p。

　　當(dāng)涉及到正文，每行的字符的最佳數(shù)目是50到60，根據(jù)永恒排版教科書之一，由埃米爾·魯?shù)戮帉懙摹癟ypographie：設(shè)計手冊”。該范圍可以有所根據(jù)使用類型和設(shè)備的它正在觀看的樣式進(jìn)行擴(kuò)展。對于大多數(shù)項目的安全范圍，桌面設(shè)備是每行45至75個字符。用于移動設(shè)備的最佳范圍是每行35至50個字符。

　　空間和對比度

　　空間和合適的對比度是關(guān)鍵因素，當(dāng)談到可讀性。每個字符必須生活在自己的空間，這和文字的顏色和背景必須有足夠的不同是可以區(qū)分的。并且每個字符不與其他文字或圖像分享空間。

　　每個字符同線路長度，間距也是重要的。所以每個字符之間的空間至少等于字符的尺寸，大多數(shù)數(shù)字設(shè)計人員習(xí)慣選擇一個最小的文字大小的150%為空間距離，這就可以留下足夠的空間。當(dāng)每一行中讀取大段的文字，且線路長度過多或線之間的空間太少，都會造成理解困難。

　　設(shè)計師還應(yīng)該特別注意文本和其他對象之間的空間。請注意包裝文本和文本跨越到其他物體的邊界。文本換行 - 垂直和水平 - 應(yīng)至少等于用于文本之間的行距。避免使文本塊觸碰其他對象或元素，或跨越在圖像的頂部上運行。

　　防止彩色類型或文本標(biāo)志過大

　　不要忘了邊幅留有余地。記住要留一些空白圍繞整個文本框架，創(chuàng)造了一個幾乎看不見的光環(huán)。該保證將有助于有別于其他設(shè)置文本的“噪音”，緩解了讀者進(jìn)入副本的沖擊。

　　想想對比度。空間是創(chuàng)建對比度的一種方法;另一種是彩色。在蒼白的背景上的黑色文本是博客和書籍中比較流行的趨勢，因為大塊的內(nèi)容需要從介質(zhì)(紙或屏幕)脫穎而出。當(dāng)涉及到文本塊的閱讀，堅持簡單的顏色選擇，如黑色，白色或灰色，從背景中脫穎而出。

　　連字符和斷字

　　最能刺激讀者視覺的東西之一就是標(biāo)題中間或者三分之一處有一個巨大的連字符或者下方有個小標(biāo)題。它們既能吸引讀者又能加重讀者理解文本，所以設(shè)置的時候千萬要注意這些細(xì)節(jié)。

　　一些連字符是在大型副本塊可以接受，但記住使用的數(shù)量不能過多。

　　糟糕的表達(dá)和斷裂的手法一樣會使讀者感到不和諧。盡量保持標(biāo)題和副標(biāo)題的簡短，簡單而直接，避免長段使用短語，保持措辭簡潔，讓讀者感受到閱讀樂趣，引誘他們深入閱讀。

　　當(dāng)設(shè)計電子產(chǎn)品和網(wǎng)絡(luò)產(chǎn)品項目的時候，可考慮大量的空白和副標(biāo)題的使用。這些空白可以使文字更直觀地被接受，哪怕經(jīng)過重復(fù)也不會顯得那么突兀。

　　對其方式

　　無論是在文本中心，還是偏左，或者是沿著一個文件的右側(cè)對齊，文本的對齊相當(dāng)重要，可以極大地影響可讀性。一般而言，文本習(xí)慣向左對齊，因為它反映了你的閱讀方式 - 從左至右。你熟悉每一行開始和結(jié)束的地方。

　　正確的和合理的排版路線其實很難決定。小文本塊最好右對齊，比如大的報價或藝術(shù)文本元素。對齊文本需要精確完美的斷字，對齊規(guī)格和非流體的環(huán)境，這樣的效果最好，這就是為什么你在印刷設(shè)計的局限最?？吹剿脑?。

　　文字居中這種對齊方式，雖然很流行這么使用，但其實這種方式本身不適合增加可讀性。它可用于具有持續(xù)性的小文本塊，但有些情況就不合適了，比如文本只有特殊的幾行的時候。居中的文本最困難的是，僅憑眼睛觀察很難知道是從哪里開始，又是從哪里結(jié)束的，因為兩邊的線條參差不齊。

　　可讀性工具

　　Readability: 這個Web瀏覽器插件和應(yīng)用程序可以打開任何網(wǎng)頁并將其轉(zhuǎn)化為干凈閱讀的視圖，并允許用戶收集頁面稍后閱讀。

　　Juicy Studio Readability Test: 了解更多關(guān)于所有不同的可讀性測試和算法，以及了解各手段如何運作，和這些手段會對你的項目產(chǎn)生什么樣的影響。

　　InformationArchitects “The 100% Easy-2-Read Standard:” 這篇文章寫于2006年，包括各種各樣的可讀性清單。雖然它主要適用于網(wǎng)頁設(shè)計，但許多提示都發(fā)人深省，今天仍然適用。

　　總的來說，這些建議可以提高你設(shè)計的可讀性或者減少影響閱讀的因素，如果想讓你的內(nèi)容是有效的，它必須是可讀的。增加可讀性設(shè)計，可以更好的為你的讀者或者用戶服務(wù)。