设计癖 - 关注设计癖 发现好设计

注册 X

设计癖 - 关注设计癖 发现好设计

登录

忘记密码?

登录 X

设计癖 - 关注设计癖 发现好设计

邮箱注册

《设计癖免责声明》

密码找回

取消

11个设计小技巧,设计没灵感速看!!!

导语

小技巧让设计“动”起来~

本文转载自: 同捉故事 
ID:zhuoooo-com
我是独角仙

“我们生活的环境在一个极具动感的世界之中,所有的事物都在不停的变换着。”

—忘了是谁说的

 

甲方:我想要的不是这种平淡的设计,而是更动感和酷炫的效果!”

很多不懂设计的金主爸爸并不吃极简主义这一套,他们要的就是酷炫,就是视觉冲击,下面这种调性的设计会更符合他们的口味。
 

这期,咱们就来聊一聊,让画面“动力十足”又容易过稿的11个小技巧~

01

动感图片的运用

动感图片的运用是最简单,也是最好处理的一种方法。

就像这张赛马图,它是在高速运动中拍摄的,本身就极具张力,再加上赛马的动作、疾驰的幻影更是将这张图片的动感推向顶峰。

找一张有动感的图片,只需加上一些文案,就可以快速形成一张极具动感的作品,就像这样。
 
 

02

韵律与假想

 
这张照片虽然是静态的,但是因为人体本身的韵律感,充满张力的肢体动作,以及延伸出去的假想线,让整个画面看起来动感十足。
 
仔细观察,图中女孩舞动的手臂以及腿部的线条,你会发现,视线在不知不觉中开始跟随着这些假想线的方向移动。
 
 
将这张图片作为元素,放入设计中。借助图中运动的力量感,就能形成一张富有动态感的海报设计。
 
 
除了上图的排版方式外,也可以借用刚刚谈及的假想线,通过动作指向,让观看者自然而然的看到所要表达的文案。
 
 
上图只是一个简单示范,实际操作中可以更加细致一些,就像这样。
 
 
借助假想线产生的巨大爆发力,将静态图片的动感效果推到了顶点。
 

03

视线走向的运用

平行视线轨迹

当页面上不再出现运动的状态时,那就要利用视线的走向去“说话”。

相信每个人在看到这幅全景图后,眼睛的状态必然是一个从左往右的运动过程。
 
 
想利用这种视线的走向运动进行创作,可分为三个步骤:

 

首先,创建一个从左往右的矩形条。
然后,在矩形条中添加文案信息。
最后,在右侧放上一张咖啡厅的图片,就大功告成了。
 
 
这样做的好处就是随着视线走向的运动过程,图像中,所有信息会自然而然的引导观看者,按照从左往右的顺序,依次读取图中信息。

扩散式视线轨迹

除了这种平行的视线轨迹外,星爆图又是另一种运动的方式——扩散式视线轨迹。
 
 
跟刚刚的全景图不同,人们的视线这次是以发射状从中间向四周逐步扩散。
 
 
利用扩散式视线轨迹的特征,可以将文案放置在图片中间,再将其按照前景线的方式逐步打开。
 
 
随着视线走向的从左往右运动,也让图像带上了动感的效果。这种动感并不是身体上的移动,而是思维上的迁移过程。
 
这个方法同样可以利用印刷术来表现。
 
 
这是一种有引力的设定,引导着观看者的视线的走向从左往后依次的移动。
 

04

汇聚线的运用

眼睛总是喜欢看着线条并跟着线条的方向去移动,特别是汇聚线,这里给大家介绍4种特殊的线条形式,它们能对信息起到很好的强调作用。

聚合线

聚合线,速度快,它可以带领人们的视野也从宽到窄依次变化,并在靠近窄端时做加速运动。

曲线

 
相对于聚合线来说,曲线的速度会更快。人们的目光不仅会随着曲线运动,还会在曲线末端的幻影中继续。并不会随着曲线的消失而立即收回视线。
 
像旋涡、发射线等多用曲线进行表达,它可以为版面带来更多的运动信息。

车道行轨线

车道行轨线,能将观看者的目光轻易汇聚至标题处,更有利于信息的强调。

齿汇聚的轮线条

 
利用汇聚的齿轮形成了天然夹角,让眼睛跟着汇聚线的方向转动,这是强调信息的另一种方法。
 
