电商平台,业务复杂多变,产品类型多样,页面数量庞大,要在全站推行应式设计将是个艰巨而漫长的过程。不同于为一个独立网站制订响应式方案,必须考虑网站各类型页面体验的整体一致性及各特色产品的灵活性,因此我们需要制定具有普适性的栅格系统。
1.六等分栅格
为什么优先选择六等分栅格?主要有两个原因：
页面布局一般不会超过6列,这也循了神奇数字7法则
6是7以内的数字中最好用的数字(它可以被1、2、3、6整除),因此六等分同样可以变化出1列、2列、3列、6列等分布局;同时六等分通过不同列数栅格列的自由组合,可设计出多种非等分的2、3、4、5列的布局。
2.五等分栅格
同样的原则,五等分栅格:页边距N可以为0或3px;内边距X也可以自由选择0.5
10、15Px。把主页面空间进行五等分后,各纵列自由组合,同样能没计出多种非等分的
2、3、4列的布局。
3.四等分栅格
以此类推的四等分栅格，把主页面空间进行四等分后，各纵列自由组合，同样能设计出多种非等分的2、3列的布局。
咨询
