第壹,尺寸對比
在桌面方面,我們可能會使用字體大小差異較大的字符組合。在移動端,屏幕更小,包含的字符更少,所以同樣的字體大小差異的感覺在小屏幕上會被放大。原因是我們在使用這兩種設備時的觀看距離不同。我們的眼睛在桌面上離屏幕很遠,而在移動端正好相反,所以在移動端要用更小的字體大小對比度。
二、色彩對比
移動設備的使用環境復雜多變,並不局限於室內。它可能在戶外,甚至暴露在強烈的陽光下。要保證文字在背景中不難以辨認,即使是顏色較淡的人也能正常閱讀。建議文字與背景的顏色對比度高於4.5:1(AA級),以保證更多人和環境能輕松閱讀。
第三,正確對齊
在英文段落排版中,通常左側對齊,右側自然形成波浪形邊緣。對於中文排版和閱讀習慣來說,則相反,尤其是在移動端閱讀,段落對齊尤為重要。壹方面,當數字或英文字母字符混在壹起時,打亂了中文原本整齊的排列,右側嚴重凹凸不平,不美觀;壹邊微調文字間距,彌補右邊的大空間,整齊對齊。
第四,簡單突出
考慮到移動端有限的屏幕和頁面加載速度,更簡單的排版會吸引更多的關註。這是因為當我們的大腦第壹次看到這種簡潔的排版時,會立刻產生壹種“嗯,我可以毫不費力地馬上看完”的潛意識信息,以壹種輕松的心態去閱讀。
設計師不僅可以采用使頁面看起來更規則的原則,還可以采用適當的顏色對比和大小對比,或者簡單地突出顯示,以提高頁面的可讀性,讓用戶有更愉快的瀏覽體驗。