全国服务热线:400-035-8011

位置:常德设计培训学校 > 学校动态 > 哪些图片适配知识容易被忽视

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

来源:常德设计培训学校时间:2021/6/24 11:17:01

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


    大图布局
    大图布局是指无论用户上传多少张图片,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。
    在设计时,很容易随着产品原型而忽略了一些小的设计,特别对于新手设计师来说。因此建议当我们看到一些有实用信息的文章时,应该收集它们,这样就可以避免出现类似的问题。
领取试听课
每天限量名额,先到先得

尊重原创文章,转载请注明出处与链接:http://www.peixun360.com/3117/news/373685/违者必究! 以上就是常德设计培训学校 小编为您整理 哪些图片适配知识容易被忽视的全部内容。

温馨提示:提交留言后老师会第一时间与您联系!热线电话:400-035-8011