今天为大家分享5个有趣的视觉设计技巧,大家一起来看看吧!


视觉张力


举个例子,尝试把手机放在桌面边缘处,悬空的部分越多越好,是不是感觉手机要跌落出去了,但还没真的跌落。你总能感受到物体的动势,往相同(或不同)方向运动。通常情况下,视觉张力只是无意识的,我们没有意识到将形状彼此相邻,不知不觉中产生了张力。

超有趣!高级设计师必知的6个视觉设计基础技巧
超有趣!高级设计师必知的6个视觉设计基础技巧
上图突出显示的所有张力点。大家可以使用视觉张力吸引用户的视线并强化重点,这个方法对于设计夸张式海报比较有用。
超有趣!高级设计师必知的6个视觉设计基础技巧
上图中使用相同的构图,其中的张力集中在特定的位置,并且有意将其放在特定的位置。


动态与静态


现在很多的静态构图比较无聊,我们可以调整倾斜角度来让静态图变得有趣。

超有趣!高级设计师必知的6个视觉设计基础技巧
超有趣!高级设计师必知的6个视觉设计基础技巧

为了使图片更具动感和刺激性,可以结合画面边缘并让形状“出血”。

超有趣!高级设计师必知的6个视觉设计基础技巧


阅读方向


通常的阅读顺序是从左到右,从上到下。这种应用到界面上,可以理解成左侧的对象为进入,而右侧的对象为离开。

超有趣!高级设计师必知的6个视觉设计基础技巧
超有趣!高级设计师必知的6个视觉设计基础技巧
左边的物体像是刚进入了画面,右边的物体像是要离开画面。也可以使用它来传达某些情绪,例如想让一个物体看起来像在偷窥。
超有趣!高级设计师必知的6个视觉设计基础技巧

或者物体想要逃跑,这里可以添加一些画面元素,并建立更直观的场景。

超有趣!高级设计师必知的6个视觉设计基础技巧


阅读优先


因为我们的阅读习惯是从左到右从上到下,所以我们会先看到左上角的对象,然后眼睛移到右下角。如果你尝试创建视觉层次结构,即使它们的形状、颜色、大小相同,也可以将它们放置在此处。

超有趣!高级设计师必知的6个视觉设计基础技巧


负空间


可以使用带有指向性的形状来创造负空间,以此暗示某一画面区域。

超有趣!高级设计师必知的6个视觉设计基础技巧
上图中倾斜的三角形,可以引导你的视线向上和向右移动。

但问题是当视线到达页面右上角时,你的注意力可能会消失。你的眼睛移过对象,但是那里的空间太大,而来自三角形物体的方向不再指使着视线继续移动,你的视线会从这部分区域移开,该区域没有焦点了。

超有趣!高级设计师必知的6个视觉设计基础技巧
但通过裁剪/缩放的方式,让指向性形状再次出现视野中,指向关系得到强化,整个画面的空间,看起来会很有趣。

这些视觉设计技巧会让你的作品变得很有趣,大家可以在实际中运用试一下吧!