UI設計:螢幕閱讀用字法則
字型
適於閱讀的三大要素:
①資訊量
②重心
③灰度
資訊量
如果說閱讀的本身是資訊量的吸收,那麼字型就是搭載內容的輸出媒介。但字型本身也是存在資訊量,他們的資訊量來源於組成字型的點線面,越多的點和麵,則意味著更多資訊的輸出,造成閱讀疲勞。
重心
中心越平穩,視覺越流暢,閱讀更連貫;
灰度
灰度均勻,閱讀無黑點;
布白的均勻,影響整體版面的視覺,以及閱讀的舒適程度。是產品質感的重要指標,經過精雕細琢的字型有著舒適流暢的視覺體驗。
行間距
行距是行之間的空間,行距太緊湊,會讓視線難以從行尾掃視到下一行首。行距太寬鬆,字間距會開始形成佇列,產生了我們通常意義上的河流,阻斷了行的視覺流。
字間距
由於中文的特點,單個字之間的距離過近會使偏旁部首首尾連續,尤其對於左右結構的字,更是一種挑戰。合適的字間距和字型內部的優質穿插布白會讓版面字字分明,卻又灰度怡人。沒有任何認知上的干擾和不平衡的感覺。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/810/viewspace-2807360/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- div 螢幕居中的寫法
- 互動設計法則
- 使用Python庫pyqt5製作TXT閱讀器(一)-------UI設計PythonQTUI
- 認知與設計:理解UI設計準則——序UI
- 設計原則之【迪米特法則】
- ui設計師要懂哪些B端設計原則?UI
- 如何將 MacBook 的外接螢幕設定為主螢幕的方法Mac
- windows10切換輸入法螢幕顯示怎麼設定 win10設定輸入法切換螢幕顯示操作方法WindowsWin10
- SAP UI5 應用的螢幕尺寸檢測工作原理深入剖析試讀版UI
- 軟體設計原則—迪米特法則
- WebRTC本地分享螢幕,錄製螢幕Web
- 【閱讀筆記】REST設計風格筆記REST
- 遊戲特效設計的延伸閱讀遊戲特效
- 遊戲UI設計的3條重要原則遊戲UI
- Win10螢幕亮度無法調節解決辦法 Win10螢幕亮度調不了怎麼回事?Win10
- 如何高效的閱讀paper--三遍閱讀法
- [譯] Flutter —— 根據不同螢幕尺寸高效的適配 UIFlutterUI
- UI設計培訓分享:app圖示設計要遵循哪些原則UIAPP
- UI設計培訓學習中必須掌握的設計原則UI
- 如何設計實現一個React UI元件庫——Ant Design原始碼閱讀與淺析ReactUI元件原始碼
- 電腦螢幕時間長短在哪裡設定 電腦螢幕息屏時間設定
- 從SpringBoot啟動,閱讀原始碼設計Spring Boot原始碼
- Julia程式設計基礎 閱讀筆記程式設計筆記
- 高倍速閱讀法目錄
- 設定div高度等於螢幕高度
- 基於jQuery UI的仿PhotoShop介面螢幕標尺外掛jQueryUI
- Java MQTT訂閱端,可訂閱萬用字元(/#)JavaMQQT字元
- CentOS7.0怎麼設定螢幕解析度?CentOS7.0設定螢幕解析度教程CentOS
- win10怎麼設定不同螢幕背景_win10設定不同螢幕背景操作方法Win10
- 把selection screen當子螢幕放到普通螢幕上
- 怎麼調整電腦螢幕顯示亮度 怎麼設定電腦螢幕亮度
- UI設計培訓技術教程之字型排版規則UI
- win10擴充套件螢幕怎麼設定_win10擴充套件螢幕的設定方法Win10套件
- iQOO手機怎麼設定捂住螢幕靜音?iQOO手機捂住螢幕靜音的設定方法
- 《JavaScript設計模式》閱讀筆記_part2JavaScript設計模式筆記
- 《JavaScript設計模式》閱讀筆記_part1JavaScript設計模式筆記
- 螢幕適配
- 設計模式六大原則(五)----迪米特法則設計模式