設計中國|網頁設計中的可讀性
設計的可讀性應該是最值得關注的問題之一,無論涉及到任何設計項目,如果其中的文字不能被讀取,那你就沒必要把它放在首位。優秀文本設計的標準之一就是確保其能被人理解,而可讀性是理解的重要組成部分。今天設計中國的筆者們將討論如何規劃圍繞文本設計,讓你的項目變得易于閱讀。
什么是可讀性
當談到設計的時候,我們會經常談到可讀性這個概念,但是可讀性,易讀性和清晰的文本,并不是完全一樣的概念。如果讀者可以認出字母,那文字就可以被認為是可讀的,但是卻不一定是易讀的,雖然大部分設計中的文本都易于閱讀和理解。
可讀性是文字可以閱讀的難易程度。理解是在可讀性方面的一個關鍵因素,為的是能夠快速查看 - 理解 – 記憶。可讀文本可以迅速從一定距離進行掃描。
可讀性包括文字本身因素,以及如何方便閱者理解和了解。(有些專家建議一般書面文本用量不應該超過八年級的閱讀水平,這樣才能實現最大限度可讀性。)
讓我們看看一些更多的視覺標準,有助于增加可讀性。
文字長度
想要塑造完美的可讀性,文字的長度其實是個很重要的因素,但是卻又常常被人忽略。
文字的長度,特別是在大塊空白的設計中很重要,太長會導致眼睛疲憊,閱讀困難。太短又經常會造成尷尬的斷裂效果,斷字的使用也會造成大量的復合詞,這些斷裂嚴重的影響了閱讀的流暢性。
如果你想讓你的文本表現的比較討喜,首先文本字體應該足夠大,這樣才容易閱讀,但也不能太大,否則會導致奇怪的停頓或中斷閱讀。
關于完善文字的表現方式,具體一行該有多少字,字體如何等等問題,有很多的標準,甚至包括一些數學公式。比如考慮文本框的寬度(這種方法最適合印刷的時候使用,但同樣適用于其他的設計),以其一半為標準,確定最佳的字體大小。你可以調整文字的大小,上下位置和起始點,來達到最好的視覺呈現。
所以如果一個列寬是36p,那么文本最好是18p。
當涉及到正文,每行的字符的最佳數目是50到60,根據永恒排版教科書之一,由埃米爾·魯德編寫的“Typographie:設計手冊”。該范圍可以有所根據使用類型和設備的它正在觀看的樣式進行擴展。對于大多數項目的安全范圍,桌面設備是每行45至75個字符。用于移動設備的最佳范圍是每行35至50個字符。
空間和對比度
空間和合適的對比度是關鍵因素,當談到可讀性。每個字符必須生活在自己的空間,這和文字的顏色和背景必須有足夠的不同是可以區分的。并且每個字符不與其他文字或圖像分享空間。
每個字符同線路長度,間距也是重要的。所以每個字符之間的空間至少等于字符的尺寸,大多數數字設計人員習慣選擇一個最小的文字大小的150%為空間距離,這就可以留下足夠的空間。當每一行中讀取大段的文字,且線路長度過多或線之間的空間太少,都會造成理解困難。
設計師還應該特別注意文本和其他對象之間的空間。請注意包裝文本和文本跨越到其他物體的邊界。文本換行 - 垂直和水平 - 應至少等于用于文本之間的行距。避免使文本塊觸碰其他對象或元素,或跨越在圖像的頂部上運行。
防止彩色類型或文本標志過大
不要忘了邊幅留有余地。記住要留一些空白圍繞整個文本框架,創造了一個幾乎看不見的光環。該保證將有助于有別于其他設置文本的“噪音”,緩解了讀者進入副本的沖擊。
想想對比度。空間是創建對比度的一種方法;另一種是彩色。在蒼白的背景上的黑色文本是博客和書籍中比較流行的趨勢,因為大塊的內容需要從介質(紙或屏幕)脫穎而出。當涉及到文本塊的閱讀,堅持簡單的顏色選擇,如黑色,白色或灰色,從背景中脫穎而出。
連字符和斷字
最能刺激讀者視覺的東西之一就是標題中間或者三分之一處有一個巨大的連字符或者下方有個小標題。它們既能吸引讀者又能加重讀者理解文本,所以設置的時候千萬要注意這些細節。
一些連字符是在大型副本塊可以接受,但記住使用的數量不能過多。
糟糕的表達和斷裂的手法一樣會使讀者感到不和諧。盡量保持標題和副標題的簡短,簡單而直接,避免長段使用短語,保持措辭簡潔,讓讀者感受到閱讀樂趣,引誘他們深入閱讀。
當設計電子產品和網絡產品項目的時候,可考慮大量的空白和副標題的使用。這些空白可以使文字更直觀地被接受,哪怕經過重復也不會顯得那么突兀。
對其方式
無論是在文本中心,還是偏左,或者是沿著一個文件的右側對齊,文本的對齊相當重要,可以極大地影響可讀性。一般而言,文本習慣向左對齊,因為它反映了你的閱讀方式 - 從左至右。你熟悉每一行開始和結束的地方。
正確的和合理的排版路線其實很難決定。小文本塊最好右對齊,比如大的報價或藝術文本元素。對齊文本需要精確完美的斷字,對齊規格和非流體的環境,這樣的效果最好,這就是為什么你在印刷設計的局限最常看到它的原因。
文字居中這種對齊方式,雖然很流行這么使用,但其實這種方式本身不適合增加可讀性。它可用于具有持續性的小文本塊,但有些情況就不合適了,比如文本只有特殊的幾行的時候。居中的文本最困難的是,僅憑眼睛觀察很難知道是從哪里開始,又是從哪里結束的,因為兩邊的線條參差不齊。
可讀性工具
Readability: 這個Web瀏覽器插件和應用程序可以打開任何網頁并將其轉化為干凈閱讀的視圖,并允許用戶收集頁面稍后閱讀。
Juicy Studio Readability Test: 了解更多關于所有不同的可讀性測試和算法,以及了解各手段如何運作,和這些手段會對你的項目產生什么樣的影響。
InformationArchitects “The 100% Easy-2-Read Standard:” 這篇文章寫于2006年,包括各種各樣的可讀性清單。雖然它主要適用于網頁設計,但許多提示都發人深省,今天仍然適用。
總的來說,這些建議可以提高你設計的可讀性或者減少影響閱讀的因素,如果想讓你的內容是有效的,它必須是可讀的。增加可讀性設計,可以更好的為你的讀者或者用戶服務。
-
2021/12/28
-
2021/12/23
-
2021/12/17

