LOGO设计中的《图与底》

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词
我们在设计图形的时候,需要将各种元素组合起来传达我们所要表达的信息,这时如何让简洁的图形传达丰富具有内涵的信息就成为设计师要攻克的难点。而正负形的运用不仅能承载2倍的图形,还富有趣味性。本文章介绍正负形手法以及设计思路,梳理设计中的一些问题。

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

一:图与底介绍

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

LOGO设计中的《图与底》

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

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

LOGO设计中的《图与底》

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

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

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

LOGO设计中的《图与底》

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

1. 易形成 图 的条件

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

2. 易形成 底 的条件

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

二:元素选择

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

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

LOGO设计中的《图与底》

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

LOGO设计中的《图与底》

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

LOGO设计中的《图与底》

小花猫很容易联想到鱼。

LOGO设计中的《图与底》

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

LOGO设计中的《图与底》

LOGO设计中的《图与底》

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

LOGO设计中的《图与底》

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

LOGO设计中的《图与底》

更多字母请看我以前的推文:

三:元素结合

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

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

LOGO设计中的《图与底》

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

LOGO设计中的《图与底》

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

LOGO设计中的《图与底》

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

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

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

LOGO设计中的《图与底》

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

LOGO设计中的《图与底》

四:欣赏

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

LOGO设计中的《图与底》

LOGO设计中的《图与底》

 收藏