1. 首页

想要提升版式的跳跃性,可以试试这些手法……

在日常的设计工作中,版式即一个画面的骨架,也是视觉传达的重要组成部分,版式整体的活跃程度也能起到改变画面基调的作用,这也就是为什么很多作品看似很“简单”,但却不失设计感的原因

想要提升版式的跳跃性,可以试试这些手法......

在日常的设计工作中,版式即一个场景的骨架,也是视觉传达的重要构成部份,版式整体的活跃程度也能起到改变场景基调的作用,这也就是为什么这些作品固然很“简单”,但却不失设计感的缘由,如何把原来非常中规中矩的版式结构借助设计技巧将其变化化、提升设计感、增强活跃度,这样做的目的是为了摆脱墨守成规的方式,提升用户停留时间、以及场景的创意性,所以本期就和你们一起总结一些常见增强版式活跃度、提升版式设计感的设计技巧,有什么?

色块叠压法

色块叠压法,顾名思义就是改变色块的摆放方法,可以分为两类:

第一类是:色块与色块之前的叠压;借助色块与线条之间的十分规摆放方式,打破原先常规的版式结构,增强其方式感、活跃度,下面我们举个实例:

想要提升版式的跳跃性,可以试试这些手法......

通过上下对比,我们不难发现,下侧画面整体版式结构更跳跃,直白的说就是不严谨,而且方式感更强,给人的觉得也更舒服、有创意性;而两侧画面的整体体验并不是说不合理,只不过相对比而言,这种种结构方式很常用,版式结构差异性不高,形式感和设计感也稍有缺失,那么产生这种现象的缘由是哪个呢?

想要提升版式的跳跃性,可以试试这些手法......

1、顶部LOGO区域因采取了线条叠压的技巧且刻意将LOGO处的线条放大,使其超过导航栏的固定范围,在视觉体验本身来说就早已产生了很强烈的方式感,打破了当时色块区域分明的布局,因此,版式的跳跃性也更注重烈~

2、时间表明区域将原先上下关系的线条划分通过叠压的手法将其改变为前后关系,且合理的将海报、时间表明、以及下半部分三个不同组件连接为一个整体,在提高版式活跃度的同时也提高了视觉的整体性!

色块叠压的方式在这些优秀作品中也有很常用的,这种技巧对于版式结构的重组、改变只是最直观的一种,比如:

想要提升版式的跳跃性,可以试试这些手法......

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

第二类:色块与主体的叠压方法,通过色调与主体物以及产品之间的互相叠压作用,营造出特别规的设计方式,从而提高版式整体的灵活度或者设计感,举个实例:

想要提升版式的跳跃性,可以试试这些手法......

想要提升版式的跳跃性,可以试试这些手法......

想要提升版式的跳跃性,可以试试这些手法......

想要提升版式的跳跃性,可以试试这些手法......

想要提升版式的跳跃性,可以试试这些手法......

此处采用的就是将主体物与色块之间互相叠压的技巧,形成了一定的前后关系,而且此处主体处色块最大作用还是摆脱常规的版面方式,目的是在视觉上给人以非常独特、更具形式感的体会,且即使做了结构上的改变,但并没有妨碍到主体信息的传达;注意,不能一味的苛求非常规而忽视了设计本质问题,一定要合理运用!

局部放大法

当作品版式不够活跃的之后,我们可以尝试过于改变某处的局部信息,将其放大,提升视觉差异的对比性,因为放大的元素其原本就带有很强烈的触觉冲击力并且装饰性,比如大号字体、数字、图形之类,所以局部放大的技巧在页面版式设计中也有很常见的一种表达方式,比如:

想要提升版式的跳跃性,可以试试这些手法......

想要提升版式的跳跃性,可以试试这些手法......

想要提升版式的跳跃性,可以试试这些手法......

想要提升版式的跳跃性,可以试试这些手法......

