隨著現階段人們對移動端產品的使用頻率不斷提高,設計師在進行移動端頁面排版時,需要注意更多問題。那麼移動端排版設計的注意事項有哪些呢?接下來千鋒給大家簡單講一下這個問題。
一、大小對比
在桌面端我們可能會採用字號差異較大的文字組合,移動端螢幕較小,容納的文字也較少,同等的字號差異在小螢幕上的感受會被放大。原因是我們在使用這兩種裝置時的觀看距離不同,桌面端我們的眼睛離螢幕較遠,而在移動端則相反,因此我們應該在移動端使用較小的字號反差。
二、顏色反差
移動裝置使用環境複雜多變而不侷限在室內,可能在室外,甚至暴露在強烈的Sunny下,應確保文字在背景中不會識別困難,即使是色弱者也可以正常閱讀。建議的文字和背景的顏色反差比應該高於4.5:1(AA級),才能確保更多人及環境都可以輕鬆閱讀。
三、適當對齊
在英文的段落排版中,通常是左側對齊,而讓右側自然形成起伏邊。對中文排版與閱讀習慣而言則相反,特別是在移動端上閱讀,段落的頭尾對齊尤其重要。一邊是夾雜了數字或英文字母字元的情況下,原本中文的整齊排列被打亂了,右側嚴重參差不齊不美觀;一邊是微調文字的間距以補足右邊存大的空白,整潔對齊。
四、簡單突出
從移動端有限的螢幕以及頁面載入速度這兩方面來考慮,相較而言越簡單的排版會越容易引起關注。這是因為我們的大腦一開始看到這種簡潔排版,會立刻出現“嗯 我可以馬上看完不費勁”的潛意識資訊而帶著輕鬆的態度去閱讀。
設計師不僅可以採用對其原則,使頁面看起來更加具有規律性,還可以採用適當的顏色反差和大小反差,或者是較簡單的突出,提升頁面的可讀性,從而使使用者具有更加愉悅的瀏覽體驗。
隨著現階段人們對移動端產品的使用頻率不斷提高,設計師在進行移動端頁面排版時,需要注意更多問題。那麼移動端排版設計的注意事項有哪些呢?接下來千鋒給大家簡單講一下這個問題。
一、大小對比
在桌面端我們可能會採用字號差異較大的文字組合,移動端螢幕較小,容納的文字也較少,同等的字號差異在小螢幕上的感受會被放大。原因是我們在使用這兩種裝置時的觀看距離不同,桌面端我們的眼睛離螢幕較遠,而在移動端則相反,因此我們應該在移動端使用較小的字號反差。
二、顏色反差
移動裝置使用環境複雜多變而不侷限在室內,可能在室外,甚至暴露在強烈的Sunny下,應確保文字在背景中不會識別困難,即使是色弱者也可以正常閱讀。建議的文字和背景的顏色反差比應該高於4.5:1(AA級),才能確保更多人及環境都可以輕鬆閱讀。
三、適當對齊
在英文的段落排版中,通常是左側對齊,而讓右側自然形成起伏邊。對中文排版與閱讀習慣而言則相反,特別是在移動端上閱讀,段落的頭尾對齊尤其重要。一邊是夾雜了數字或英文字母字元的情況下,原本中文的整齊排列被打亂了,右側嚴重參差不齊不美觀;一邊是微調文字的間距以補足右邊存大的空白,整潔對齊。
四、簡單突出
從移動端有限的螢幕以及頁面載入速度這兩方面來考慮,相較而言越簡單的排版會越容易引起關注。這是因為我們的大腦一開始看到這種簡潔排版,會立刻出現“嗯 我可以馬上看完不費勁”的潛意識資訊而帶著輕鬆的態度去閱讀。
設計師不僅可以採用對其原則,使頁面看起來更加具有規律性,還可以採用適當的顏色反差和大小反差,或者是較簡單的突出,提升頁面的可讀性,從而使使用者具有更加愉悅的瀏覽體驗。