Heim > Web-Frontend > HTML-Tutorial > 设计中"空白"的力量_html/css_WEB-ITnose

设计中"空白"的力量_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:55:21
Original
758 Leute haben es durchsucht

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

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

 

蓝蓝设计( 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界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

他的理念是:

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

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

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

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

 

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage