|版式设计|—双栏对称式网格也能排出灵活的版式

发表于 讨论求助 2020-10-30 08:13:36

网格设计在实际版式应用中是比较严谨的,如果没有考虑实际情况,盲目地运用规定的网格排版,这样很容易造成版面的呆板。特别是对于一些单栏和双栏对称式网格的应用。


这里说一下如何灵活运用双栏对称式网格的设计。关于双栏对称式网格,大家也经常接触到,特别广泛在设计画册或杂志。其主要表现为更好地实现版面平衡,使阅读更加流畅,减少大量文字所产生的枯燥感。但是,如果版面文字和图片编排地比较紧密,会造成单调感,甚至会形成阅读时的视觉疲劳感。那么,怎样才能很好地运用这么简单的双栏对称式网格呢?以下通过案例对比来一一分析给大家。



BEFORE




Before的图例里有多个不同大小的图片,页面也显得有些混乱

下面通过双栏对称式网格的不同编排方式

让原本散乱的页面变得统一性和多变性


至于什么是双栏对称网格,请看下图



AFTER

利用图片或内文产生垂直方向的轴线


以图片来创造宽版的垂直轴线


利用标题与内文所形成的留白,图片与内文整齐地编排于两栏中

看似简单的编排,却实实在在地建立了重心,让版面变得始适于阅读






以内文来创造宽版的垂直轴线


上面的案例中,我们已经利用了以图片为垂直方向的轴线,

那么利用内文作为垂直方向的轴线又是怎样的效果?


将图片放置于两边的外栏中

,为版面创造出垂直方向的轴线

并添加与图片相近的色块,使画面更加丰富

给单调的双栏对称网格带来新的视觉效果






利用图片和内文产生水平方向的轴线

将图片作为跨页编排

在图片下面用内文作为轴线来统一版面


版面中的图片虽然是跨页设计

但是版面还是以双栏对称网格形式存在


将标题放置于图片中

并结合标题的颜色和字号的变化,给版面增添了灵活感







在页面下方,用内文和图片作为轴线

标题和重点信息放置于页面上方

结合文字的字号大小的变化来统一版面

这样更加表现出稳重感和整齐








利用图片产生的对角方向的轴线

将图片作为跨页编排,在右页下方放置图片

标题和重点信息放置于左侧图片中

结合文字的字号大小的变化来统一版面


虽然版面都排满图片与文字

但是图片与文字之间处理恰到好处,既不拥挤也不太空白

反而使画面有层次感和视觉上的冲击感





通过以上的案例对比之后

是不是觉得双栏对称网格并没有想象中那么呆板和单调呢

反而巧妙地结合页面元素

更加能使版面显得活跃,具有更丰富的变化

希望你们能学以致用


发表
26906人 签到看排名