面中框,让你轻松搞定版式设计

2021-02-23

版面设计

什么是画中框?

面中框即是挖版图,角版,出血版三种版面构成结合使用的视觉表现,也可称之为框版,即是在有限的版面空间内重新创建一个内容的载体,是承载画面主体并加以强调的,有力的版面编排形式,也是基于网格系统最有效,最直接,最快速的版面划分,亦是与背景和画面中其他元素区分的直观视觉表现,对要强调的内容有着最为直接的影响和突出作用;

图1:

全屏版面是设计中最常见也是最常用的一种版面编排,是在整个空间大小的基础上对其进行一定的划分,即涵盖整个版面版面,可以给人一种整体统一的感觉,并且大面积的留白也可以给人一种想象的空间,但对于版面的划分和整体的把控相对较难一些;

图2:

面中框则是在整个全屏版面的基础上延伸出的另一种版面形式,其变化灵活,可操作性较强,相较于全屏对版面的划分和视觉的锁定更加直观容易一些,在基于网格的各种划分上可以更加直接和快速的帮助我们稳定版面,确定主体内容的载体区域并丰富版面视觉形式;

在整个版面版面编排中,框在稳定整体版面的情况下则可以灵活多变,以不同的视觉形态满足不同的需求,同时也是版面编排的另一种表达形式;

框版是基于网格系统对版面空间内的视觉锁定和划分,是稳定整体版面的直接有效且最有力视觉表现形式;

在相同的版面中,把画面的主体以框的形式进行强调并做区分,使其与文字之间形成独立的个体,但同时又是在整个版面中占据不同的比例,也是对整个版面进行合理的划分,使其在视觉上看起来更加直观清晰,也让版面具有一定的稳定性;

在整个版面版面编排中,框在稳定整体版面的情况下则可以灵活多变,在有限的空间内灵活的创造不同的表现形式,同时也可以让整个画面比较稳定,在变化中寻求稳定,并对其他内容加以有效区分;以不同的视觉形态满足不同的需求,同时也是版面编排的另一种表达形式;

画中框是基于平面构成要素的形式演变,是以承载画面视觉主体的表现,亦是对整个版面有效划分的强有力的设计手段;

画中框的作用

01-快速锁定版面视觉

02-强调主体营造视觉层次

03-增强版面视觉稳定性

04-为打破成规版面增添个性

05-提升版面视觉冲击力

有边距与无边距

在版面中我们把其分为全版型和框版型两种版面编排表现,在以框的形式作为视觉表现时,不管对版面采用什么样的划分方法都离不开无边与有边的形式,无边即是版面中所创建的载体框一边或者多边与版面对齐不留边距;有边则是载体框四周以等边距或者不等边距与版面留有一定距离;两者相辅相成,在共用的情况下可以使整个版面更加丰富;

《无边距》

框版在版面中的使用无边距的情况下,其主要是为了在全版和框版之间寻找一种平衡,即能展现出全版简洁的特征,同时又有框版聚焦的特征,而不同无边距的框版演变也会传递出不一样的视觉感受,具体则需要根据需求的实际情况选择不同的无边距框;

在无边距的框版演变中可以看出,无边距的一面则是版面起始的地方通过不同方向的边距调整,则可以整个为版面带来不同的视觉方向引导,从而传递出不同的视觉感受,无边距并不是真的没有边距,而是以文字的安全边距为基准对框进行无形的划分,同时也是融合工整与突破的双重性格;

《有边距》

在有边距的框版中可以让主体内容更加的明确突出,从而与文字信息形成两个相对较为独立的个体,让版面的视觉看起来更加简洁明了,而有边距的演变则是不管任何情况下都始终与整个版面的边缘保持一定的距离,同时还需要注意两者之间的色彩搭配关系;

框版的边距可以随着编排进行变化调整,在稳定性和规整性较强的情况下,依然可以创作出较为个性且不拘一格的版面形式,其关键在于框的运用和形态;

框版是用来打破的

在设计中打破常规是每个设计师都应该思考的问题,而很多设计师甚至连规则都不清楚就想着打破,这是很不科学的想法,要打破框首先要去创建框,这也是很多大师会经常使用到的设计表现手段,而框版则是实现打破常规的其中一个重要设计手段,是通过对框版的调整使其具有一定的视觉假象现象,在打破框的同时增添版面的个性;

图1:

在全版的情况下要想打破现有的版式是很难做到的,其载体本身就是相对较为固定的大小只能在修饰素材的修饰上做一些视觉的延伸,给人一种向外一直扩张的感觉,但想要给人一种打破现有版面的情况是不太可能的;

图2:

在这种情况下我们试着在版面中重新创建一个框,调整好左右的边距大小,然后把最下面的底色颜色与环境色融为一体,在保证主体内容较为稳定的情况下,修饰元素则会给人一种腾空的感觉,相较于左边更加个性;

延伸之后的效果依然具有打破常规的效果,框的形态同时也可以做相应的变化,同时文字也可以放在内框的外边,以营造更加强烈的视觉差,且保证画面的稳定性;

画中框的表现

01-对称型

对称型就是把整个版面用框的形式将其划分成同样大小不同的等份,而载体框则与文字形成对称的形式,以相对稳定的版面形式,其编排方式大多数是依据框的形式进行排布;

02-居中型

居中型则是不管框版的大小均是以中心位置为基础对版面进行适当的划分,在平衡版面的同时也可让版面更加的个性;居中型较为常用的划分法则是三分法和对称型结合;

<

03-黄金型

黄金型就是以黄金分割线为基础的划分方法,同时也是框版所占的版面面积大小,以最佳视觉呈现版面,在设计中也是经常使用的最佳完美版面比例;



返回

READ MORE...