A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

一:图与底介绍
我们对图形的的感觉不是孤立的,是要受周围环境的影响,认识某个图形也要依存于周围的关系。
就像这个图形,如果我问你看到了什么,你会说看到了一个圆,但是如果你没有看到黑色的矩形(背景)你又怎么会看到白色的圆呢?
—般来讲,比较显眼的那部分形态有利于作为—个图形存在,而相对于不太显眼的那部分将被看做底。图和底实际上都是整个画面的两组不同的造型元素,从造型的意义上讲它们具有着同等的价值。就像下图图形中的白色代表钢琴,黑色代表数字“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设计中眼睛真不一定是画龙点睛之笔,有的时候眼睛的加入会影响整个图形的感受。不同动物眼睛的形状大小都是不同的。如下图,细节上还是要多尝试,选择最佳方案。

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


1 个回复

倒序浏览
奈斯,加油
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马