随手记-APP中图片的设计比例

在设计APP界面时，大概新手设计师都会遇到图片比例不知如何设定的情况，这里记录一下常见的图片比例，大概有以下几种：

3:2、4:3、1:1、16:9

图片按照比例设计，不仅会让界面更统一，同时也方便后期维护。下面分别针对这几种比例进行分析一下。

---比例 3:2（750:498）

3:2=1.5，靠近黄金比例1.618，使用相机拍照的图片尺寸比例就是3：2，其他尺寸都是通过裁剪得到，因此3:2尺寸在应用中展示图片内容比较全，视觉效果也会较舒服一些。

该比例多用于横图中，比如商品列表、banner图。

可能大家想问为什么图片尺寸有单数？ 提示这里是根据公式：【（屏幕的宽度-间距）/图片数=图片宽度】，因此这个图片不是固定的，高度根据比例进行计算，有时候计算出来的数不是整数，这就需要我们自己去选择一个整数来运用。

---比例4:3（750:563）

4:3在设计中也很常见，相比于3:2，排版会更为紧凑，多用于图片占比重较大的APP中（图片面积更大），也多用于产品列表、banner中。

那么在设计时我们应该选择3:2还是4:3呢？这就需要看产品的目标定位了，也就是需要看是以内容为主，还是以图片为主。

采用3:2的比例，优势就是在同样的大小中，展示更多的图片信息；而4:3的比例主要是展示图片中的内容信息。

---1:1（方形）

这种构图图片占比比较大，因此多用于产品展示、头像、特写展示等场景中，常用于电商设计。

---16:9

16:9主要在电影中常见，该比例来源于电影屏幕的尺寸比例，同时与我们的设备也更加匹配，该构图给人视觉开阔的感受。

---16:10（黄金比例）

16:10是最接近黄金分隔的，因此现在一些设计也开始做16:10的设计。

【总结】

· 3:2一般用于相对较专业的APP中，同时在产品定位上以内容为主的APP，图片相对占比较小，可承载更多的内容。

· 4:3由于占比相较于3:2大，因此这一比例主要用于以图片为主的APP。

· 1:1多用于电商类，需要用图片引导用户购买时，或者产品图和头像的设计，构图规整简单，突出照片主题。

· 16:9目前多用于视频的设计比例上。

· 16:10黄金比例，有替代16:9的趋势。