在现代化的今天,图片在app中随处可见。我们通常只关心图片的内容而没有想过图片的比例其实也有一定讲究。目前常见的图片比例有1:1、2:3、4:3、16:9,为什么不同app中需要用到这些不同的图片比例?其实不同的图片比例有各自的适用场景。今天就简单和大家聊一聊这些常见的图片比例与各自的适用场景。

图片比例1:1——特写展示

1:1是属于正方形构图,这种比例的图片占比较大,适用于产品的展示、特写、头像等,在电商类app中经常出现。

图片比例2:3——黄金比例

图片比例2:3≈0.666,非常接近黄金比例。在照相机中全画幅尺寸就是2:3,看上去比较舒服。该比例在app中多用于横图展示,比如横幅图、商品列表等。

图片比例4:3——画面紧凑

4:3的图片也非常常见,与上面的2:3的图片比例相比,4:3的图片内容更加紧凑。多用于以图片为主导的app中,也出现在横幅图或者产品列表中。

图片比例16:9——视觉宽广

16:9比例是电影视频中常见的构图比例,这种比例能够给人一种视觉宽广的感受,多用于视频类app

总结

  1. 图片比例1:1构图容易,更突出被摄主体地位。多用于电商类引导用户购买,或者是产品图和头像的设计。
  2. 图片比例2:3主要由专业相机拍摄生成,一般用于较为专业的app中,同时主要以文字内容为主,图片占比相对较小,可以承载更多的内容。
  3. 图片比例4:3由手机等小型化镜头拍摄而成,目前使用群体较多,因此该比例经常出现在许多app中,其比例比2:3更大,所以更加适用于以图片为主的app中。
  4. 图片比例16:9随着移动设备的发展普及开来,多用于视频app中。

以上就是我这次带给大家的分享内容,希望能帮大家初步了解到常见的图片比例以及在不同app中的适用场景。如果觉得还不错的话记得点赞收藏,之后我还会分享更有意思的内容。

常见的图片比例有哪些?App中不同图片比例适用场景相关推荐

  1. Delphi FMX正确设计和加载图片满足分布式跨平台App的性能需求-分布式跨平台App中美工图片的处理、上传下载、并发及客户端显示技术架构

    Delphi FMX正确设计和加载图片满足分布式跨平台App的性能需求 分布式跨平台App中美工图片的处理.上传下载.并发及客户端显示技术架构 [综合:客户端(内存耗用.设备屏幕的自动适配).服务端( ...

  2. ipa图片解密 php,ipa文件中的图片获取

    为什么要扒ipa中的资源 做外包的同志们应该都了解,经常会接到高仿某app的项目,UI和开发并行的情况下,估计框架都搭完了,UI美美图还没切好,所以我们就要从高仿的app中把我们需要的图片先扒出来,暂 ...

  3. python读取excel图片尺寸_Python读取excel中的图片完美解决方法

    excel中有图片是很常见的,但是通过python读取excel中的图片没有很好的解决办法. 网上找了一种很聪明的方法,原理是这样的: 1.将待读取的excel文件后缀名改成zip,变成压缩文件. 2 ...

  4. android textview图片,Android如何在TextView中显示图片

    大家好,今天和大家分享如何在TextView中加入图片的功能,有两种方式,第一种是继承TextView实现图片通过重写来实现图片的显示功能,第二种是利用现成的api实现图片的显示功能.我们知道Text ...

  5. java 图片动画_java在窗口中添加图片做动画,怎么一闪一闪的?

    该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 视频来自:优酷 在java中添加图片做动画效果,怎么一闪一闪的运动啊?怎样才能让它不闪的连续运动呢? 下面是代码,代码项目project里有两个类,一个是 ...

  6. Java代码服务器上下载图片_Java如何从服务器中下载图片

    import java.io.IOException; import java.io.InputStream; import java.io.OutputStream; import java.net ...

  7. 将mysql数据库中的图片读出来的_MySQL存入图片+Qt读入读出数据库中的图片

    还记得之前的一个项目里要向数据库中存入图片,然后Qt要在数据库中读入读出图片,当时纠结了好久,查阅了很多资料才解决,所以希望本文能给需要朋友点帮助.好了废话不多说,下面开始讲实现步骤. 1.MySQL ...

  8. 设计图片转换html5,在HTML5中翻转图片

    貌似 HTML5 的 Canvas 只提供了图片的旋转.缩放功能,没有提供图片翻转(水平翻转或垂直翻转)的支持,搜索加试验之后,得到几种实现图片翻转的方法,记录一下. 第一种最简单的是使用 CSS,代 ...

  9. ie css 图片边框颜色,CSS-在Chrome / IE9中删除图片边框

    CSS-在Chrome / IE9中删除图片边框 我试图摆脱在Chrome和IE9中为每张图片显示的细边框.我有这个CSS: outline: none; border: none; 使用jQuery ...

最新文章

  1. 的标题形状工具在哪里_在PPT中如何用好形状排版
  2. ai条码插件免安装_ai条码插件2款下载|Barcode Toolbox插件+Barcode条码插件下载 - 偶要下载站...
  3. Markdown通用的常用语法说明
  4. 结合Scikit-learn介绍几种常用的特征选择方法
  5. php密码复杂,不要再强迫我设置复杂密码
  6. npoi 删除多行 操作excel_NPOI操作excel 2007/2010版本
  7. GlobalAlloc全局内存的使用
  8. hibernate oracle clob 注解,Hibernate3.X实现基于CLOB字段类型的注解方式:
  9. 计算机科学导论考试A卷试题,09级计算机科学导论A卷答案
  10. HTML的文本格式化
  11. php单例模式深入讲解
  12. pythonATM,购物车项目实战4-settings配置设置
  13. js函数中变量声明提前
  14. ajax后台重定向会返回什么_处理jquery ajax重定向
  15. PCA9685与 NXP1768单片机iic通信,扩展PWM端口。已调试成功。
  16. 开发系统所需的服务器,开发软件的服务器需要什么配置
  17. stm8s003中串口中断问题
  18. 各个版本Microsoft Visual C++运行库下载
  19. 【Unity入门】24.碰撞检测
  20. MySQL Log Messages: page_cleaner: 1000ms intended loop took 8120ms.

热门文章

  1. 修改相关properties配置文件后,配置正确,没有生效。
  2. SAP CO-PC物料标准价格更改方案
  3. DPDK内存管理 ----- (四) rte_mbuf
  4. 程序员的算法趣题Q50: 完美洗牌
  5. 第四章 Cesium学习入门之加载离线影像图(tif)
  6. Ubuntu 18.04刷机问题汇总
  7. STM32学习之温湿度检测——DHT11
  8. 对辊柱塞式成型机总体设计
  9. minGw64编译Qt时遇到too many sections问题
  10. flutter 九宫格菜单_flutter GridView 九宫格