大家在做UI设计时,是否遇到过图片不知道如何设定比例的情况?我在做的时候就遇到过这个问题。
我在网上找了很多资料,同时通过体验一些主流的APP,我归纳了一些常见的图片比例,主要有:3 : 2、4 : 3、1 : 1、16 : 9这四种。
那么在设计时图片比例又是如何设定的呢?
下面针对这四种比例具体为大家分析下:
一、3:2
3 :2 这个尺寸,其实源于 135 胶卷的比例,采用这一比例并不是因为它是黄金比例,而是由相机的像场大小决定的。
在早期徕卡镜头的成像圈大约为44mm,而胶卷的宽是24mm,因此如果在44mm的圆上截取一块宽为24mm的长方形,那么边长正好为36mm,也就是 3 比 2 的比例,。
同时由于徕卡几乎是行业内一家独大的公司,因此其他品牌相机也纷纷效仿这一比例。
但是随着移动设备的发展,手机很大程度上替代单反成为主流拍照设备,4 :3 和16 :9 的图片数量占比追上了传统摄影的3 : 2,半分天下,不过目前国外很多的APP还是用这一比例。
爱彼迎的热门目的地和出游去处模块,典型采用了3 :2 的比例。
大家可能想问:为什么图片尺寸有单数?
其实这里是根据屏幕的(宽度-间距)/图片数=图片宽度,因此这个图片不是固定的,而是等比例缩放的。高度根据比例在进行计算,有时候计算出来的数可能并不是一个整数,因此需要我们自己去选择一个整数来运用,其他的尺寸比例也是一样的。
二、4:3
4 比 3 是随着摄影的发展,小型相机(例如微单)的出现而诞生的。
这是由于小型化低成本镜头上,大家最大的问题是像场不够用了。而且由于当时传感器技术有限,无法把CCD的长度做到很长,因此人们需要尽可能得在小体积上实现更高像素。