设计中"空白"的力量

平面设计中许多经过实践检验的宝贵经验都可以推而广之,应用到其他领域。

你或许听说过“负空间”这个概念——这是设计师们几乎每时每刻都在使用的设计技巧之一。如果运用得巧妙的话,旁观者甚至根本不会注意到一件作品中使用了这种技巧。这种处理手法的要点在于将观赏者的注意力引向作品中的关键信息或最主要的视觉元素,从而增强作品的整体效果。

蓝蓝设计( www.lanlanwork.com)是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供有效的 BS界面设计、 cs界面设计、 ipad界面设计、 包装设计、 图标定制、 用户体验 、交互设计、网站建设平面设计服务

对有很多东西需要表达的设计师来说,这听起来似乎有点不合情理——设计师往往很难克制自己不去使用更多的元素。然而,一旦你真正理解了负空间的精髓,你就会懂得如何灵活而恰当地运用它。

在平面设计的语境下,“负空间”这个概念稍微有些误导性。这像是在说你要设计的页面(无论是真实的还是虚拟的)除了一片空白,再没有别的东西。

事实显然并不是这样。

因为空白之中依然包含了很多“东西”,如果运用得当的话,它的效果绝对不会是“负面”的。

设计中的负空间就像一张导览图,它把观赏者需要了解和想要看到的东西准确地呈现给他们。

有些摄影作品会有意地虚化背景,将视线集中于一个焦点,负空间的策略也与之类似。人的注意力会下意识地忽略模糊的背景,只观看鲜明之物。

我们的眼睛倾向于找出自己熟悉的形状和图案,如辨认某个人的脸庞,某棵特定的树,或在不同的猫中认出自己的宠物猫等等。

设计中的负空间利用的也是这个原理。当充满空白的空间被一个忽然出现的视觉元素打破时,你的视线自然会转向那里。

一个最简单,最有效地理解负空间的办法就是想象一个位于页面上部的logo,它位置居中,宽度约为浏览器页面的15%到20%。

这一点很重要:它的周围没有任何东西。所以,你的目光会停在哪里呢?

答案当然是:直视那个logo。

你不会左瞧右看,漫无目的地打量空白之处,到后来才发现那个logo.你的目光会直奔主题,因为“某个东西”突然打破了“没有东西”的状态。

这就是负空间的奥妙所在。正是作品中的“空白”使你立即看到了存在之物。

那么,所有页面元素都应该占有空间吗?

这实际是说,某些视觉元素需要使用负空间,而另一些则不必,区分这一点十分重要。

概念类图像?不妨也考虑一下。

一篇文章的出版日期? 不太建议。因为当一个视觉元素被页面中的负空间衬托时,它会立即给人一种与页面中的其他元素相比“更为重要”的感觉,这可能会扰乱既定的页面布局。

所以,logo,标题,副标题,主要图像——只有这些重要到一定程度的元素才值得使用负空间去表现。

用负空间表现故事性

请看上面这三幅示例图,它们不像我最开始使用的logo那么简单了,而是使用了相对而言比较复杂一些的负空间策略,“高阶”的处理方法理解起来可能会稍微费力,但如果运用恰当的话,产生的效果是非常强烈的。

负空间可以迷惑观赏者的眼睛-—观看的人也许需要一点时间才能反应过来,不过一旦他们发现了其中的玄机,就会被创作者的精巧的心思所折服。

以上仅仅是我随便举的一些例子。

负空间令视像更富戏剧张力

负空间的另一个效果是它可以使像肖像画或关键视觉元素这样的主题视像( theme visual)更有戏剧性。这种手法常与主标题和宣传文字一起运用。

用这种手法处理普通而常见的项目或许会有点困难,但对于某些你的客户要求做的比较“高端”的项目,负空间就会显示出它的魔力。

下面是负空间体现在具体作品中的又一个例子(图片作者为摄影师Anthony Taylor,已得到作者的使用许可)。

为惊悚电影设计海报的艺术家同样有一些大师级的“负空间”设计作品。

1982年旧版海报

2007年新版海报

史蒂芬伯格的电影《鬼驱人》(1982)的海报就是一个经典范例。

在这张电影海报中,没有哪个单独的元素会使人感到害怕。

画面中有一个小女孩,一只泰迪熊,还有一个大大的电视屏幕。没有血腥,没有暴力,没有恐怖形象,就连字体都平淡无奇。

