网页布局该怎么破图，你都知道吗？

网页设计中的布局样式，在2013年前大部分都以中规中矩、模版化的方框风格为主，给人比较呆板和约束的感觉。在现在来看，这些都是非常老的设计布局，那如何进行布局破图呢?下面我们一起来看一下：

一、栅格式构图

栅格，就是通过对信息的整理和分级，利用网格的组合与分离，合并与折分，大小与颜色等的设计形式，对要传递的信息进行层级分类，最后实现对规矩的布局样式进行打破。

二、自由式构图

自由式的布局是感性破布局的自由排版方式之一。它更适合于信息量比较小的专题单页中；例如：产品官网首页、时尚类的单品页等；但并非是无规律，在整体中求变化，在变化中寻求对齐和统一；

三、路径式构图

路径式是最为自由形式之一，现阶段的设计常见到的有s型、z型、斜线型等。路径式的布局与自由式类似，但是路径式更多的是，通过在布局中加入具有引导性的线形装饰元素，让页面更加的有设计感。