除了上面这些特殊的线条能对信息起到很好的强调外,有一些特殊的图形,也能起到同样的作用。
 
 
当这面旗子以矩形的形式出现时,它给人的感觉是完全静止的,但是,如果改变了旗子的形状,比如变成了三角形,跟刚刚的旗子相比动感会不会更强了一些?
 
 
这是因为眼睛会随着这些汇聚线不由自主的移动,如果再将旗子换个方向,这些汇聚线也会随着旗子变换而做出相应的调整,只不过跟刚刚相比,运动的速度就慢了许多。
 

05

倾斜的汇聚线

图片

图片的角度也常常会创造运动的过程,当目光跟随着这些建筑线条倾斜时,就有了倾斜的汇聚线以及不稳定的线条能量。
 
 
如果说上图显示的能量还不够明显,那么接下来的这张图就能更好的说明倾斜的汇聚线所能造成的动力感。
 
相比汽车在水平面上的状态来说,当特殊的视角形成了倾斜的汇聚线时,画面的速度感会更快。
 
 
在图片的基础上,再将文字也变得有一定的倾斜角度,那么,页面上的所有内容都在快速移动的状态下进行。
 
 

文字

文字,之所以能在下面环境中产生动感,那是因为图片中的字体是一种扩展型字体,所以观看者的目光不得不从左往右依次移动。
 
如果,再将字体做了倾斜处理,动感也相应的变得更加强了一些。
 
 
除此之外,适当增加一些模糊效果,也是增强动感的不错选择。
 
 
但是,这种方法还是要慎用,因为这样做会让字体的辨识度降低很多。
 
当然,也并不是所有的倾斜体都会让画面感受到速度的动感,就像文本框中的斜体,它就不会。这是因为,文本框中字体的主线不是水平的,而是垂直排列的。所以这里的斜体只是用于强调,或者作为一个样式要素出现。
 

06

假想线的设定

速率线

先来观察一辆小卡车
 
 
这时,你也许还分辨不出,它究竟是停止状态还是行驶的状态,如果这时,将小卡车做倾斜处理,它的“动感”会不会好了一些?
 
 
如果再加上假想的速率线,那么这辆小卡车的速度就更快了,甚至会让人想起了,前面介绍的赛马图。
 
 
 
当然,让卡车偏离画面的中心也是个不错的选择。有种疾驰幻影的感觉。
 
 
除上面这些,这里还有另一种方法。

虚线

 
看看这只小蜜蜂,它本身的动作并不具有动态特征,但是通过后面假想线的强调,让观看者仿佛看到了它运动的轨迹。就像这样。
 
 
甚至于可以用假想线中圆点的密集程度,去表现这只蜜蜂移动的速度的快慢。
 

箭头

充分利用箭头的指示功能也是个不错的选择。它能让物体有种因为跟随着箭头移动,而产生的动感。
 
 
以左边为例,根据箭头的指向,两个原本分开的部分好像真的即将合并在一起。中间的麦克风也将卡入支架中去,而右侧的实线只作为这一部分的指示作用而已。
 
当这种布局方式运用在一个静态页面之中,也会让这个静态页面充满着动态因素。就像下图这样。
 

发散

 
有时页面中的圆圈,单看它是静止的,但是当它从中间向四周发散时,这个图像就有了更多的动感。就类似于前面星爆的例子一样。
 
这是因为汇聚线让所有的元素都向内靠拢,增强了画面的动态感。
 

顺序性的排列

任何时候,将事物按照类似逐帧动画的顺序排列,也能增强画面的动感。
 
 
这种明显的连续性,能让人觉得,画面中好像真的有东西在动。
 
所以,当你想展示某个东西的运作原理时,就可以利用画面中元素顺序排列的方法。它不仅能让画面的动态效果更强,还能进一步强调物体运作的顺序。
 

重复性元素

当一个相同的元素,不停的重复出现时,它就能创造出一定的动感。就像这种情况。
 
 
穿过画面中红酒的水平线,形成一条从左往右的假想线。
 
 
将这五个看似独立的元素,以这样重复的形式摆放在一起时,就产生了动作与动感。这是一种极具吸引力的排版方式。
 
看个案例

第一步,准备一样空白的纸张,并在上面放置一张照片。
 
 
注意,这里是放上一张照片,不是放大照片。并且,将这张照片要不断的重复摆放。这种感觉有点像商场里的电视墙。
 
 
有趣的是,虽然所有的照片都是一样的,但是观看者的目光,却会随着这些照片,不停的在这个范围内移动。此刻的观看者,像是图案的探索者,不断寻找着每个画面中的不同之处。
 
