12种常见的网页布局设计(一)


为什么了解网页布局很重要?网页布局在很大程度上决定了网站的访问者将如何与网页内容进行交互。

 

1、卡片式网页布局

卡片式布局被Pinterest、脸书和推特等网站所使用,它非常适合在新闻网站和博客上使用,因为卡片式布局可以在页面上放

置大量内容,同时又保持每部分内容各不相同。

卡片式布局主要有两种形式:

• 网页中每个卡片的尺寸相同,卡片的排列非常标准,例如dribbble、UI中国的网页布局;

 

• 使用不同尺寸的卡片组成页面的布局,卡片间没有固定的排序,例如Pinterest、花瓣的页面布局。

 

2、分屏布局

当两个元素在页面上具有相等的权重时,分屏布局是一种流行的设计选择,并且通常用于文本和图像都需要突出显示的设计

中。

分屏设计特别适合电子商务网站上的产品页面。产品图片需要在页面上突出显示,但价格、规格、购物车按钮等信息也要显

示。

>