• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 干货来了!如何在LOGO 设计中运用好留白?

干货来了!如何在LOGO 设计中运用好留白?

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含logo设计,留白,经验分享等相关知识,希望在学习及工作中可以帮助到您

KGdesign:新手设计师总会经历一个想要把版面塞满的强迫症阶段,这个时候带你的前辈会一直站在你的椅子背后提醒你要内容要留白,版面要透气。那么到底什么是留白?画面上不放任何东西最白,我们可以说打印纸是留白的设计么?

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

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

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

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

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

1. 突出视觉焦点

2. 凸显品质感

3. 表达情绪

视觉焦点

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

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

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

凸显品质感

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

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

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

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

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

这是沙县小吃炸扁食。

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

表达情绪

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

△ 一个穿白衬衫的男孩

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

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

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

留白在Logo设计中的应用

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

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

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

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

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

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

△ 曌润牡丹品牌标识

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

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

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

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

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

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

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

△ 尾巴宠物-品牌标识

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

△ 厚石投资品牌标识

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

Logo中的留白主要用于:

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

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

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

作者的个人网站:http://www.kgdesign.cn/

「留白的艺术」

  1. 我们为何要在设计中重视“留白”
  2. 五个诀窍帮你快速掌握留白的艺术
  3. 豪斯先生平面课堂!浅聊平面设计的留白技巧
  4. 通过留白打造简洁有效的设计

原文地址:zhuanlanzhihu

设计微博:拥有粉丝量200万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。

优设大课堂

您可能想查找下面的文章:

  • 大盘点!互联网产品Logo 的分类及特点总结
  • 高手的平面课堂!解锁LOGO设计新技巧
  • 「得到」的猫头鹰Logo 是怎么诞生的?来看主创设计师怎么说!
  • 这个网站用AI 帮你做LOGO,还可以免费下载!
  • 这个「以用户为中心」的图标设计法,恰好很多设计师不会
  • 平面高手课堂!系统梳理 LOGO 里的正负形知识
  • 超全面的LOGO 造型手法效果和风格汇总
  • 为了让LOGO 更有个性,高级设计师都学会了这招!
  • 网易资深设计师:如何建立可信赖的品牌形象?
  • YouTube 终于换Logo啦!来看背后的设计故事!

相关文章

  • 2017-09-13sed简单教程
  • 2018-08-23网易设计师:帮你学会万能的深度访谈方法
  • 2018-08-23提前做好这四件事,帮你快速通过设计评审
  • 2018-08-23超全面的导航设计基础知识总结(一)
  • 2018-08-23水彩自学第三集:水彩笔常见问题及测评
  • 2018-08-23换了很多家公司还是在打杂,问题究竟出在哪里?
  • 2017-08-06重复提交、重复刷新、防止后退的问题以及处理方式分析
  • 2018-08-23实战经验!如何制订能有效提高自己的工作目标?
  • 2018-08-23用快看漫画的实战案例,带你掌握完整全面的产品设计流程
  • 2018-08-23想提高转化率?你得了解这个最新的「广告盲」现象!

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 看似愚蠢的YouTube 可跳过广告,背后有哪些精妙无比的设计?
    • UX设计在5年内将在哪里?这里有5项预测!
    • 想更好地掌控设计,你还需要懂得形状心理学
    • 快速上手!10分钟学会这招超好用的「九宫格」配色技巧
    • 内容迁移到移动端时,用户体验优化的7个关键点
    • 做了50多个项目,才知道总监们看重的调研是这样的
    • 如何写出没有“硬伤”的文案?这里有4个实用技巧
    • 浏览器缓存相关http头尽量减少http的请求次数
    • 非科班福利!仅需5分钟,让你成为一名专业的画画人士
    • 在看了10000条标题后,我们总结了写文案的4大技巧

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有