总监说这一版超有设计感!分享5个技巧轻松实现!

Author: Chris Song

“设计感”在不同行业中各有说辞,是在表达一种视觉感受,在具体设计操作过程中是可控的,只需要借助一些技巧,形式,方法就可以轻松营造出来。本文将通过实战案例解析跟大家分享5个可快速提升版面设计感的技巧。



-1-

实战案例



在逐一讲解5个技巧之前,我们先来看几个实战案例。



01

-



两个版面设计中,右边只是增加了一根细线,整体看起来设计感就更强一点。让文字之间的层次更加明显,左下角的内容显得更对齐,更收拢,跟右上角的大标题形成对称,提升了画面整体的平衡感和舒适感,在视觉感官上设计感要比左边的强烈。



02

-



在界面版式和文案相对固定的情况下,适当添加装饰元素和精心的版式编排同样可以提升画面的设计感。这两个版面设计的不同之处仅在于文字的编排和修饰元素的添加。



03

-



这张海报以故障艺术的表现手法作为创意呈现,把主题和文字编排很好组合在一起,故障艺术的破快感形成的线条风格凸显了强烈的设计感,而小蚊子和标志作为装饰也让华民整体和谐并突出了主体的表现手法的设计感。



这个网站海报的表现形式也同样新颖,把slogan和text采用文字切碎编排的方式瞬间提升设计感。



04

-



这幅作品主题视觉本身就有超强视觉冲击力。适当加入小线条不但可以起到分割断开的作用,还可以很好的装点画面的设计感,红色文字的错位体现创意的同时也增强了设计感,黑红文字的对比让画面更加具有层次感。



05

-




简洁的画面不仅表现出较好的创意,文字的变矮和画面的布局可以很好的突出装饰的元素,而错落排列装饰元素与主题相呼应不仅形成对比,更加突出设计感。


通过以上案例分析可以很好的理解设计感,除了主题自身的视觉效果和文案创意外,往版面中适当添加装饰元素点缀,文字的编排及表现形式来提升画面的设计感是完全没有问题的。当然,设计感大多数情况下跟创意是相结合的,相辅相成的。



-2-

技巧讲解



接下来我们讲解5个可瞬间提升画面设计感的小技巧:


1.添加线条

2.禅意留白

3.文字编排

4.装饰元素

5.创意切割



01

-

添加线条


在设计中,线条作为几何元素的基本图形之一,通常会出现在各式各样的设计当中,在画面中起到分割、引导、装饰、强调重点等不可忽视的作用,而每一个作用都是感觉版式内容编排赋予独特的属性,但又同时传递出一个共同的作用——提升画面设计感。



从这个案例可以看出,在版式的编排中线条是经常伴随着文字出现的而并非随意添加,线条的长短、粗细、直斜也都是有一定的规律可循。




实战案例



两图对比,左边是未加线条的设计效果图,右边是加了线条装饰后的视觉感,是不是整体上看起来更舒适更有设计感?而且似乎画面更饱满丰富一些。



02

-

禅意留白


留白作为设计中无处不在的特殊性所起到的作用也是无可限量的。在任何行业的设计当中都需要留白的存在,留白通常可以理解为画面中适当空白的部分,让视觉和信息得到适度的喘息,看起来更舒适,更有层次感和设计感,最后也会给读者更多联想的空间。



陈宋品牌顾问


白杉(深圳)设计有限公司



实战案例



左图存在信息松散问题对于整个拌面来说只强调了局部,平衡感失重。右图文字信息在正常书写的情况下,适当调整一下间距和行距,然后增加文字与版面之间的留白,画面看起来不仅舒适,便于阅读,而且提升了整个画面的设计感。



03

-

文字编排


文字作为画面中重要的角色,承载着与读者交流的情感。在设计中除了字体设计外,文字的编排与版式息息相关。一副作品的好坏很大程度上取决于文字编排的好坏。以文字为主角的换年中也可以让画面丰富具有情感。



上图的文字编排就是没有经过细节推敲,只进行常规的大小排列。下图的文字经过编排后效果非常明显,而这只需要对文字进行简单的主次梳理,利用简单的方法适当编排后就能产生意想不到的效果。


实战案例



作图即为常规的文字排版。右边则是在左边的基础上对文字进行错位排列,错落有致的排列方式看起来就很有钢琴正在弹奏般的节奏感,同时与其他文字信息也能很好的呼应起来,增强了整体画面的设计感。



04

-

装饰元素


在设计版面中可根据主体或者文案策划信息添加相应的装饰元素。这样做不仅可以丰富画面增强视觉感,同时

很大程度上提升了画面的设计感。



具体选择什么样的几何图形作为装饰元素,要根据主题及画面的需要而定,一定要相符才行,不可只顾个体好看。



实战案例



左图编排上没有问题,但是整体看起来有点呆板没有任何设计感,也没有视觉冲击。右图加入装饰元素后,画面效果立即发生巨大变化,虽然简单但是能充满了强烈的设计感,大面积的赋予了画面更多的想象空间。


在电商海报中同样适用




05

-

创意切割


文字切割、图形切割可以说是在设计中打破常规最好的创意表现形式之一,巧妙应用好可大大提升画面的设计感和视觉表现力。



最常见的切割有两种:内部切割、版面切割。


内部切割,是把版面的元素进行适当的切割,在表现创意的同事提升湖面设计感。版面切割,是对主体进行切割,利用版面的隐藏或者矩形大小截掉一部分,但所截取大小一定要保证期可识别度,同时也可以相反的使用来突破固有的版面。


实战案例



左图是对主体进行截取切割后,画面没有那么呆板了。右图是在左图的基础上,对大标题进行简单的文字切割,这样就能跟主体切割形成呼应,在体现创意的同时也提升了整个画面的设计感,注重整体的和谐。


网页设计中同样适用图案切割及错位




-3-

小结


设计感广泛来说就是整个画面所传递出的感觉,是设计师经过认真思考、琢磨后,把画面中所有的信息有条理、有层次,让消费者能够快速舒服阅读的美观且有艺术性的可执行方案,最终落实到设计中的元素、图形、色彩以及对版面的把控上来呈现出具有创新、超前的未来感


今天提到的5个提升画面设计感小技巧是比较容易上手的,对于如何增加版面的设计感还有很多其他技巧,例如元素图案的叠加、造型及空间感的透视立体化等等,只要能遵循“变化与统一、对比与调和、对称与均衡、比例与尺度、节奏与韵律”,我相信设计出来的作品一定是超有设计感的。


最后,我们在做设计时一定要多尝试一些新颖表现形式,养成良好的设计思维,如有必要,甚至可以提升自己在艺术、美学、设计、世界观和方法论等领域的知识和思维,最终出品更多画面感超强的设计作品



相关阅读