这里是普通文章模块栏目内容页
你还不知道图片比例该如何设定?

大家在做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的长度做到很长,因此人们需要尽可能得在小体积上实现更高像素。

收藏
0
有帮助
0
没帮助
0