网站建设咨询
发布时间:2018-10-08 分类:成都网页设计
两列瀑布流布局也就是将屏幕一分为二,和常规布局类似,其中图片的宽固定,高随图片的尺寸变化而变化,相比于两列宫格布局,瀑布流布局采用不规则的Z字布局,让界面更有趣味性,避免视觉疲劳。
由于布局的高度由图片决定,因此更有利于图片细节的表达,但是不足的是图片有大有小,大的容易被看到,而小的容易被忽略,因此瀑布流布局多用户用户目的性不强,产品数量较多的情况。
在汇总时我发现现在很多APP列表都采用了瀑布流的形式,以小红书和淘宝为例,他们均是以图片展示为主,同时图片多为第三方上传,图片质量不统一,产品数量较多,采用瀑布流提升了界面的趣味性,避免用户视觉疲劳。
什么时候使用?
两列瀑布流布局和两列网格布局的使用场景类似,唯一区别就是两列网格布局在数量少时,或者用户目标明确时都可以采用。而瀑布流多用于无目标用户,同时产品数量多,可以无限下滑。
另外,瀑布流还有个好处就是,类似上面截图淘宝的列表,可以增加商品分类标签,方便用户在操作疲劳时进行选择性筛选。