发布时间：2021-6-14 分类： 行业资讯
想知道如何设置图片的比例？然后进来看看〜
在进行UI设计时，您是否遇到过不知道如何设置比例的图片？当我这样做时，我遇到了这个问题。
我在互联网上发现了很多信息，通过体验一些主流应用程序，我总结了一些常见的图像比例，主要是：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仍然使用这个比例。
Airbnb的热门目的地和出站模块通常使用3: 2的比率。
您可能想问：为什么图像尺寸是单数？
实际上，这是基于屏幕（宽度 - 间距）/图片数量=图片宽度，所以这张图片不是固定的，而是缩放的。高度根据比率计算。有时计算的数字可能不是整数，因此我们需要选择要使用的整数，其他比例是相同的。
第二，4：3
随着摄影的出现，4到3出现了小型相机（如微单）。
这是由于低成本镜头的小型化，对每个人来说最大的问题是场地不够。而且由于传感器技术当时受到限制，CCD的长度不能很长，因此人们需要尽可能在较小的体积内获得更高的像素。
我该怎么办？
最好的方法是使比例更正方形！我们都知道，在所有几何图形中，对角线距离相同，图形越接近圆形，图像区域越大。
在特定的图像设置中，图像为3: 2或4: 3，在设计时容易混淆。在这里，我有一个简单的方法让您快速做出决定，即查看产品的目标——也就是说，他是基于内容还是基于图像的APP。
下面我比较和分析水平和垂直图像的情况。
看看上面的图片，我们知道在同一屏幕的情况下，4: 3图片的比例较大，因此在同一屏幕显示中，比例小于3: 2中显示的比例。
因此，在设计中，我们还可以从产品定位来判断，无论是内容还是形象。
例如：在大多数女性用户中，是一个基于图片的APP，所以他使用的比例为4: 3.尼斯类似于中，但其产品针对内容，所以他选择了3: 2的比例，可以显示更多内容。
在这里我使用尼斯和厨房故事进行比较，尼斯我们知道要显示内容，所以他的照片大部分都是0: 2.优点是在相同的横屏尺寸下，这个比例可以显示更多的图片信息。
厨房故事主要基于食物的图片，所以为了更好地展示图片，他的照片大多数比例为4: 3.
第三，1：1
1: 1是传统的120电影帧，也称为大画面对。由于相机结构等原因，胶片为方形，一般为6次; 6厘米。
使用此比率可以更轻松地以简单的方式组织构图，突出显示主要主题的存在。
因此，此比率主要用于需要突出显示主体的图片，例如：通过图片促销销售的电子商务应用，以及一些产品图片，头像等。
天猫——也就是说，电子商务应用程序，因为图像直接决定用户的点击量，它通常以最大化图像显示的方式使用1: 1。
由于免费鱼的产品图大多是由用户上传的，因此图片的比例或质量不均匀，因此设计的比例为1: 1，而头像的设计比例通常为1: 1。
四，16：9
16: 9根据人体工程学研究，发现两只眼睛的视野是一个长宽比为16: 9的矩形，因此电视和显示器行业按照这个黄金比例设计产品。
在设计时，图片的大小与这些拍摄设备有很大的关系，因此视频类型的APP大多使用16:的比例9.
腾讯视频他的视频播放页面以及封面均采用统一的16：9比例。基本上，我们目前看到的视频是这样大小的，所以这在当前设置中不是问题。
V.摘要
3: 2因为他是用专业相机拍摄的，所以设计要求比较高，因此一般用于比较专业的APP。同时，在产品定位方面，基于内容的APP，画面相对较小，可以携带更多内容。
4: 3是一个小型相机，这种类型的相机用户群很大，所以仍然有很多应用程序在使用，而且它们的图片占3：2，所以比例主要基于图片。 APP。
1：1使用此比率，可以更简单地组织构图，突出显示主要拍摄对象的存在。因此，它主要用于电子商务，有必要用图片引导用户购买，并设计产品图纸和头像。
16: 9随着移动设备的发展，16：9越来越受欢迎，目前用于视频的比例设计。
参考：图片比例演变历史：3: 2,4: 3,16: 9差异
原文地址：http://t.cn/RnSil00
翻译：风筝，要成为阳光的小正能量，不要拖延，不要偷懒，为孩子们鼓舞人心的好榜样。
本文最初由@海盐社发布。未经许可，禁止复制
该地图来自Unsplash，基于CC0协议
