header_v1.7.40

LOGO设计中的《图与底》

76天前发布

原创文章 / 平面 / 教程
王先亮 原创,如需商业用途或转载请与王先亮联系,谢谢配合。

一:图与底介绍
二:元素选择
三:元素结合


作者:王先亮  出处:LOGO研究所  (欢迎授权转发)


前言:正负形的设计手法是设计中的一种常见表现形式,也是LOGO设计时的一个必杀技,本文与大家分享标志设计中的正负形的设计方法。


一:”图与底“介绍


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



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


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


 


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


“图”也就是正形,是画面的主体与前景。背景的面积越大,前景的物体越简单,正形就越凸显。

也被称作负形,是画面的背景。正形围合出来的面积越完整,负形就越凸显。    


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



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


 1. 易形成 图 的条件

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


2. 易形成 底 的条件

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

    


二:元素选择


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


1单元素

比如动物自身的头与身体发生正负形的关系,不需要选择其他的设计元素,表达的主旨也只是猪本身,我们只需要将猪头与猪身合理科学的结合起来即可。



2重复元素

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



3意近元素

两个寓意关联的元素当使用正负形结合之后会显得更巧妙,比如“鱼和熊掌不可兼得”但是下面的LOGO巧妙的把熊掌和鱼刺结合在了一起,因为有“鱼和熊掌不可兼得”这个谚语,所以这里的鱼和熊掌属于关联元素。



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结合。



更多字母请看我主页的作品


三:元素结合


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


1简化

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



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




2优化

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




上图中,5的地方被圆角化了,5的地方比海豚的嘴还要尖锐,这显然不是我们想到的效果,所以不影响字母Z美观的情况下,将5圆滑一些,使人的视线聚焦在海豚的头部而不是5的地方。3的海豚特征被省略了,其实和5的圆滑一个道理,我们需要引导别人把视线聚焦到海豚头和字母Z凹进去的地方,而图3的地方显然分散了读者的注意力。


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



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


257

    文章信息

    • 文章标签

    Hello PM 意见反馈
    没有新消息

    提示文案

    提示文案

    提示失败
    提示成功