如何實現UI設計的可讀性呢?推薦這3個方式

2021-10-01 13:33:03 字數 818 閱讀 8326

在網際網路時代,使用者體驗一直是老生常談的問題,想要提公升使用者體驗自然離不開ui設計師。其實使用者體驗的好壞和ui設計作品的可讀性也有很大的關係。那麼,如何實現ui設計的可讀性呢?很多剛剛入行的新手並不清楚。下面,我就給大家簡單講一下這個問題。

ui介面的可讀性一般受三方面因素影響較大,分別是:頁面空間和對比度、頁面中的文字長度以及頁面中的對齊方式,這也是ui設計師需要注意的內容。

一、空間和對比度

每個字元同線路長度,間距也是重要的。所以每個字元之間的空間等於字元的尺寸,大多數設計人員習慣選擇文字大小的150%為空間距離,這就可以留下足夠的空間。當每一行中讀取大段的文字,且線路長度過多或線之間的空間太少,都會造成理解困難。

二、文字長度

文字的長度也能夠對頁面的效果產生較大的影響,特別是在大塊空白的設計中很重要,太長會導致眼睛疲憊,閱讀困難。太短又經常會造成尷尬的斷裂效果,斷字的使用也會造成大量的複合詞,這些斷裂嚴重的影響了閱讀的流暢性。

三、對齊方式

無論是在文字中心,還是偏左,或者是沿著乙個檔案的右側對齊,文字的對齊都相當重要,因為它可以在很大程度上影響可讀性。一般而言,ui設計師會選擇向左對齊的文字排版形式,因為它反映了多數使用者的閱讀習慣——從左至右。

綜上所述,ui設計師不僅需要適當調整頁面中文字的長度,還需要找到合適的字元空間,同時調節到合適的對比度。除此之外,為了使你的設計更加符合使用者的閱讀需求,ui設計師還需要保證頁面文字處於對齊狀態。

設計理論 文字的辨識度與可讀性

我驚出一身冷汗。幾乎所有的產品中,都會使用到文字。小到錯誤 警告 提示資訊,大到介紹 專題策劃 廣告文案。如果文字出現問題,修改起來成本很低。然而文字的可用性如果不好,將直接作用於產品。我將文字的可用性理解為辨識度與可讀性兩個方面。辨識度就是文字在介面上出現時,使用者能不能正常閱讀。在設計中最常遇到...

如何在元組中的每個元素命名,提高程式可讀性

實際案例 如 學生數量很大為了減小儲存開銷,對每個學生資訊用元組表示 jim 16,male jim gmail.com li 17,male li 163.com lucy 16,female lucy qq.com 通常我們採用索引的方式訪問元組,具體操作如下 coding utf 8 stud...

如何為元組中的每個元素命名,提高程式可讀性

1 實際案例 學生資訊系統中資料為固定格式 名字,年齡,性別,郵箱位址,學生數量很大為了減小儲存開銷,對每個學生資訊用元組表示 jim 16,male jim8721 gmail.com li lei 17,male leile qq.com lucy 16,female lucy123 yahoo...