『千锋程序猿』UI设计师在设计移动端页面时需要注意这些!

随着现阶段人们对移动端产品的使用频率不断提高 , 设计师在进行移动端页面排版时 , 需要注意更多问题 。 那么移动端排版设计的注意事项有哪些呢?接下来千锋给大家简单讲一下这个问题 。
『千锋程序猿』UI设计师在设计移动端页面时需要注意这些!
文章图片
一、大小对比
在桌面端我们可能会采用字号差异较大的文字组合 , 移动端屏幕较小 , 容纳的文字也较少 , 同等的字号差异在小屏幕上的感受会被放大 。 原因是我们在使用这两种设备时的观看距离不同 , 桌面端我们的眼睛离屏幕较远 , 而在移动端则相反 , 因此我们应该在移动端使用较小的字号反差 。
二、颜色反差
移动设备使用环境复杂多变而不局限在室内 , 可能在室外 , 甚至暴露在强烈的阳光下 , 应确保文字在背景中不会识别困难 , 即使是色弱者也可以正常阅读 。 建议的文字和背景的颜色反差比应该高于4.5:1(AA级) , 才能确保更多人及环境都可以轻松阅读 。
三、适当对齐
在英文的段落排版中 , 通常是左侧对齐 , 而让右侧自然形成起伏边 。 对中文排版与阅读习惯而言则相反 , 特别是在移动端上阅读 , 段落的头尾对齐尤其重要 。 一边是夹杂了数字或英文字母字符的情况下 , 原本中文的整齐排列被打乱了 , 右侧严重参差不齐不美观;一边是微调文字的间距以补足右边存大的空白 , 整洁对齐 。
【『千锋程序猿』UI设计师在设计移动端页面时需要注意这些!】四、简单突出
从移动端有限的屏幕以及页面加载速度这两方面来考虑 , 相较而言越简单的排版会越容易引起关注 。 这是因为我们的大脑一开始看到这种简洁排版 , 会立刻出现“嗯我可以马上看完不费劲”的潜意识信息而带着轻松的态度去阅读 。
设计师不仅可以采用对其原则 , 使页面看起来更加具有规律性 , 还可以采用适当的颜色反差和大小反差 , 或者是较简单的突出 , 提升页面的可读性 , 从而使用户具有更加愉悦的浏览体验 。


    推荐阅读