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

网站建设咨询

028-86922220

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

发布时间:2018-10-08      分类:成都网页设计



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

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

设计要点

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

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

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



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

什么时候使用?

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


相关网页设计知识

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

网站设计推荐

  • 设计制作网站同行和客户就是我们的老师
  • 网页设计中使用三列网格布局图片展示性更强
  • 网页产品列表设计用什么样的布局才更合理
  • 网页设计中大图网格布局什么时候用合适
  • 网站建设
  • 成都网站建设
  • 抖音代运营公司
  • 绵阳服务器托管
  • 雅安服务器托管
  • 机柜租用
  • 一元广告
  • 网站改版
  • 网站维护
  • 营销网站建设
  • 网站制作
  • 成都网站制作
  • 成都服务器托管
  • 外贸营销网站建设
  • 重庆服务器托管
  • 软文营销
  • 链接买卖
  • 网站收录
  • 响应式网站
  • 乐山做网站
版权所有:成都创新互联科技有限公司 服务电话:028-86922220 13518219792 公司地址:成都市太升南路288号锦天国际A幢1002号
成都创新互联网络公司专业从事:成都网页设计、营销型网站策划、成都网站建设、网络营销推广
网站备案:蜀ICP备13010860号 工商企业信用公示 川公网安备 51010502010314号