上海交大平面设计培训学校

试听课 + 活动课
填写信息优先获取试听课

位置:学校首页 > 学校动态>哪些图片适配知识视觉上容易被忽视

哪些图片适配知识视觉上容易被忽视

  哪些图片适配知识视觉上容易被忽视

  在设计时,很容易随着产品原型而忽略了一些小的设计,特别对于新手设计师来说。为了帮助大家更好的设计产品,下面就来告诉你们哪些图片适配知识容易被忽视。

  大图布局

  大图布局是指无论用户上传多少张图片,Feed流中都会显示为大图片,可以直接点击细节或滑动查看其他图片。对于大图布局,通常有两种图片适配方法,一种是显示图片的固定比例,另一种是随图片变化而变化。

哪些图片适配知识视觉上容易被忽视

  1.固定尺寸的显示图片

  无论用户上传串扰还是垂直视图,所显示图片的比例都是固定的。使用这种适配图像占用的空间较少,可以提高用户的阅读效率。因此当你的产品想要提高用户的阅读效率时,可以使用它。

  2.随图片而变化

  当用户上传不同比例的图片时,画面的显示宽度为屏幕宽度,并根据具体的宽度和其他比例缩放图片的显示高度。利用这种自适应方法,可以很好地表达图像信息,占用较大的空间,适用于高质量图片和用户浏览的产品。

  应该注意的是,阈值应该这样设置:当图像的高度超过某一值时,不增加阈值;当图像的高度小于某一值时,则不降低高度,并以阈值作为阈值。

  宫殿布局

  宫殿的版式布局,即用户上传的图片,将一个地与正方形相适应。宫殿布局的各种形式可以是九宫、五宫、三宫。下面以九宫的改编为例。

  九宫格的改编并不区分屏幕,只对一幅图片进行专门处理,两幅或两幅以上的图片直接以小方为方宽,然后按相等比例缩放。图片的具体调整方案如下:

  1)当图片为3时,3和5的位置排列成一行:1,2,3。

  2)当图片为2时,图片直接调整为1和2方格。

  3)当图像为1时,如果0.5=Wide/High=2,则以1≤4晶格大小(包括间距)为限,即当纵横比在此范围内时,网格的长边暂时间隔。

  4)当图片为1时,宽度/高度>;2图片(如全景图),不超过三列,高度可达一列(包括间距大小)。

  拼图布局

  这种布局是将几幅图片拼成一个矩形的、新颖的和类似于杂志排版的图形,因此也被称为杂志排版。但由于对图片的要求很高,所以它常用于图片的社交交流,如in。

  在设计时,很容易随着产品原型而忽略了一些小的设计,特别对于新手设计师来说。因此建议当我们看到一些有实用信息的文章时,应该收集它们,这样就可以避免出现类似的问题。

领取试听课
温馨提示:为不影响您的学业,来校区前请先电话或QQ咨询,方便我校安排相关的专业老师为您解答
版权所有:搜学搜课(www.soxsok.com) 技术支持:搜学搜课网