借助小屏幕——网页设计师审视页面设计的经验之一
更新时间:2012年12月17日
为何要把设计稿放在小屏幕的分辨率下检视?
众所周知,现在个人电脑设备屏幕越做越大,高端设备的分辨率也越来越高,但由于大屏幕设备价格较高导致普及率不高,再加上Pad、平板电脑等设备的流行,1024X768分辨率屏幕的占有率和使用率都居高不下。
以2012年11月为例,在中国范围来说,1024X768分辨率占有率和使用率都占全国网民数量的27.95%。
1024X768,1440X900,1366X768,是三个在国内网民群体内最主流的分辨率,它们的占有率和使用率总合加起来达69%以上,这说明全国网民中10个人里就有7个人是在使用这三种分辨率。
资料来源:CNZZ
为了方便设计师们检视自己的设计稿,我们在此提供一个1024X768分辨率下的IE8浏览器框架PSD文件以供大家使用:
打开这个文件,然后把自己的设计稿JPG直接放在这个浏览器框架下,看看自己设计的画面中,重点的,出彩的内容是否已经看不到了。
如果存在LOGO、标题、人物或者卡通形象、导航等页面重点元素无法在1024X768范围内显示完整的问题,请及时作出调整和修正,以避免此类硬伤。
这样做的意义何在?
首先,当然是保证绝大多数的受众用户都可以看到页面上最必要的信息。
谁也不希望自己设计的页面在iPad上看,发现标题文字被截断,或者企业Logo消失不见。
其次,收敛过分的设计,可以缩减页面上图片的尺寸,降低服务器带宽占用,优化用户打开页面的时间。