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