最近要写UI设计规范,先研究一下网页设计里的尺寸问题。
一、分辨率
网页设计的尺寸主要和两个因素有关,一个是电脑显示器的分辨率,还有浏览器的分辨率,其实还有一些操作系统,Windows或者Mac os或者其他的。什么叫分辨率呢,比如说1024×768的,就是横向有1024个像素,竖向有768个像素,整个屏幕可以看成是一个象棋盘,屏幕的尺寸是14寸还是15寸的,这个尺寸是不会变的,电脑是多大就是多大,变化的是电脑设置的分辨率,如果相同尺寸的屏幕,分辨率越大画面就越精细,比如我的电脑,如下图:
第一张,分辨率是800×600的,显而易见,图标变得特别大,特别模糊,第二张是1920×1080的,看起来正合适,因为我的电脑分辨率就是这个,电脑是多少寸的就是指屏幕的对角线长度,再有,如果两台设备都是19寸的,16:9和4:3的屏也是不一样的,4:3的较大一些。
在这普及一个小知识,寸和英寸的换算,英寸是英式的,寸是中式的,1英寸=2.54厘米,1寸等于3.3厘米,1英寸=0.762寸。
二、有效可视区域
当下比较流行的屏幕分辨率有1024×768,1366×768,1280×800,1280×1024,1440×900,1600×900,1920×1080等