相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

完形视觉设计原理介绍

天堂鸟发布于:2019-10-14 08:24 |原作者: 徐适|
天堂鸟
北京市 怀柔区 
发私信 + 关注
简介: 在标志、图形、符号等创作中如何利用视觉原理的方法论更好地设计,完形视觉原理是绝对不可绕开的理论认知。完形视觉原理是设计领域被广泛使用的设计心理学原理。它是德文Gestalt的音译,意思是“形式、形状、模式”,是西方现代心理学的主要学派之一,又被称为“完形心理学”。 ...


下图中的联邦快递(FedEx)的标志简洁而令人印象深刻,《滚石》杂志将该标志评为世界八大最佳标志之一,该标志在国际上还获得了40多个奖项。虽然联邦快递的标志属于字标(Wordmark),但在Ex之间独具匠心地利用字间距和比例的控制,创造了一个箭头的负形。

完形视觉设计原理介绍 飞特网 设计理论


平衡律

平衡律概念:完形视觉原理抓住了我们在观察事物时的三种倾向性,即倾向于将复杂的视觉信息概括为更为简洁的、更有对称性的、更易理解其意义的图形。

平衡律的核心是告诉我们,在整个画面的设计元素间不应该提供混乱或不平衡的感觉,否则人们的注意力会被导向寻找不平衡的因素,或者思考这种怪异感觉的解决方法,而不是专注于获取设计内容的信息。

下面的图例中,在我们视觉感知左侧的复合图形的时候,倾向于将其理解为菱形与圆形的叠加,而不是②与③这种更加复杂的形式,而且①的理解相对于其他两者平衡性更强。平衡性指的是视觉上的平衡感,而不是对称性。

完形视觉设计原理介绍 飞特网 设计理论

平衡性的判断来自人对自然世界的物理现象的体验与经验,当物理世界的物体出现失衡的情况时,它往往会趋向于崩溃。平衡让观看的受众感受到和谐,而不平衡的设计会引发观者的视觉刺激。

视觉平衡的重要性:在设计上达到视觉平衡依赖于我们对设计元素在画面之间视觉重量的把控。视觉对象——不管是标志、图形符号、标准字还是各种设计画面乃至整体画面,要想呈现出良好而和谐的美学,不给视觉受众造成不必要的干扰,视觉平衡是首要注意的因素。视觉平衡的认知是设计构成的美学基础,只有了解平衡才能知道什么时候去制造和谐,什么时候通过合理的失衡制造设计的戏剧性,从而展现内容层次。

完形视觉设计原理介绍 飞特网 设计理论

上图我们以杠杆的模拟为例来分析。

图① :左右的圆形所处的位置、颜色、大小相同,因此是平衡的。

图② :右侧圆靠近视觉中心点,造成了画面失衡,左侧有下压的趋势。

图③ :位置相同而大小不同造成了画面的失衡。

图④ :左侧黄球明度高,右侧球明度低则视觉上显得很有分量。

图⑤ :左右球明度、饱和度相似,位置相对,因此左右平衡。

图⑥ :左侧球虽小,但数量多,因此感觉相对均衡。

在对整体画面进行元素平衡的时候,可以把画面想象成是一张贴在画板上的画纸,画板中心点下面有一个圆锥作为支点,而画纸上设计元素的视觉重量会对画板形成压力。 

完形视觉设计原理介绍 飞特网 设计理论

视觉中心:在没有被特别的视觉元素吸引视线的情况下,人的目光将自然地从左上方开始,并向右下方移动,穿过视觉中心。因此,在设计品牌触点应用设计的时候,往往要考虑整体画面的信息布局,根据视觉中心的规律去布局重要信息会得到更好的效果。这也解释了为什么很多时候主体的视觉信息会略微偏上。

完形视觉设计原理介绍 飞特网 设计理论

如果品牌标志中品牌色的数量较多,很容易使其色彩平衡难以驾驭,而谷歌的设计团队很好地处理了这个问题。在右下图中,我将其概括为基本几何图形,可以发现其标志的重心是分布在黄球内的,红色球和蓝色球左右侧都在错落的位置分布了,形成了很好的平衡。因为左侧的G为大写,所以面积和视觉重量会大很多,因此黄球右侧的字母"g"及"l"正好均衡了它的重量。整个标志的用色可以说处理得炉火纯青。

影响视觉平衡的因素主要有两个:视觉重量与视觉方向。

视觉重量:图形元素对视觉产生的感知重量。在一个独立视觉空间内,能引发人关注的元素、组合越多其重量则越重,反之则越轻。视觉重量产生影响的因素有很多,如尺寸、肌理、色彩、疏密、位置等。

视觉方向:视觉力量的感知方向。通过线性引导、锐度、色彩等手法制造的张力、引起的视觉方向性,带有视觉方向的元素会增加其视觉吸引力。

视觉平衡有四种基本形态。

对称平衡:以视觉中心点进行轴对称平衡、对称线平衡。对称平衡形式感很强,但也会因为手法过于单调、画面过于静态而令人感觉乏味。

不对称平衡:不同设计元素构成时通过视觉重量进行平衡的手法。这种不对称平衡可以形成对比性,并且对于元素间不同视觉重量的判断十分考验设计师的功底,形状、尺寸、颜色(明度、饱和度、色相)以及指向性、疏密、肌理等很多因素都会影响到设计对象的视觉重量。

径向平衡:又被称为放射平衡。以一个点为中心向外辐射开,其特点是在视觉上会产生一个向心力,突出其中焦点。

均衡分布平衡:在分布上对元素进行视觉重量上的均衡处理。均衡分布平衡方法可以体现出设计对象的丰富性、空间的充实感。

完形视觉设计原理介绍 飞特网 设计理论

在标志设计设计的时候视觉平衡与不平衡的手法都很常见。标志中视觉平衡的手法,视觉内容表达更稳健、均衡,而视觉不平衡的手法,可以制造视觉刺激点,成为标志中独特的识别印记。

完形视觉设计原理介绍 飞特网 设计理论

——

以上内容选自我的新书《品牌设计法则》,京东、当当网均有销售。

原文链接: https://mp.weixin.qq.com/s/zVrOWdBWxqOLfRyT4nAq2Q

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

123
22

好评
24

差评

刚表态过的朋友 (46 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

天堂鸟
北京市 怀柔区 
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计