网格设计在实际版式应用中是比较严谨的,如果没有考虑实际情况,盲目地运用规定的网格排版,这样很容易造成版面的呆板。特别是对于一些单栏和双栏对称式网格的应用。
这里说一下如何灵活运用双栏对称式网格的设计。关于双栏对称式网格,大家也经常接触到,特别广泛在设计画册或杂志。其主要表现为更好地实现版面平衡,使阅读更加流畅,减少大量文字所产生的枯燥感。但是,如果版面文字和图片编排地比较紧密,会造成单调感,甚至会形成阅读时的视觉疲劳感。那么,怎样才能很好地运用这么简单的双栏对称式网格呢?以下通过案例对比来一一分析给大家。
BEFORE
▽
Before的图例里有多个不同大小的图片,页面也显得有些混乱
下面通过双栏对称式网格的不同编排方式
让原本散乱的页面变得统一性和多变性
至于什么是双栏对称网格,请看下图
AFTER
利用图片或内文产生垂直方向的轴线
▽
以图片来创造宽版的垂直轴线
利用标题与内文所形成的留白,图片与内文整齐地编排于两栏中
看似简单的编排,却实实在在地建立了重心,让版面变得始适于阅读
▽
以内文来创造宽版的垂直轴线
上面的案例中,我们已经利用了以图片为垂直方向的轴线,
那么利用内文作为垂直方向的轴线又是怎样的效果?
将图片放置于两边的外栏中
,为版面创造出垂直方向的轴线
并添加与图片相近的色块,使画面更加丰富
给单调的双栏对称网格带来新的视觉效果
利用图片和内文产生水平方向的轴线
▽
将图片作为跨页编排
在图片下面用内文作为轴线来统一版面
版面中的图片虽然是跨页设计
但是版面还是以双栏对称网格形式存在
将标题放置于图片中
并结合标题的颜色和字号的变化,给版面增添了灵活感
在页面下方,用内文和图片作为轴线
标题和重点信息放置于页面上方
结合文字的字号大小的变化来统一版面
这样更加表现出稳重感和整齐
利用图片产生的对角方向的轴线
▽
将图片作为跨页编排,在右页下方放置图片
标题和重点信息放置于左侧图片中
结合文字的字号大小的变化来统一版面
虽然版面都排满图片与文字
但是图片与文字之间处理恰到好处,既不拥挤也不太空白
反而使画面有层次感和视觉上的冲击感
通过以上的案例对比之后
是不是觉得双栏对称网格并没有想象中那么呆板和单调呢
反而巧妙地结合页面元素
更加能使版面显得活跃,具有更丰富的变化
希望你们能学以致用