九宫格版式设计与网格系统
三的法则
3×3的网格系统吻合三 的法则,即当一个矩形 或者正方形,被水平和 垂直的分成三份后,结 构中的4个交点就是最 吸引人的4个点。 了解三的法则,可以让 设计师把注意力放在它 们最为自然出现的地方, 从而控制构成空间。不 必将构成要素直接放在 交点上,因为过于靠近 会使注意力集中到它们 上面。
三的法则
圆与构成
圆潜在的功能:
圆在不同构成位置上的不同作用: 1. 当圆靠近字行时,能吸引人的注意力到这 些字上,同时也有装饰的效果。 2. 当圆放在字行中间时,它就隔开了字行, 同时对字行起到组织作用。 3. 圆远离文字时,在观看版面时,它就吸引 目光,同时控制视觉流程,可以起到使构 成趋向平衡的作用。
•
• • •
/
我们需要得到的:
• • • • • • • •
• 一个版面 • 一些构图要素 • 一些简明的规则
/
/
限制和选择
正确,所有的要素都水平的,所有的要素都用上 了,而且没有超出版面,没有重叠,圆可以放在 任何位置,但不和其他要素重叠
错误,在水平系列 中,所有的构成要 素必须水平
限制和选择
圆与构成
圆潜在的功能: 1. 2. 3. 4. 5. 6. 激活空间 轴的支点 张力 起点或停留点 组织 平衡
平衡放置和轴的支点 当圆的放置显示了它额网格的联 系,就产生了一种视觉平衡,从 结构的四周来看,这个圆也是轴 的支点
激活空间 当圆在狭窄的空白位置中占据了一个 位置时,这个空间变得活跃起来,产 生一种强烈的不对称感,试版面视觉 上更有趣味
圆与构成
圆潜在的功能: 1. 2. 3. 4. 5. 6. 激活空间 轴的支点 张力 起点或停留点 组织 平衡
版面构成被简化,而 虚空间或未被使用的 空间区域得到强化, 鲜明的秩序被建立
组合
组合相同的要素 相同宽度的矩形要素可以 被组合在一起
组合不同的要素 不同宽度的矩形要素可以 被组合在一起
虚空间
当那些构成要素没有 得到很好的组合,每 一个周围都是虚空间 时,那些虚空间就会 显得杂多,整体构成 显得无序,无组织。 当那些构成要素组合 在一起后,虚空间就 会变少也变大,一个 简化之后感觉更加协 调的整体构成就会建 立起来。
1. 2. 3. 4. 5. 6.
激活空间 轴的支点 张力 起点或停留点 组织 平衡
圆在不同构成位置上的不同作用: 1. 当圆靠近字行时,能吸引人的 注意力到这些字上,同时也有 装饰的效果。 2. 当圆放在字行中间时,它就隔 开了字行,同时对字行起到组 织作用。 3. 圆远离文字时,在观看版面时, 它就吸引目光,同时控制视觉 流程,可以起到使构成趋向平 衡的作用。
轴的联系
网格中的构成要素会形成 一些轴列,当一根轴出现 在结构内部时,就形成了 鲜明的视觉关系,结构就 有了视觉秩序感。左边线 和右边线的轴虽然也能带 来秩序感,但视觉上显得 很弱。单独一个构成要素 不能创造出一根轴,两个 或更多的构成要素才能建 立起轴。 弱的轴联系 在这个构成中,左边的轴联 系很弱,这轴在左边线上, 就使视觉离开了整个版面 强的轴联系 中间一栏上的这两根轴在视觉 上就感觉强健有力,因为有更 多的构成要素线性排列在这两 根轴上 一般,成线性排列的要素 越多,轴就会显得越牢靠。
错误,构成要素不能重 叠,不能超出版面
错误,构成要素的长 度必须吻合横格
组合
要素之间紧密联系, 产生直接的视觉关系 相同或不同的要素组 合在一起就产生了韵 律和节奏 产生大片的肌理感
没有组合 如果没有组合,就有7个 独立的视觉要素,版面显 得缺乏组织,杂乱
有组合 通过组合,构成要素的数 量减少,结构简化,并且 强化了虚空间
圆与构成
圆潜在的功能: 1. 2. 3. 4. 5. 6. 激活空间 轴的支点 张力 起点或停留点 组织 平衡
张力 当圆放在与其他构成要 素非常接近的位置时, 就出现了视觉张力
பைடு நூலகம்
张力 当圆靠近一个近90度的角 上,就会强化形状和张力 的对比
圆与构成
圆潜在的功能: 1. 2. 3. 4. 5. 6. 激活空间 轴的支点 张力 起点或停留点 组织 平衡
•
•
Architectonic Graphic Design
7 00 pm Library Free lecture Serie
• • • •
1 3×3 2 6 3
Graphic design department
Ringlng school of art and design January 7 2003 January 8 2002 January 9 2001
未组合:杂乱的虚空间 在这个没有组合的构成中,至少有10个空白矩形, 这个构成显得无序,在视觉上毫无吸引力。
虚空间
组合后:简化的虚空间 在这个组合的结构中,于6个空白矩形。这些空间不仅 在数量上减少,而且也变得更大,所有看起来更加舒适。
四边的联系 如果没有任何构成元 素靠近顶端边线和底 端边线(入图),虚 空间就会挤压构成要 素,整个结构就显得 缥缈无根。 弱的四边联系 由于没有要素连着顶线 和底线,沉重而呆滞的 空白空间就充塞了这个 构成的顶和底 强的四边联系 由于构成与四边都有接 触,所有空间都被激活, 版面看起来很舒展 相反,虚空间就能很 好的利用,整个构成 会因为这种视觉扩张 而显得大气。
三的法则
3×3的网格系统吻合三 的法则,即当一个矩形 或者正方形,被水平和 垂直的分成三份后,结 构中的4个交点就是最 吸引人的4个点。 了解三的法则,可以让 设计师把注意力放在它 们最为自然出现的地方, 从而控制构成空间。不 必将构成要素直接放在 交点上,因为过于靠近 会使注意力集中到它们 上面。