将主体的某一处细节以及某一局部放大处理,与当时偏常规布局产生了鲜明的对比关系,在页面整体而言也起到了很高的摆脱版式关系,试想一下:当用户旁边仍然在浏览非常常规的发力结构时,突然有1-2处这种特别规的处理模块,会很高程度上提高页面对于用户视觉的冲击力,,给用户留下更深刻的印象;同时也因而作品整体的版面结构非常充满跳跃性!

也有另外一种局部放大方式,即在放大的基础上刻意依照特别规的方式放置,往往也能起到很高的摆脱版面布局的作用,只其实这些方式在使用时相对不好掌握,比如:

想要提升版式的跳跃性,可以试试这些手法......

想要提升版式的跳跃性,可以试试这些手法......

类似案例中所展现的一样,通过产品比较规的局部放大或者放置方式,画面给人的体会更加强气,视觉冲击力更极力,同时版式的跳跃性也更强;只不过这些方式在利用时要切记:页面整体中最多发生1-2次即可,用于活跃版式、提升设计感,一点发生次数过多,很易于产生杂乱的现象;之所以叫做非常规是由于有常规方法加以凸显、辅助,所以能够在视觉上产生反差!

想要提升版式的跳跃性,可以试试这些手法......

使用非常规形状

如果是为了提高版面的活跃度,那么版面中所有的元素都可以是尝试颠覆的元素,比如常见到的按钮,再以及线条等等;使用特别规的颜色、图形只是形式之一,比如最简单的:

想要提升版式的跳跃性,可以试试这些手法......

说到矩形,很多人就会想到常规方式,而还有一个别设计师会联想到相当规手段1,少数人会想到2和3的方式,这四类并没有设计上的好坏之分,而是当我们习惯了常规方式的色块之后,也可以尝试一下其它方式,也是会有意想不到的结果!例如比较规手段2的利用:

想要提升版式的跳跃性,可以试试这些手法......

想要提升版式的跳跃性,可以试试这些手法......

相比以前发现的矩形排列方法,这一作品则给人很独特的觉得,原本平面的作品,因为色块形状的改变促使整体有了很强烈的纵深感,版面的跳跃性很强烈,这样的版式还会有人说死板、常规吗?

想要提升版式的跳跃性,可以试试这些手法......

特别规样式3的使用可以参考以下这个实例:

想要提升版式的跳跃性,可以试试这些手法......

在当时页面中完全统一的颜色图形中变幻其中一处的方式,对于页面整体跳跃性的提高还是一目了然的,原因在于:此处矩形的形态就属于比较规类型,本身就具备一定的跳跃性、设计感,而用在此页面中又与上下产生了一定的落差对比,所以从而版面整体变得活跃!

也有众多特别规的外形,同样也可以尝试,比如:

想要提升版式的跳跃性,可以试试这些手法......

想要版面看似来不古,、就要在页面中的每一个视觉元素上找突破,版式听上去就像一个巨大的整体通常,其实一样可以丢掉整体,把每一个局部作为突破点,寻找适合的视觉表达方式;当某一种方式尚未让你们所熟悉而且作为知识的之后,我们不妨稍作改变,在不妨碍辨识度或者视觉传达的基础上,做一些方式上的改变,往往可以得到版式更强烈的跳跃性或者设计感!

总结

版式就像配色一样,很感性,没有完全一成不变的理论;当我们想要提高版面整体跳跃性的之后,我们不妨试试以上步骤,也许小小的颠覆对于整体而言就是完全不同的两种体验,当然,也不能过度的苛求形式感、特殊性,要注意:特殊是借助对比表现起来的,没有对比,就能够产生很高的视觉反差,同时也起不到应有的作用;而是要提示各位:一个整体比较规的技巧用在1-2处就能,太多的话是很难把握的!

原创文章,作者:设计网,如若转载,请注明出处:http://www.shejiwz.com/?p=1277

发表评论

邮箱地址不会被公开。 必填项已用*标注

联系我们

181-3885-0759

在线咨询:点击这里给我发消息

邮件:295310592@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息