3个设计方法快速提高版面的活跃度

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:优设   作者:美工美邦

关键词

在日常的设计工作中,版式即一个画面的骨架,也是视觉传达的重要组成部分,版式整体的活跃程度也能起到改变画面基调的作用,这也就是为什么很多作品看似很「简单」,但却不失设计感的原因。如何把原本比较中规中矩的版式结构通过设计手法将其差异化、提升设计感、增强活跃度,这样做的目的是为了打破墨守成规的形式,提升用户停留时间,以及画面的趣味性,所以本期就和大家一起总结一些常用增强版式活跃度、提升版式设计感的设计手法。

色块叠压法

色块叠压法,顾名思义就是改变色块的摆放方式,可以分为两类,第一类是色块与色块之间的叠压。通过色块与色块之间的非常规摆放形式,打破原本常规的版式结构,增强其形式感、活跃度。下面我们举个例子:

3个设计方法快速提高版面的活跃度

通过上下对比,我们不难发现,下侧画面整体版式结构更跳跃,直白地说就是不死板,而且形式感更强,给人的感觉也更舒服、有趣味性;而上侧画面的整体感受并不是说不合理,只不过相对比而言,这种结构形式很常见,版式结构变化性不高,形式感和设计感也稍有欠缺,那么造成这种现象的原因是什么呢?

顶部 LOGO 区域因采用了色块叠压的手法且故意将 LOGO 处的色块放大,使其超出导航栏的固定范围,在视觉感受本身来说就已经形成了很强烈的形式感,打破了原本色块区域分明的布局,因此,版式的跳跃性也更加强烈。

时间说明区域将原本上下关系的色块划分通过叠压的手法将其改变为前后关系,且合理将海报、时间说明,以及下半部分三个不同模块连接为一个整体,在提升版式活跃度的同时也增强了视觉的整体性。

色块叠压的形式在很多优秀作品中也是很常见的,这种手法对于版式结构的重组、改变也是最直观的一种。比如:

3个设计方法快速提高版面的活跃度

通过色块之间的相互叠压,形成了打破常规的效果,使得页面版式的跳跃性更强。

第二类是色块与主体的叠压方式,通过色块与主体物或者产品之间的相互叠压作用,营造出非常规的设计形式,从而提升版式整体的灵活度以及设计感。举个例子:

3个设计方法快速提高版面的活跃度

这里运用的就是将主体物与色块之间相互叠压的手法,形成了一定的前后关系,而且这里主体处色块最大作用还是打破常规的版面形式,目的是在视觉上给人以更加新颖、更具形式感的感受,且虽然做了结构上的改变,但并没有影响到主体信息的传达。切记,,不能一味地追求非常规而忽略了设计本质问题,一定要合理运用。

 收藏