LOGO设计中的《图与底》

2019-11-19 14:34:47

 

 

前言：正负形的设计手法是设计中的一种常见表现形式，在LOGO设计中更是被频繁使用。本文与大家分享标志设计中的正负形的设计方法。

 

一：图与底介绍

我们对图形的的感觉不是孤立的，是要受周围环境的影响，认识某个图形也要依存于周围的关系。

就像这个图形，如果我问你看到了什么，你会说看到了一个圆，但是如果你没有看到黑色的矩形（背景）你又怎么会看到白色的圆呢？

—般来讲，比较显眼的那部分形态有利于作为—个图形存在，而相对于不太显眼的那部分将被看做底。图和底实际上都是整个画面的两组不同的造型元素，从造型的意义上讲它们具有着同等的价值。就像下图图形中的白色代表钢琴，黑色代表数字“11”。钢琴和数字任意一个图形发生变化，都会影响另一个图形的造型变化。

在构成中，图与底也常常被称为 正形 与 负形。

“图”也就是正形，是画面的主体与前景。背景的面积越大，前景的物体越简单，正形就越凸显。 “底”也被称作负形，是画面的背景。正形围合出来的面积越完整，负形就越凸显。

最具代表的正负形设计是鲁宾之杯，图中首先给人看到的是画面中白色的杯子。然而，若我们的视线集中在黑色的负形上，又会浮现出两个人的脸形，设计师利用图底互换的原理，使图形的设计更加丰富完美，鲁宾之壶又被称为是设计史上著名的设计图形。

阿恩海姆根据自己对心理美学的研究，对鲁宾的图底关系进行了发展

 1. 易形成 图 的条件

具象的形态； 完整的形态；（面积）较小的形态； 熟悉的形态；简洁的形态； 轮廓清晰的形态； 色彩鲜明的形态； 有凹凸的形态；可以完结的形态； 连接、封闭的形态； 垂直或水平放置的形态；上部往往为底、下部往往为图； 空间中被包围易为图； 动者为图，静者为底；有秩序感的为图；有光影的为图。

2. 易形成 底 的条件

开放的形，虚形； 为人忽视的，不受注意的； 有背景特性的；外形散漫的；有不断扩张感的；不易完结的； 难以感知到固定形态的；有后退、下沉感觉的。

 

二：元素选择

因为正负形只是一种设计手法，而非元素本身，我们用这种手法进行创作要依附在合适的元素之上，适合的元素能让我们的设计结果更出色。

 

1单元素：比如动物自身的头与身体发生正负形的关系，不需要选择其他的设计元素，表达的主旨也只是熊本身，我们只需要将熊头与熊身结合简化即可。

 

2重复元素：图与底的反转现象：有时候图与底的特征十分相似，不容易区别，这就是图底的翻转现象。  比如阴阳鱼就是图底反转，虽然没有具体元素，但是这样的阴阳反转抽象的体现了道家的学术思想。

 

3意近元素：两个寓意关联的元素当使用正负形结合之后会显得更巧妙，比如螃蟹和锚都是大海相关的元素。

小花猫很容易联想到鱼。

 

4形近元素：下面两张图是LOGO研究所8月出品的2个LOGO设计，设计要求是用26个字母加上任意一种动物做结合设计。之所以选择这两个LOGO做讲解，其一是大家投票比较多，其二是这两个图形他们负形一个尖锐一个圆滑，比较有代表性。

第一个LOGO是字母J与大象图形的结合，第二个LOGO是字母Z与海豚图形元素的结合，在选择图形上我们已经确定使用字母J和Z,所以我们主要寻找在图形上能匹配J和Z的动物图形。观察Z和J我们很容易看见Z和J两个字母白色的地方，但是我们是否思考了他的负空间？

下图中红线与黑色背景形成的1、2、3的区域就是我们设计的切入点，我们思考这片空间应该放入怎么样的图形，简单说就是什么动物图形的轮廓会类似红线部分的形状。1、2地方可以放入动如图形比如老鼠、穿山甲，一些头部类似三角形的比较尖锐的动物。3的地方比较圆滑，和猴子的尾巴或者弧形元素结合比较合适。最后我们选择海豚与Z结合，大象与J结合。

更多字母请看我以前的推文：这团队设计了26个字母LOGO，每个都是动物？

 

三：元素结合

如果元素的选择是通过相似图形去选择的时候，元素的选择和结合可能是同时进行的，但如果是根据意义去选择，可能我们要从图形的简化开始，这里用到的不只是图与底，正负形的知识了，我们继续拿上面的Z+海豚举例。

1简化：我们要进行元素的结合第一步是简化，因为我们在做的是一个LOGO设计，表达出图形的特征就可以了，而不是面面俱到，所以我们要抓住元素的特征，图中1234四个地方就是海豚的造型特征。

我把简化的图形放到预期的地方，达到下图效果。下图图中1234的造型对应了上图的海豚特征。

 

2优化：细心的朋友会发现，这和最终稿的造型还是有出入的。

上图中5的地方被圆角化了，5的地方比海豚的嘴还要尖锐，这显然不是我们想到的效果，所以不影响字母Z美观的情况下，将5圆滑一些，使人的视线聚焦在海豚的头部而不是5的地方。

3的海豚特征被省略了，其实和5的圆滑一个道理，我们需要引导别人把视线聚焦到海豚头和字母Z凹进去的地方，而图3的地方显然分散了读者的注意力。

人的视线更容易聚焦到尖锐的地方，人们看一个圆，可能停留在任何一个点上，如果看一个正方形，人们的视线更可能停留在四个点上，这就是优化了5和3的原因和目的。

最后一步是眼睛，与绘画不同的是，LOGO设计中眼睛真不一定是画龙点睛之笔，有的时候眼睛的加入会影响整个图形的感受。不同动物眼睛的形状大小都是不同的。如下图，细节上还是要多尝试，选择最佳方案。

 

四：欣赏

最后给大家分享一些关于正负空间的平面设计，如果文章对你有帮助，欢迎把文章转发到你的朋友圈。

 

关键词：h5和h5的区别 页面查看h5 h5页面交互

↑ 回到顶部