设计师解读哪些设计手法增加板式活跃度

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

uimaker
UI设计师 / 江苏 南京

来源:站酷   作者:美工美邦

关键词

设计师解读哪些设计手法增加板式活跃度,PS教程,思缘教程网

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

设计师解读哪些设计手法增加板式活跃度,PS教程,思缘教程网

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

设计师解读哪些设计手法增加板式活跃度,PS教程,思缘教程网

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

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

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

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

设计师解读哪些设计手法增加板式活跃度,PS教程,思缘教程网

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

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

设计师解读哪些设计手法增加板式活跃度,PS教程,思缘教程网

设计师解读哪些设计手法增加板式活跃度,PS教程,思缘教程网

 收藏