close

好的排版可以提高用戶的閱讀熱情,反之,糟糕的排版只會降低用戶的閱讀熱情。優化排版就是優化介面,今天小編就來分享一些頁面佈局的小技巧。


1减少使用不同類型的字體

不要用太多的字體,破壞你的佈局。

為了避免上述情况,儘量將字體數量限制在最小值。事實上,一個就足够了。如下圖所示:

2使用標準字體

用戶更熟悉標準字體,囙此可以快速閱讀。除非網站的自定義字體很吸引人,否則最好使用系統字體。一種安全的方法是使用系統化的字體:Arial、Calibri、trebuchet等。

三。請選擇一種適合所有大小的字體

用戶可以通過不同荧幕大小和分辯率的設備訪問網站,並選擇一種在多種尺寸和重量下工作良好的字體,以保持每個大小的可讀性。


穀歌的機器人字體


請確保您的字體在較小的荧幕上仍然清晰可見,並確保您選擇的字體在較小的荧幕上是可辨認的!儘量避免草書,比如維瓦爾第(在下麵的例子中):它很漂亮,但很難閱讀。

維瓦爾迪字體在小荧幕上很難閱讀

4限制線路長度

Baymar Institute關於一條線的長度:

“如果你想有一個好的閱讀體驗,每行應該有60個左右的字元。每行具有正確的字元數是使文字可讀的關鍵。”

圖片來源:資料設計

如果行得太短,視線應該頻繁地返回,這會破壞讀者的節奏。行太長,用戶很難集中注意力在文字上。

5行間距的重要性

新增行高可以新增文字之間的垂直空白,提高可讀性,交換荧幕空間。通常,行高應為字元高度的30%。


圖片來源:蘋果

左:幾乎重疊的文字。右圖:良好的間距有助於提高可讀性。

6確保你有足够的顏色對比度

不要在文字和背景中使用相同或相似的顏色。文字越明顯,用戶讀得越快。


根據背景顏色很難閱讀。


上面的影像很容易讀懂背景色。

一旦你選擇了顏色,你必須在大多數設備上測試它。如果測試顯示閱讀副本有問題,那麼用戶在使用它時也會遇到同樣的問題。

7避免紅色或綠色文字

色盲是很常見的,尤其是男性。調查顯示,8%的男性是紅綠色盲,避免只用紅、綠來傳遞資訊。

8避免閃爍文字

首先,閃爍的內容可能會導致個人癲癇發作,其次,對大多數用戶來說,這是冒犯和分散注意力。

arrow
arrow
    全站熱搜

    hendrikleehk 發表在 痞客邦 留言(0) 人氣()