这时,观看者的眼睛一定十分忙碌,而很多动作也就在此刻,从观看者的眼中创造出来。
 
第二步,在卡片右侧添加上不同字体的动作。例如这种叫做Hairspray的花体字,这样做,视线同样会被字体中的线条二次吸引。
 
 
再来整体的欣赏一遍,看看是不是上面提及的这种感受?
 
 

07

花样图案

花样图案通常也可以产生动感,因为它本身具有很强的运动性。
 
 
就像上图这样,一排排大嘴鸟面朝相反的方向,由于鸟的嘴巴就是一个类似于假想线的指示器。所以,它会让观看者在浏览时,不自觉的跟着这个指示器移动,向左看,向右看,向左看,向右看…
 
这样的花纹图案,让画面显得非常生动,充满活力。
 

08

顺序与走位

充分利用版面中元素的位置顺序与走位,可以创造出一定的动态感。
 
 
像上图中的这个版式中规中矩,将所有的内容都摆放在中间。因此观看者所有的目光也都集中在了中心位置。
 
这也正是因为这个版式是静态的,所以它给人的感觉会更加稳固。但是如果你想创造一个更有活力的排版,那就应该在危险边缘试探,避免中心点。
 
下面我们运用画面中元素顺序与走位的方法,让版面充满动感。
 

方法一:

 
将名字放在左边,文本放在右边,这样作品的版式上就造成了一种不对称的张力。这时,观看者的目光要么往左边看名字,要么往右边看文本。
 
这样一来,这张卡片的动作就多了起来,设计也会更加有力。
 

方法二:

现在再来尝试第二种方法,将所有的元素都置于画面右侧。
 
 
这样的效果也能造成不平衡感,从而使卡片有了更多动感。因为它处于卡片的最右端,对动作有强调作用。
 
 
上面这种方案有一点要注意。画面中有一个绿色的标题框,如果你在字母O的旁边画一条辅助线,就会发现下面的文本和字母O都是在同一条辅助线上。因此所有的文本都是向右侧对齐的。
 

09

透视视角
透视和汇聚线一样,能够营造出移动的效果。
 
 
这是一副从前往后依次排列的纸牌。如果纸牌中每一张的显示量都少了一些,那么随着它逐渐变小,你会感觉到,在这里有一条直线的存在。
 
 
再或者,当纸牌越来越小,而每张卡片显示的宽度都相同,就会产生一条曲线。
 
无论是上述的哪种情况,观看者的目光都会被一条有力的线条牵引着,就像前面的汇聚线一样。
 
如果随着物体越小颜色变得越浅,就会产生一种透视感。物体越远就与背景越相似。
 
 
透视感的使用也常常用于在海报中,它可以很好地表明元素之间的前后关系。
 

10

压缩与叠加

对空间进行压缩处理,也是建立动感的一种方式。
 
下面这幅图只是对单词进行了简单的摆放,整个画面毫无动感,针对这个问题,应该如何重写设计。
 
 
第一步,对单词进行简单的上色。
 
 
第二步,将所有的字母挤压到一起,重叠排列。
 
 
第三步,将字母设置为正片叠底过滤模式,以便能更清晰的看透字母。
 
 
这样,诸多的动感,就被互动式的排列在了字母之间。
 
当然这里也有一些需要注意因素:
 
1、必须使用普通字体,并且将字体加粗才能起到这种效果。因为当字体很纤细的时候,会因为太过单薄,而达不到想要的效果。
 
 
2、字母不能太过杂乱,否则两个字母之间会形成一些奇怪的形状。
 
 
3、字母形状不能太过相似或者太窄。
 
 
 
注意好以上这三点,那么,这个方法的运用效果还是很不错的,就像下面这样。
 

11

图像偏移

想要运用偏移图像的方法,主要有两个步骤。
 
第一步,设置字体,轮廓描边,偏移轮廓。
 
 
第二步,创建第二个轮廓,然后进一步的将其偏移。
 
 
这是一种生动有趣的方式,它可以创造有力的动感。

你此刻的心情

  • 157

  • 0

  • 1

  • 1

  • 1

版权声明: 凡本站注明来源非设计癖的文章,目的在于传播,如需转载,请与稿件来源方联系,如产生任何问题与本站无关;凡本站所发布的图片、视频等素材,版权归原作者所有,仅供学习与研究,如果侵权,请提供版权证明,以便尽快删除。

留下评论 全部评论(0)