2017 年 5 月 6 日

网站设计中的 LOGO 如何运用留白?

留白是指的创作者在设计时有意识空置版面的行为

或许你能注意到我这里使用了“创作者”而非“设计师”作为主语。因为最早留白是用来描述国画中虚的概念,用以衬托画面主题。既是潘天寿先生所谓“虚实之关联,即以空白显实有也。”

北京网站建设资讯 - 网站设计中的 LOGO 如何运用留白? - (1)

关于留白很著名的一张图,马远的《寒江独钓》。留白将独字很好的点题出来了。

那什么又是设计师的留白?

从字面意义上来说留白既是指的不设计内容的区域,在排版设计中保留这样的区域主要是为了达到以下效果。

1. 突出视觉焦点

2. 凸显品质感

3. 表达情绪

视觉焦点

突出视觉焦点是很容易理解,人在单位时间内只能接收到有限的信息,你提炼的信息越简单,越能有效的传达给你的受众。

北京网站建设资讯 - 网站设计中的 LOGO 如何运用留白? - (2)

这是苹果官网和淘宝iPhone 7销售第一的店铺关于这款手机的介绍页,我就不展开说了。

很多设计师都知道大量留白的设计方式可以帮助提升品质感,上面两张图就是例子。但是很少有人能说清为什么,这里着重讲一下。

凸显品质感

品质感通常意味着传达出了一种从容不迫的信息,是自信的表现。

北京网站建设资讯 - 网站设计中的 LOGO 如何运用留白? - (3)

大部分时候我们收取印刷品的设计费用总是按照制成品的数量而不是内容的多少。所以部分客户觉得设计花了钱,内容做得越多越划算。可惜按照这种小农思维做出来的成品因为一次传达的信息太多并且没有主次。往往给人一种不知道想要说什么,犹豫不决的印象。

其实有的时候我也蛮佩服这些设计师能把版面塞这么满的……

而品质感的本质就是“仪式感”

用人话解释就是“衣冠楚楚一本正经花费了大量的精力干了一件小事”。

北京网站建设资讯 - 网站设计中的 LOGO 如何运用留白? - (4)

这是沙县小吃炸扁食。

北京网站建设资讯 - 网站设计中的 LOGO 如何运用留白? - (5)

这是菜籽油小火慢炸福建产区手作猪颈肉內陷扁食佐圣女果绿紫甘蓝沙拉,配长相思葡萄酒。

表达情绪

表达情绪是留白最早的用途之一,平面设计在这个方向上的使用继承了国画的很多经验。

北京网站建设资讯 - 网站设计中的 LOGO 如何运用留白? - (6)

△ 一个穿白衬衫的男孩

北京网站建设资讯 - 网站设计中的 LOGO 如何运用留白? - (7)

△ 一个穿白衬衫的男孩在看海

北京网站建设资讯 - 网站设计中的 LOGO 如何运用留白? - (8)

△ 一个穿白衬衫的男孩在孤独的看海

留白善于表现神圣、安静、清冷、孤独等情绪,在我国的国画艺术中有大量的使用。

留白在Logo设计中的应用

最后,来说一下什么是Logo设计师的留白。

就像我之前说的,留白是指的创作者在设计时有意识空置版面的行为。在Logo设计中也有类似的技法,主要分为两种空置方式。不过所希望达到的目的就跟排版有很大的不同了。

第一种是以国家地理为代表的,将Logo作为容器的设计方法。

北京网站建设资讯 - 网站设计中的 LOGO 如何运用留白? - (9)

以产出内容为主要卖点的企业或者品牌来说,这是一种很优秀的表达方式。

北京网站建设资讯 - 网站设计中的 LOGO 如何运用留白? - (10)

当然,在操作中这样设计有很多问题,比如正常的甲方是没办法接受这种Logo的,以及这样过于简单的结构无法注册。

所以实际设计中我们一般会采取另一种方式。

北京网站建设资讯 - 网站设计中的 LOGO 如何运用留白? - (11)

△ 曌润牡丹品牌标识

对Logo的某一部分进行留白。在需要表达子品牌与母品牌隶属关系,或者表明不同的产品系列。

北京网站建设资讯 - 网站设计中的 LOGO 如何运用留白? - (12)

又或者这个Logo所代表的本身就是很复杂的群体,你没办法用简单的一个共性来介绍,比如著名的墨尔本城市Logo。在这种时候就可以将Logo本身设计为一个容器,根据不同的表达需求来进行相应的变化。

第二种则是同时表达主次两种信息的Logo类型——正负形Logo

北京网站建设资讯 - 网站设计中的 LOGO 如何运用留白? - (13)

比如这一款很著名的缅怀乔布斯的Logo,将留白的苹果缺口部分重新组合为乔布斯的侧脸。

通常作为设计师我们总是会在设计Logo之前提炼品牌的关键词。提案上可以吹的天花乱坠,一个好Logo却永远只会是包含单一识别信息的Logo。

但总有些时候我们需要在这个有限的小图标里填充更多的内容。比如我是一家主要服务于猫狗两种宠物的宠物店。

北京网站建设资讯 - 网站设计中的 LOGO 如何运用留白? - (14)

当然可以做猫和狗两个元素并把他们堆砌在一起,但是这样一来整个Logo的视觉中心就分散了,只放猫和狗其中之一又可能会失去另一部分潜在客户。

北京网站建设资讯 - 网站设计中的 LOGO 如何运用留白? - (15)

△ 尾巴宠物-品牌标识

以伸懒腰的猫为基础造型,翘起的猫尾形成了大面积的留白,在其中融入了狗的头部形象。

北京网站建设资讯 - 网站设计中的 LOGO 如何运用留白? - (16)

△ 厚石投资品牌标识

又或者只是在追求字母嵌套时更融洽的结构关系。

Logo中的留白主要用于:

1. 需要表达变化或者形容多个不同性质的群体时

2. 融入多个关键词并希望能传达融洽统一的概念时

在这里需要特别说明的部分是,留白可以给设计提供品质感,正负形的设计也被认为是Logo设计中比较困难的手法。但是无论什么样的设计都需要根据客户的具体需求来确定对应的表达方式。一味的追求手法的繁复或者高档并不是健康的设计思维。

最新文章

  1. 手机网站的优化排名方法
  2. 网站关键词优化不好的原因介绍
  3. 医院网站设计的要素有哪些
  4. 网站极简设计风格元素有哪些
  5. 网站改版要注意什么事项
  6. 自助建站怎么样?需要考虑哪些方面?
  7. 企业建站用什么CMS建站系统会更好 三大系统优缺点对比
  8. 开源CMS系统哪个比较好 如何选择
  9. 企业外贸网站制作的要求及注意事项
  10. 如何做好网站建设方案的制定 这些一定要懂

最新案例