平板端的屏幕尺寸比手机端的大,用户与屏幕的距离比手机端远,因此:适当增加字体大小;导航菜单的内边距适当增大;内容之间的间距适当加宽
图662-1:平板端网页1
1、 增加字体的大小
这样设计最明显是提升界面的可读性,在原有的字体上,可以合理的增大一些字体的PX值,或者是提升字体显示的em值。毕竟平板端的屏幕尺寸也是有较强的局限性,除此之外还与用户的握持方式和旋转角度有关。而让用户顺利点击成功,很明显的一点是取决于界面的可读性。
图662-2:不同端的网页
2、 导航菜单项的内边距适当的增大
比如先尝试增加5个像素,如果允许的话还可以增加多一点。内边距增加的话,用户点击成功的机率当然会提升。
图662-3:平板端网页2
3、 对页面和内容块的外边距适当的增大
用户体验的良好与否很大程度取决于界面的整体易读性,因此要降低用户的视觉负担,留白变得很有必要!
图662-4:响应式网页设计
转载请注明:网创网 www.netcyw.cn/b662.html
加油!!!