你们好,我是城市经济网的客服小球,今天为大家说一下这个手机图片尺寸多少合适,ipad修改图片尺寸的问题,让我们一起来看看吧!
想知道如何设置图片的比例?那就进来看看吧~
你在做UI设计的时候,有没有遇到过不知道如何设置图片比例的情况?我在做的时候遇到了这个问题。
在网上找了很多资料,通过体验一些主流app,总结了一些常见的图片比例,主要有:
那么图片比例在设计中是如何设定的呢?
以下四个比例是专门为每个人分析的:
I . p style=' text-indent :m;text-align : left;'3,360尺寸实际上是从体积比推导出来的,之所以不采用体积比,是因为它是黄金比例,而是由相机的像场尺寸决定的。
早期徕卡透镜的成像圆约为m,胶片的宽度为m,所以如果在m的圆上切一个宽度为m的矩形,边长正好为m,即比值。
与此同时,徕卡几乎是业内唯一一家公司,因此其他品牌的相机也纷纷效仿。
但随着移动设备的发展,手机已经在很大程度上取代单反成为主流摄像设备, 3360画面的比例在:半分钟内已经赶上了传统摄影。然而,许多国外应用程序仍然使用这一比例。
Airbnb流行的目的地和目的地模块通常使用:的比例。
你可能会想问:为什么会有奇怪的图片尺寸?
其实是基于屏幕的(宽度-间距)/图片数量=图片宽度,所以这张图片不是固定的,而是按比例缩放的。根据身高比例,有时候计算出来的数字可能不是整数,所以我们需要选择一个整数来使用,其他的大小比例都是一样的。
二、p style=' text-indent :m;text-align : left;'随着摄影技术的发展,小型相机(如微型相机)应运而生。
这是因为低成本镜头的小型化,大家最大的问题就是像场不够。而且由于当时的传感器技术有限,无法将CCD的长度做得很长,所以人们需要在尽可能小的体积内实现更高的像素。
我该怎么办?
最好的办法就是让比例更方!众所周知,在所有的几何图形中,对角线的距离都是一样的,而且图形越靠近一个圆,画面面积就越大。
在具体的图片设置中,图片是:还是:在设计时容易混淆。在这里,我有一个简单的方法供大家快速决策,那就是看产品3354的目标定位,也就是是面向内容还是面向图片的APP。
下面,我将分别从横向和纵向两个角度进行对比分析。
从上图我们知道,在同屏的情况下,块占的比例比较大,所以这个比例比同屏显示的:块显示的要小。
所以在设计时,我们也可以从产品目的的定位来判断是关注内容还是图片。
比如in大部分是女性用户,一个基于图片的APP,所以他采用了:的比例。Nice和in差不多,但是它的产品宗旨是内容导向的,所以他选择了:的比例,可以展示更多的内容。
在这里,我把尼斯和厨房的故事相比较。Nice,我们知道,主要是展示内容,所以他的图片大部分采用:的方法。优点是在相同的横屏尺寸下,这个比例可以揭示更多的画面信息。
而厨房故事主要是以美食类的图片为主,因此为了图片更好的展示,因此他的图片大多采用: 比例。
三、p style="text-indent: m; text-align: left;">: 传统的片画幅,也叫大画副。因为相机结构和其他一些原因,导致了胶片是方形的,一般为米。利用此比例更容易将构图归整得简单,突出主被摄体的存在感。
因此,这一比例多用于需要突出主体的图片,比如:电商类以图片促进销售的APP,以及一些产品图片,头像等。
天猫——也就是电商类的APP,由于图片直接决定用户的点击量,因此往往会采用: 这种,可将图片展示最大化的方式。
闲鱼的产品图由于多为用户上传,图片的比例或者质量都不统一,因此也多采用: 例进行设计,另外头像往往也是以比例设计。
四、p style="text-indent: m; text-align: left;">: 据人体工程学的研究,发现人两只眼睛的视野范围是一个长宽比例为: 长方形,所以电视、显示器行业根据这个的黄金比例尺寸设计产品。在设计时,图片的尺寸设定和这些拍摄器材有很大的关系,因此在视频类的APP中大多用: 比例。
腾讯视频他的视频播放页面,以及封面都是采用统一的比例。基本上目前我们看到的视频,均是采用这种尺寸,因此这个目前在比例的设定上还没有出现过问题。
五、总结 : 于他是由专业的相机拍摄而成,对设计的要求也相对较高,因此一般用于相对较专业的APP中。同时在产品定位上以内容为主的APP,图片相对占比较小,可承载更多的内容。: 由小型相机拍摄而成,这类相机用户群体较大,因此目前还是有很多APP在使用,同时其图片占比较,因此这一比例主要是产品以图片为主的APP。利用此比例,更容易将构图归整得简单,突出主被摄体的存在感。因此多用于电商类,需要用图片引导用户购买等情况,以及产品图和头像的设计。: 着移动设备的发展,来越普及,目前多运用在视频的比例设计上。译文作者:风筝,做个正能量的小太阳,不拖延,不偷懒,励志为孩子做个好榜样。
本文由 @海盐社 原创发布于人人都是产品经理。未经许可,禁止转载
题图来自 Unsplash ,基于 CC协议
本文到此结束,希望对大家有所帮助。