但是,整个海报却弥漫着令人极为心悸的惊悚气氛。显然电视中有什么东西把那个可怜而无辜的小女孩而迷住了,她被孤零零地困在了黑暗之中,没有任何人可以拉她出来。

有意思的是,在推出这部电影第25周年的纪念版(2007)时,使用了重新设计的海报,新海报中放弃了几乎所有的“负空间”,中心画面被放大了,但实际的视觉效果却令人怀疑。

新海报让作为旁观者的我们与小女孩站在同一间屋子里,当然我们还会觉得不安,只是与旧版海报相比,绝望的氛围大大地减弱了。

使用负空间需要注意什么?

从纯设计的角度来说,负空间连同其他设计手法如三分构图法,五分构图法,字体设计(不只是选择字体,还包括设计生动有趣的不同字体)一起,为设计师提供了一个多样而高效的设计工具箱。

成熟的设计师在做每一个项目时都会时时使用这个工具箱,当然,他不会每次都把所有工具都派上用场。

好的设计常常是简洁的。或许只需一个视觉技巧,一个迷人的小花招,一款特别的字体。

编写代码的人都知道——当你过分依赖一种技巧时,事情就会变得一团糟。最好的策略往往是最简单的,也就是使用尽可能少的代码。在编程中是这样,设计也不例外。

老实说,刚入行的设计师想要做出出色的作品并不容易,而糟糕透顶的设计却是层出不穷,在各类型的设计中都能见到。

以我个人的经验,我知道的最好的设计策略来自于一个我曾为之工作的创意总监。

蓝蓝设计( www.lanlanwork.com)是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供有效的 BS界面设计、 cs界面设计、 ipad界面设计、 包装设计、 图标定制、 用户体验 、交互设计、网站建设平面设计服务

他的理念是:

“理解你要表达的信息。观点要清晰,易懂,并贯彻始终。做到这一点,设计自然成功。”

把负空间的设计观念收入你的工具箱中,并试着经常使用它吧。你的客户依然会坚持要你填满每一寸空间,是的,即便是最优秀的设计师也会遇到这种情况。

但是,一份出色的设计永远是最好的辩护词。

为惊悚电影设计海报的艺术家同样有一些大师级的“负空间”设计作品。

时间: 2024-08-02 14:31:47

设计中"空白"的力量的相关文章

设计中留白的力量

留白(或"负空间")是一个页面元素之间的空白区域.尽管许多人认为这是在浪费宝贵的屏幕空间,但留白是设计中必不可少的元素. "留白被视为一个活跃的元素,而不是被动的背景"- Jan Tschichold 今天,我将介绍如何在你的设计中使用留白来给人一种干净整洁的感觉. 留白和负空间 "负空间"一词源于传统艺术,它用来更精确地捕捉物体的外形.实际上,空间并不需要是有色的,任何与焦点内容无关的空白空间都可以被归类为"留白".由于与实

网页设计中的切图

一般的网站制作步骤大体上为:设计效果图–>切图+制作静态html模板–>嵌套至CMS,其中,切图虽然是很简单的一个步骤,但其中也有很多技巧,以下是我个人总结出来的几点. 总体上,把握一个原则,能用css写的,坚决不要用图片. 经验告诉我们,首页图片很多的网站打开会很慢,一是因为图片多,需要下载的文件体积就增大,二是每一个图片下载都会对服务器有一个请求,增大了浏览器与服 务端的交互次数,如果能把纯色的部分用css来写,而不因为省事直接切图,就会极大提高网站的运行效率,我最早开始学习制作网站时,就

游戏设计中的道德

最近一直在思考一些关于游戏设计方面的问题.入行已经两年了,以前跟所有刚入行的朋友一样,一直想着怎么从自己设计的游戏中赚钱.怎么让玩家为我的劳动成果买单.当然,我并不是说这样不好,因为只要形成一个良性的循环,优秀的游戏才会持续不断的出现,君不见,几年前国内还是有很多优秀的单机游戏的,但是由于破解的存在,以及中国人在几年前还有着"我都花钱买了电脑了,难道软件还要钱吗?更别提游戏了."这些众所周知的原因,现在中国的市场上已经很难看到新的优秀单机游戏的出现了,还好手游平台拓宽了国内的游戏市场,

