网页界面空间的影响要素打开同一个网页时,不同的机器上看到的界面效果可能大不相同,这是由于网页显示媒介的特性所决定的。网页界面空间显示依赖于显示器的分辨率与浏览器这两大因素。
1. 分辨率与显示器
分辨率是屏幕上图片所呈现的精细度。一般而言,较高的分辨率的图片所呈现出来的细节越多、效果越好。屏幕分辨率的单位是像素,是一个相对单位,即物理设备上的1像素。一般以纵向像素×横向像素来表示一个终端设备的分辨率。如当前显示器的屏幕分辨率是1920像素×1080像素,即每一条水平线上包含有1920个像素点,共有1080根水平线。 同一显示器看一个网站,高分辨率与低分辨率看到视觉效果会有一定差别。需要特别强调的是屏幕像素密度不是像素分辨率,屏幕像素密度是指屏幕上每英寸可以显示的像素点的数量,单位是像素/英寸(pixels per inch,ppi)。如大多数网站制作常用图片ppi为72,即每英寸像素为72。
2. 浏览器
浏览器是指可以显示网页服务器或文件系统的HTML文件内容,并让用户与这些文件交互的一种软件。常用的浏览器有Chrome、IE、Safari、火狐、UC等,用户可以根据自己的喜好及浏览器特性来选择使用。不同浏览器所用的内核不一样,其渲染机制也不相同,所以同一网页用不同浏览器访问的视觉效果和响应时间也会略有不同。
另外,浏览器版本不同,显示也会有所差异。一般情况下,高版本浏览器与一般浏览器的不同之处主要表现在圆角、阴影、动画、文字阴影、背景渐变等方面。我们难以让网页100%兼容所有浏览器,这就要求我们在设计界面时,需要针对当前主流用户群来选择测试的浏览器。如何确定主流浏览器,可根据相关机构的统计数据进行选择。