1、界面的整体布局排版、界面元素的内容、颜色、对齐方式、空间距离是否与原型图一致。
2、界面文字描述的大小、颜色、格式是否一致,无歧义,无错别字。
3、浏览器兼容性,检查以上问题在不同浏览器是否有异常。
浏览器兼容性:不同品牌的浏览器兼容性;
同一品牌不同版本的浏览器兼容性。
4、系统分辨率兼容性,检查以上问题在不同分辨率是否有异常。
以谷歌浏览器为例,如何调试:
(1)键盘直接选“F12”或者按照以下步骤进行:
(2)点击“Toggle device toolbar”:
(3)可以看到以下内容:
(4)更改分辨率大小:
浏览器分辨率使用排名: 数据来自于http://tongji.baidu.com/data/screen 百度统计
可以看出,pc端分辨率排行榜:
- 1920*1080
- 1366*768
- 1440*900
- 1600*900
- 1024*768
- 1280*720
手机端分辨率排行榜:
- 360*640
- 375*667
- 414*736
- 800*600
- 320*568