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

网站建设咨询

400-028-6601

网页产品列表如何使用两列网格布局进行设计

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



两列网格布局也就是将屏幕一分为二,图片和文字进行上下展示,类似一个网格,浏览次序类似一个Z字,因此产品都能均衡的被用户看到。

相比于大图展示,一屏可展示更多的商品,有利于信息的对比,相对于列表布局,两列网格布局更适合用户目标不明确或者以图片为主的产品。

设计要点

1、文字信息展示短,往往需要配合“...”来使用

2、两列网格布局,展示信息不易过多,一般建议不超过3行

3、如果文字信息展示在图片上,需要在底部加渐变蒙层,以突显文字信息,建议信息不宜过多。



以in和严选为例,虽然他们一个是图片社交一个是电商类,但是其都是想让用户通过图片选择自己感兴趣的内容,从产品细节展示来说比列表布局更丰富,从产品信息对比来说,比大图更便捷,因此目前两列网格布局应用较为广泛。

什么时候使用?

如果你的产品是以图片对比为主,同时又不需要大图展示时,即可采用该布局进行设计。


相关网页设计知识

  • 网站建设中的网站设计流程/步骤有哪些?
  • 如何设计出完美舒适的网站页面
  • 网页设计中如何用两列拼图布局提高图片细节
  • 网页中如何合理的运用列表布局
  • 两列瀑布流布局让你的网页设计活力十足!

网站设计推荐

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