做UI设计时,不同图片比例适合哪些类型的APP

Post 3 of 829

UI设计的时候,如果遇到图片比例不知道如何设定的时候,你会怎样做?一般来说,常见图片比例主要有3: 2、4 : 3、1 : 1、16 : 9四种,不同的比例应用的方式都不一样。

3:2图片比例

做UI设计时,不同图片比例适合哪些类型的APP

3:2这个尺寸早期是源于相机胶卷,采用这比例也并非什么黄金比例,而是因为相机的像场大小决定的。随着移动设备的发展,4:3和16:9的图片数量占比追上了传统摄影的3:2,。不过国外还有很多APP是用这比例的,例如:Airbnb的热门目的地和出游去处模块就是采用3:2的比例。

4:3图片比例

做UI设计时,不同图片比例适合哪些类型的APP

随着小型相机,如微单一类的相机出现,3:2像场不够用,加上当时传感器技术有限,无法把CCD的长度做到很长,但人们又需要尽可能在小体积上实现更高像素。这时他们会把图片尺寸做得更放, 而在所有几何图形中,对角线距离相同,图形越接近圆形,图片占比面积也就越大。

在具体图片设定中,应该选择3:2好还是4:3好?最简单的方法就是看产品目标。如果是以内容为主,可选择能展示更多内容的3:2图片尺寸,露出更多图片信息。如果是以图片为主,则采用4:3图片尺寸,让图片能更好地展示。

1:1图片比例

做UI设计时,不同图片比例适合哪些类型的APP

1:1是传统的120胶片画幅,也叫大画幅。利用此比例能更容易将构图归整得简单,突出主体的存在感。因此,这一比例多用于需要突出主题图片,如:电商类以图片促进销售的APP以及一些产品图片和头像等。例如:天猫和咸鱼,由于图片多为用户上传,图片比例或质量都不统一,加之图片直接决定用户的点击量,因此往往会采用1:1的比例将图片展示最大化。

16:9图片比例

做UI设计时,不同图片比例适合哪些类型的APP

16:9根据人体工程学的研究,人的眼睛视野范围是一个长宽比例为16:9得长方形,所以电视和显示器行业等都是根据这一黄金比例设计产品。在设计时,使用这一尺寸比例的设定主要和拍摄器材有很大的关系,因此在视频类的APP大多会采用16:9的比例。

总的来说,3:2图片比例对设计要求较高,一般适用于相对专业以及以内容为主的APP,可承载更多内容。4:3图片比例能应用的APP较多,尤其是以图片为主的APP。1:1由于更容易将构图归整得简单,突出主被摄体得存在感,因此适合电商类产品,用来引导用户购买。至于16:9则越来越普及,但目前更多是运用在视频APP的比例设计上。

This article was written by admin

MENU
網頁設計公司