網頁設計和APP軟件中,一個好的排版不只僅要擁有漂亮的字體。更要有高度的可讀性—易于瀏覽—同時能讓用戶專注它內容。
這是一個相當艱巨的任務,但是大多數設計師可以通過練習達到這種效果。
今天我將去看看優秀的用戶體驗需要遵守的10個 準則”同時你也可以學習以便協助你設計出非常棒的設計。每個規則都配有一個網站的例子)
可讀性
必需使用無襯線體的想法是過時的但是要去了解為什么必需使用無襯線體的想法是過時的深層次原因:文字必需是易于閱讀的
需要防止難以閱讀的字體,然而就是這些難以閱讀的字體存在于腳本當中,比如新奇的字體或者哥特風的字體。除了那些特別需要裝飾的藝術字體以外。
絕大多數可讀性字體都能夠被輕松閱讀的不會花費用戶太多時間去注意字體自身。這就是可讀性準則的原理。
給行間距留足夠的空間
關鍵就是設計一個用戶都喜愛的行間距。適宜的行間距有利于閱讀,這在移動端尤其的重要。
造成行之間變化的因素有以下這些:
文本大小 文本數量 字體樣式 屏幕寬度
這里沒有什么明文的規則去告訴你應該怎么做–但是這里有一些規則你可以去遵循:
對于大多數網站,設置行間距的文本大小約125%對于移動設備,設置行距的文本大小約150%使用一個松散的段落間距—等于“回歸”使段落容易閱讀 使用你雙眼去測試,看文本在屏幕上是松的還是緊的第一感受即可)使用大而圓的字母
大又圓的字更易閱讀。所以字母有大的圓弧-這個弧度在字體里面就像一個循環的o
緊湊和壓縮的字體是很難閱讀的寬松的風格,比如上圖這個例子就容易閱讀,因為每一個字母都容易區分。
給字體設置大小
毫無疑問,使用大點的文字會讓用戶感覺舒服。大或者小的文字取決于你需要放置多少文字在頁面里;尤其注意大段文字。
不同的設計師對使用多少文本有不同的想法,大多數認為每行使用45-60個字是最佳的這樣縮小了手機的排版,同時大多數用戶能接受的
尋找字母高度
字母高度—尤其是小寫字母—讓用戶輕松的瀏覽你內容有很大的影響。
小寫字母“x不管多高它仍然是小寫”x.用更高的x小寫字體更容易閱讀,這就是說小寫字母的高度更接近大寫字母。查找字符集,其中x高度是三分之二是大寫字母高度的四分之三。
注:相關網站建設技巧閱讀請移步到建站教程頻道。