因为相机结构的原因，早期最传统的120胶片画幅就是正方形（6*6cm），即1：1的比例，此比例更容易的将构图规整，使其最大程度的突出照片主体 。
在如今的电商APP中，商品图片绝大多数都遵循了1：1的比例，不管横向还是纵向都能将信息进行完整化的展示，且方便多场景、页面的适配 。另外，用户头像也都使用了这一比例 。

文章插图
2）3:2比例
起初135胶卷的比例就是3：2，主要是因相机取景框的大小而决定 。在移动端，这一比例使用也比较广泛，例如新闻、旅游类型产品，在拍照之后无需裁剪等处理，直接上传使用，非常方便 。

文章插图
3）4:3比例
随着摄影的发展，小/微型相机出现而诞生4：3比例，且移动设备发展迅速，在非专业摄影的情况下，手机能很大程度上代替单反并成为主流拍照设备，目前市场上主流手机的拍摄尺寸基本都为4：3比例 。相比3：2的图片，4：3图片占比更大，能最大化显示图片以突出重点信息 。

文章插图
4）16:9比例
根据人体工程学的研究，人眼视野范围的比例约为16：9的长方形，所以电视、显示器及投影范围的设计都是基于这个黄金比例 。
线上产品不用多说，影视类型的产品均采用16：9的尺寸，例如爱奇艺、优酷、腾讯视频等，到目前为止，这个比例在设定上还没出现过问题 。

文章插图
在上述4个尺寸中，最容易混淆的是3：2和4：3，如果不清楚如何选择，请根据产品目标定位，看看到底是以内容为主导还是图片为主导 。例如：资讯类型产品很注重标题文案，即会使用上文下图、左文右图的版式，选择3：2作为封面，以降低图片的视觉重量；旅游、租房类产品，则可使用4：3的图片，以传达更多信息 。这种选择方式虽然不是绝对，但当我们陷入两难的困境时，可作为参考依据帮助快速决策 。
1）单图布局
全屏：具有很强的视觉冲击力，非常适合用于传播行业属性及品牌调性 。单图全屏布局处理灵活，可整体突出、局部特写或加纯色不透明度纹理/遮罩，对图片细节、构图等有较高的质量要求，一般用于登录、启动引导、产品介绍背景等页面 。
卡片：以单张图片作为视觉引导，宽高不固定，但占据界面大部分区域及重要位置，主要突出产品调性和成为吸引用户的流量入口，促使用户与其产生交互行为 。常用于产品详情页头图、推荐页、专题入口等 。

文章插图
2）图文列表
在图文列表界面，很多时候，我们都在想一个问题，到底是选择左图右文、左文右图还是上图下文？所以我们首先要明白F式（从上到下、从左到右）浏览布局，这也跟人眼的浏览习惯相吻合，然后确定图、文信息内容的权重，根据优先级将重要的信息放在关键位置 。
单列组合
左文右图：以文字为主、图片为辅，主要强调文字信息，且图片与标题的关联性不是很大，能减少减少图片对文字的干扰，对图片的质量要求不高，很多新闻、资讯类产品都是选用这种方式布局 。
左图右文：在图片内容优先于文本内容的情况下，采用左图右文的方式，更强调以图片直观的传达内容、吸引用户的视线，对图片的质量要求高于左文右图，一般是电商、旅游类产品的最佳之选 。

• 农村最好风水户型 按照风水设置农村户型
• 怎样设置网页字体大小 网页字体大小设置在哪里
• 使命召唤7怎么设置最流畅 使命召唤7配置文件
• 淘宝旺旺满意度怎么提升？怎么设置？
• 淘宝坏单包赔怎么理赔？怎么设置？
• 淘宝品牌店有什么标签？淘宝店铺标签怎么设置？
• ppt形状怎么置于底层 ppt置于顶层快捷键怎么设置
• word添加动态效果 Word动画设置
• word表格序号怎么自动生成 word序号自动排序怎么设置格式
• 苹果xr怎么设置来电闪光灯亮 xr为什么不能显示电池百分比了