图片比例设定

图片比例有什么讲究

图片的设计在APP中是非常常见的话题,图片的展示方式和图片质量会影响用户对产品的感官体验,也会影响后台数据的管理。我在设计中也会遇到这样的问题,于是我就去网上收集资料,以及体验一些主流的APP,归纳出一些比较常见的APP图片比例。我从图片比例、一致性来聊聊图片的比例设定。

常见的图片比例

      

通过体验我总结了目前比较常见的APP图片比例一共有5种,分别是4:3、3:2、1:1、16:9以及16:10,也会发现有一些打破常规的图片比例,不同比例的图片所传达的信息主体不同,我们需要分析他们的性格,结合产品特性,才能在设计中合理的加以运用。

4:3图片紧凑,更容易构图

     

特点:更易构图,方便设计师发挥。手机屏幕容量较小,图片作为全屏展示的情况下,该比例在APP设计布局中占用空间较大。

运用场景:图片为主的产品,站酷、UI中国等以图片展示为主的都采用这个比例。

3:2 展示内容为主,图片占比较小

特点:产品类型一般以展示内容为主,同屏显示情况下,展示内容较少,可承载更多内容。

运用场景:以内容为主的产品,比如爱彼迎。

1:1 强调主体存在感,结构简单

特点:1:1图片比例是比较常见的图片比例,利用此长宽比更容易将结构归整的简单,突出主体存在感。

运用场景:图片促销类APP,以及一些产品图片、头像、特写展示等场景,电商类产品中常见

16:9  电影场景感的效果

     

特点:16:9的图片比例常常运用在视频类的产品中,能够给用户一种视野开阔的体验,多用于横向构图。

运用场景:电视、视频、影视娱乐类APP中,如芒果TV、腾讯视频等

16:10  黄金比例

     

特点:16:10的图片比例最为接近黄金比例

运用场景:视频、影视娱乐类APP中,如咪咕爱看

总结

1.视觉一致性 ,相同主体,在不同页面中最好采用相同比例呈现

2.结合产品特点选择符合产品气质的图片比例

     1.以商品展示效果为准,选择能够展示商品特点的产品展示比例

     2.以产品气质为准,选择符合产品气质的图片展示比例

3.根据版面布局灵活定义特殊的比例值