- 愛華仕斬獲“2021年度中國廚衛行業年度智能
- 回首2021,迎戰2022 彩虹線開啟新征程!
- 福臨板材|福滿2021,圓夢2022
- 美特照明:2022年照明新趨勢,經銷商如何做大
- 會自己“洗澡”的集成灶,帥康自動清洗集成灶
- 帶你設計一款功能多變,簡單實用的休閑露臺陽
- 世紀豪門吊頂:破防了!原來顏值+實力=H20
- 裝修木門選的好,噪音統統沒煩惱
- 寒潮來了,有淋浴房洗澡更保暖舒服
- 元旦特輯:歐意電器述說生活的點滴與美好
- “中國十大品牌”獲獎名單出爐,賽戈水漆榮耀
- 2021值得消費大賞 凱迪仕智能鎖榮摘兩項桂冠
- 益恩家居:新年新氣象,愛自己從好好睡覺開始
- 元旦伊始:健康新生活,從精格管道直飲水開始
- 喜迎元旦|新年新燈飾 箔晶智能照明讓酒店暖
- 吉美幫的2021 “專精特新” 深耕屋面防水體
- Aqara攜手京東成立燈光設計聯盟 打造燈飾照
- 年底廚房煥新顏,如何選擇廚電?好太太智能來
- 全鋁家具全屋莫蘭迪色系,這款美式輕奢范贏鄰
- 順趨勢·筑鳳巢·贏未來 鳳梧居門窗2021年會隆
