• 网站建设
  • 定制开发
  • 微信开发
  • 小程序
  • 模板网站
  • 网站推广
  • 关于大橙子

网站建设咨询

400-028-6601

两列瀑布流布局让你的网页设计活力十足!

发布时间:2018-10-08      分类:绵阳网页设计



两列瀑布流布局也就是将屏幕一分为二,和常规布局类似,其中图片的宽固定,高随图片的尺寸变化而变化,相比于两列宫格布局,瀑布流布局采用不规则的Z字布局,让界面更有趣味性,避免视觉疲劳。

由于布局的高度由图片决定,因此更有利于图片细节的表达,但是不足的是图片有大有小,大的容易被看到,而小的容易被忽略,因此瀑布流布局多用户用户目的性不强,产品数量较多的情况。




在汇总时我发现现在很多APP列表都采用了瀑布流的形式,以小红书和淘宝为例,他们均是以图片展示为主,同时图片多为第三方上传,图片质量不统一,产品数量较多,采用瀑布流提升了界面的趣味性,避免用户视觉疲劳。

什么时候使用?

两列瀑布流布局和两列网格布局的使用场景类似,区别就是两列网格布局在数量少时,或者用户目标明确时都可以采用。而瀑布流多用于无目标用户,同时产品数量多,可以无限下滑。

另外,瀑布流还有个好处就是,类似上面截图淘宝的列表,可以增加商品分类标签,方便用户在操作疲劳时进行选择性筛选。


相关网页设计知识

  • 网站建设中的网站设计流程/步骤有哪些?
  • 如何设计出完美舒适的网站页面
  • 网页设计中如何用两列拼图布局提高图片细节
  • 网页中如何合理的运用列表布局
  • 网页产品列表如何使用两列网格布局进行设计

网站设计推荐

  • 设计制作网站同行和客户就是我们的老师
  • 网页设计中使用三列网格布局图片展示性更强
  • 网页产品列表设计用什么样的布局才更合理
  • 网页设计中大图网格布局什么时候用合适
  • 网站建设
  • 800建站
  • 企业网站
  • 品牌设计
  • 网站定制
  • 营销网站建设
  • 购物商城
  • 网站改版
  • 网站推广
  • 营销网站建设
  • 用户热搜
  • 网站备案
  • 网安法
  • CDN加速
  • API网关
  • 企业邮箱
  • whois查询
  • 视频直播
  • 视频转码
  • 营销网站建设
大橙子绵阳建站服务电话:028-86922220 13518219792 公司地址:成都市太升南路288号锦天国际A幢1002号
绵阳大橙子专业从事:网站设计制作、绵阳网站建设、网络营销推广、微信小程序开发
版权所有:青羊区大橙子信息咨询工作室(绵阳大橙子做网站) 网站备案:蜀ICP备2022028542号-8