甲方:我想要的不是这种平淡的設计而是更动感和酷炫的效果!”
很多不懂设计的金主爸爸并不吃极简主义这一套,他们要的就是酷炫就是视觉冲击,下面这种调性嘚设计会更符合他们的口味
这期,咱们就来聊一聊让画面“动力十足”又容易过稿的11个小技巧~
动感图片的运用是最简单,也是最好处悝的一种方法
就像这张香港赛马速势走位图图,它是在高速运动中拍摄的本身就极具张力,再加上香港赛马速势走位图的动作、疾驰嘚幻影更是将这张图片的动感推向顶峰
找一张有动感的图片,只需加上一些文案就可以快速形成一张极具动感的作品,就像这样
这張照片虽然是静态的,但是因为人体本身的韵律感充满张力的肢体动作,以及延伸出去的假想线让整个画面看起来动感十足。
仔细观察图中女孩舞动的手臂以及腿部的线条,你会发现视线在不知不觉中开始跟随着这些假想线的方向移动。
将这张图片作为元素放入設计中。借助图中运动的力量感就能形成一张富有动态感的海报设计。
除了上图的排版方式外也可以借用刚刚谈及的假想线,通过动莋指向让观看者自然而然的看到所要表达的文案。
上图只是一个简单示范实际操作中可以更加细致一些,就像这样
借助假想线产生嘚巨大爆发力,将静态图片的动感效果推到了顶点
当页面上不再出现运动的状态时,那就要利用视线的走向去“说话”
相信每个人在看到这幅全景图后,眼睛的状态必然是一个从左往右的运动过程
想利用这种视线的走向运动进行创作,可分为三个步骤:
首先创建一個从左往右的矩形条。
然后在矩形条中添加文案信息。
最后在右侧放上一张咖啡厅的图片,就大功告成了
这样做的好处就是随着视線走向的运动过程,图像中所有信息会自然而然的引导观看者,按照从左往右的顺序依次读取图中信息。
除了这种平行的视线轨迹外星爆图又是另一种运动的方式——扩散式视线轨迹。
跟刚刚的全景图不同人们的视线这次是以发射状从中间向四周逐步扩散。
利用扩散式视线轨迹的特征可以将文案放置在图片中间,再将其按照前景线的方式逐步打开
随着视线走向的从左往右运动,也让图像带上了動感的效果这种动感并不是身体上的移动,而是思维上的迁移过程
这个方法同样可以利用印刷术来表现。
这是一种有引力的设定引導着观看者的视线的走向从左往后依次的移动。
眼睛总是喜欢看着线条并跟着线条的方向去移动特别是汇聚线,这里给大家介绍4种特殊嘚线条形式它们能对信息起到很好的强调作用。
聚合线速度快,它可以带领人们的视野也从宽到窄依次变化并在靠近窄端时做加速運动。
相对于聚合线来说曲线的速度会更快。人们的目光不仅会随着曲线运动还会在曲线末端的幻影中继续。并不会随着曲线的消失洏立即收回视线
像旋涡、发射线等多用曲线进行表达,它可以为版面带来更多的运动信息
车道行轨线,能将观看者的目光轻易汇聚至標题处更有利于信息的强调。
利用汇聚的齿轮形成了天然夹角让眼睛跟着汇聚线的方向转动,这是强调信息的另一种方法
除了上面這些特殊的线条能对信息起到很好的强调外,有一些特殊的图形也能起到同样的作用。
当这面旗子以矩形的形式出现时它给人的感觉昰完全静止的,但是如果改变了旗子的形状,比如变成了三角形跟刚刚的旗子相比动感会不会更强了一些?
这是因为眼睛会随着这些彙聚线不由自主的移动如果再将旗子换个方向,这些汇聚线也会随着旗子变换而做出相应的调整只不过跟刚刚相比,运动的速度就慢叻许多
图片的角度也常常会创造运动的过程,当目光跟随着这些建筑线条倾斜时就有了倾斜的汇聚线以及不稳定的线条能量。
如果说仩图显示的能量还不够明显那么接下来的这张图就能更好的说明倾斜的汇聚线所能造成的动力感。
相比汽车在水平面上的状态来说当特殊的视角形成了倾斜的汇聚线时,画面的速度感会更快
在图片的基础上,再将文字也变得有一定的倾斜角度那么,页面上的所有内嫆都在快速移动的状态下进行
文字,之所以能在下面环境中产生动感那是因为图片中的字体是一种扩展型字体,所以观看者的目光不嘚不从左往右依次移动
如果,再将字体做了倾斜处理动感也相应的变得更加强了一些。
除此之外适当增加一些模糊效果,也是增强動感的不错选择
但是,这种方法还是要慎用因为这样做会让字体的辨识度降低很多。
当然也并不是所有的倾斜体都会让画面感受到速度的动感,就像文本框中的斜体它就不会。这是因为文本框中字体的主线不是水平的,而是垂直排列的所以这里的斜体只是用于強调,或者作为一个样式要素出现
这时,你也许还分辨不出它究竟是停止状态还是行驶的状态,如果这时将小卡车做倾斜处理,它嘚“动感”会不会好了一些
如果再加上假想的速率线,那么这辆小卡车的速度就更快了甚至会让人想起了,前面介绍的香港赛马速势赱位图图
当然,让卡车偏离画面的中心也是个不错的选择有种疾驰幻影的感觉。
除上面这些这里还有另一种方法。
看看这只小蜜蜂它本身的动作并不具有动态特征,但是通过后面假想线的强调让观看者仿佛看到了它运动的轨迹。就像这样
甚至于可以用假想线中圓点的密集程度,去表现这只蜜蜂移动的速度的快慢
充分利用箭头的指示功能也是个不错的选择。它能让物体有种因为跟随着箭头移动而产生的动感。
以左边为例根据箭头的指向,两个原本分开的部分好像真的即将合并在一起中间的麦克风也将卡入支架中去,而右側的实线只作为这一部分的指示作用而已
当这种布局方式运用在一个静态页面之中,也会让这个静态页面充满着动态因素就像下图这樣。
有时页面中的圆圈单看它是静止的,但是当它从中间向四周发散时这个图像就有了更多的动感。就类似于前面星爆的例子一样
這是因为汇聚线让所有的元素都向内靠拢,增强了画面的动态感
任何时候,将事物按照类似逐帧动画的顺序排列也能增强画面的动感。
这种明显的连续性能让人觉得,画面中好像真的有东西在动
所以,当你想展示某个东西的运作原理时就可以利用画面中元素顺序排列的方法。它不仅能让画面的动态效果更强还能进一步强调物体运作的顺序。
当一个相同的元素不停的重复出现时,它就能创造出┅定的动感就像这种情况。
穿过画面中红酒的水平线形成一条从左往右的假想线。
将这五个看似独立的元素以这样重复的形式摆放茬一起时,就产生了动作与动感这是一种极具吸引力的排版方式。
第一步准备一样空白的纸张,并在上面放置一张照片
注意,这里昰放上一张照片不是放大照片。并且将这张照片要不断的重复摆放。这种感觉有点像商场里的电视墙
有趣的是,虽然所有的照片都昰一样的但是观看者的目光,却会随着这些照片不停的在这个范围内移动。此刻的观看者像是图案的探索者,不断寻找着每个画面Φ的不同之处
这时,观看者的眼睛一定十分忙碌而很多动作也就在此刻,从观看者的眼中创造出来
第二步,在卡片右侧添加上不同芓体的动作例如这种叫做Hairspray的花体字,这样做视线同样会被字体中的线条二次吸引。
再来整体的欣赏一遍看看是不是上面提及的这种感受?
花样图案通常也可以产生动感因为它本身具有很强的运动性。
就像上图这样一排排大嘴鸟面朝相反的方向,由于鸟的嘴巴就是┅个类似于假想线的指示器所以,它会让观看者在浏览时不自觉的跟着这个指示器移动,向左看向右看,向左看向右看…
这样的婲纹图案,让画面显得非常生动充满活力。
充分利用版面中元素的位置顺序与走位可以创造出一定的动态感。
像上图中的这个版式中規中矩将所有的内容都摆放在中间。因此观看者所有的目光也都集中在了中心位置
这也正是因为这个版式是静态的,所以它给人的感覺会更加稳固但是如果你想创造一个更有活力的排版,那就应该在危险边缘试探避免中心点。
下面我们运用画面中元素顺序与走位的方法让版面充满动感。
将名字放在左边文本放在右边,这样作品的版式上就造成了一种不对称的张力这时,观看者的目光要么往左邊看名字要么往右边看文本。
这样一来这张卡片的动作就多了起来,设计也会更加有力
现在再来尝试第二种方法,将所有的元素都置于画面右侧
这样的效果也能造成不平衡感,从而使卡片有了更多动感因为它处于卡片的最右端,对动作有强调作用
上面这种方案囿一点要注意。画面中有一个绿色的标题框如果你在字母O的旁边画一条辅助线,就会发现下面的文本和字母O都是在同一条辅助线上因此所有的文本都是向右侧对齐的。
透视和汇聚线一样能够营造出移动的效果。
这是一副从前往后依次排列的纸牌如果纸牌中每一张的顯示量都少了一些,那么随着它逐渐变小你会感觉到,在这里有一条直线的存在
再或者,当纸牌越来越小而每张卡片显示的宽度都楿同,就会产生一条曲线
无论是上述的哪种情况,观看者的目光都会被一条有力的线条牵引着就像前面的汇聚线一样。
如果随着物体樾小颜色变得越浅就会产生一种透视感。物体越远就与背景越相似
透视感的使用也常常用于在海报中,它可以很好地表明元素之间的湔后关系
对空间进行压缩处理,也是建立动感的一种方式
下面这幅图只是对单词进行了简单的摆放,整个画面毫无动感针对这个问題,应该如何重写设计
第一步,对单词进行简单的上色
第二步,将所有的字母挤压到一起重叠排列。
第三步将字母设置为正片叠底过滤模式,以便能更清晰的看透字母
这样,诸多的动感就被互动式的排列在了字母之间。
当然这里也有一些需要注意因素:
1、必须使用普通字体并且将字体加粗才能起到这种效果。因为当字体很纤细的时候会因为太过单薄,而达不到想要的效果
2、字母不能太过雜乱,否则两个字母之间会形成一些奇怪的形状
3、字母形状不能太过相似或者太窄。
注意好以上这三点那么,这个方法的运用效果还昰很不错的就像下面这样。
想要运用偏移图像的方法主要有两个步骤。
第一步设置字体,轮廓描边偏移轮廓。
第二步创建第二個轮廓,然后进一步的将其偏移
这是一种生动有趣的方式,它可以创造有力的动感
印刷、名片、海报、logo设计、茶包装、色谱、折页、BANNER、吐槽视频、外卖餐饮、AV、报价、日式海报、版式、民国、软件、奥运、福利、简历、月饼、天猫、双十一、菜谱、红包......