名片设计中的色块和色彩体现

名片的设计是一门独特的学问,掌握好基础就有利于设计的进一步实行,也有利于设计人员迈向品设计之路.名片设计关键还是要把握几个体现元素,根据名片的行情,总结了以下几个比较关键点: 一.色块的设计体现 名片设计首先要吸引对方的注意,只有是对方感兴趣了,才能使对方能集中注意力了解名片的内容.因此,名片饰框应不具备任何抵抗性,而以柔和线条为佳,进而诱导视线移到内部主题为主.对名片上的色块一定要有够深的认识,要知道色块可分为几何形与非几何形:通常,几何形的色城具有单纯.简洁.明快的感觉,但若其组合过於复杂时

架构设计中的6种常见安全误区

[架构源码地址] 自然世界中,先天有缺陷的生物总是容易被细菌病毒入侵,而健壮的生物更能抵抗细菌病毒的攻击,计算机系统也是一样,若有先天的架构设计安全缺陷,那么在面临网络攻击的时候,就更容易被入侵或者破坏,甚至因为设计架构的原因,有些漏洞完全没有办法修复!本文将讲述架构设计中需要避免出现的安全误区,以帮助我们研发人员设计出更安全健壮的软件架构.本文的举例既有硬件架构,也有软件架构,还有基础架构等等不同的架构,但其中原理适用于所有的架构设计.下文将从兼容性设计误区,降低成本设计误区,数据和代码不分离

论行为设计学在产品设计中的应用

为了减肥,你可以吧一大包零食分装成若干个小包然后在吃,可以大大减少零食的摄入量... 在小便池上画一只苍蝇,男性在小便的时候可以瞄准发射,以便减少尿液外溅... 这些案例都是利用了设计心理学来进行有利的行为引导,在设计的角度看来那是极好的,那就是设计行为学应用案例之一.设计行为学是指利用人的心理"缺陷"或人性的弱点通过设计一个程序来达到某一目的,(我自己杜撰的,非正式定义这个概念).今天讨论的是行为设计学在产品设计中的应用,其中有三个很重要的概念:人的心理,人的行为.程序设计和互联网.

从网站界面设计中领悟PPT设计灵感

一般的网站设计从规划到内容都非常注重用户的体验与可用性准则,网站整体风格简约,洁净,各个信息点都力图让浏览者了如指掌. 我们做ppt设计能够从一些优秀的网站界面中寻觅一些灵感. 1.网站中的版式的设计 我们从网站中寻觅ppt设计的灵感不是相对于一切的网站界面,必需经过仔细的挑选和区分.以上网页中上下构造的规划在网站设计中算是比较常见的一种.类比于一个新建的空白ppt文档,当我们用色块填充了一半的空间后,就曾经构成了一个上下构造的布局. 从网站中寻觅ppt设计的灵感还要学会对网站界面中内容的过滤,

Java基础__慕课网学习(25):Java第二季4.7 UML与PowerDesigner在Java设计中的应用,找了一篇比较好的博客,转载在这里

面向对象模型 面向对象模型是利用UML(统一建模语言)的图形来描述系统结构的模型,它从不同角度实现系统的工作状态.这些图形有助于用户,管理人员,系统分析人员,开发人员,测试人员和其他人员之间进行信息交流.这里主要介绍用例图,序列图和类图.   1.面向对象模型OOM 面向对象模型是利用UML的图形描述系统结构的模型,可以利用PowerDesigner的面向对象模型进行创建.PowerDesigner支持UML的下列图形. 用例图(User Case Diagram):通常用来定义系统的高层次草图

场景营销设计中,不可忽视的环境暗示

在场景设计中,尤其是相对封闭的环境下,要充分利用心理暗示,在一些细节设计上把握用户的从众心理,往往能收到意想之外的收获. 破窗理论:没修复的破窗,导致更多的窗户被打破 破窗效应是犯罪学的一个理论,该理论由詹姆士·威尔逊(James Q. Wilson)及乔治·凯林(George L. Kelling)观察总结得出:指的是环境可以对一个人产生强烈的暗示性和诱导性. 破窗理论:如果有人打坏了一栋建筑上的一块玻璃,又没有及时修复,别人就可能受到某些暗示性的纵容,去打碎更多的玻璃. 人的行为会被环境影响