近一段时间以来,“负空间”这个词频繁地出现在我们的视野里,一开始感到疑惑,什么是负空间?看到图片后恍然大悟,这不就是平面构成里的正负形同构嘛~
学设计的同学对正负形构成一定不会陌生,早在1915年鲁宾(Rubin)创造出经典的“鲁宾杯”这一作品开始,反转图形或者说是负空间设计逐渐进入大家的视野。
当你注视杯子的时候,杯子是正形,黑色部分就成为了背景(负形);但当你注视黑色人形轮廓的时候,这一部分就成了正形,而白色的部分就成了背景。目光焦点不同,则看到的图形会有强烈的反差。它可以给人以幻觉,使人产生两种感觉,这就是平面正负形的魅力。这种充满戏剧性的构成手法,不断演化,被玩出越来越多的新花样。
[负空间]在logo设计中的应用
NBC的logo可谓是负空间设计中的经典。紫色和红色之间的空白,利用一个小小的缺口,构成了一只活灵活现的孔雀,头转向右侧表示期待未来,勇于开拓,6根羽毛也暗示着NBC的6个部门,一个简单的形状,因为负空间的应用,包含了更多的含义。
Logo因其自身的特殊性,是一个品牌的标志,所表达的含义固定且明确,没有时间维度的变化。因此,相对来说,具有时间跨度的影视作品的海报,在设计上更多的需要体现出时间的变化,运用负空间更佳相得益彰。
[负空间]在电影海报中的应用
这是法国著名插画师Malika Favre为电影《万物理论》设计的海报。画面的主体是影片主人公年轻时热恋的场景,而阴影,则是Jane Wilde推着坐在轮椅上的霍金的场景。如果不是有意识的去观察阴影,你甚至没有感觉到这里的两种声调,这也是Malika Favre设计的精髓之处。
这一幅海报是Malika Favre为电影《少年时代》而设计的,这部电影拍摄时间持续十二年,是主人公从小到大的成长经历,要在一幅插画里表现一个少年成长过程中的苦恼、迷茫是非常困难的,但是Malika Favre利用负空间设计,孩童时和少年时,两种声调,言简意赅的表达出了电影的主题。
当然,讲到负空间设计的插画,有一位极具创造性的艺术家就不得不提,他就是以色列的著名插画师Noma Bar,将负空间设计玩到极致的设计师。他的作品总是用最少的视觉元素,颜色、轮廓、一两个图标,再加以负空间的运用,就可以抓住一个人或事的灵魂,多维度的表达自己的思想。他将堂·德里罗的小说以用极简洁的图形生动地表现了出来,这些作品看上去或诙谐,或深刻,寓意深远。
Noma Bar:堂•德里罗小说系列海报
Noma Bar:堂•德里罗小说系列海报
Noma Bar:堂•德里罗小说系列海报
设计总是一脉相承的,无论是logo设计、插画设计、电影海报设计,还是现在的网页设计、UI设计,很多设计的技法具有共通性。
[负空间]在网页设计中的应用
留白,另一说为“负空间”,这两个词常常互换使用,它们共同所指的都是屏幕中出现的元素之间的一种关系。所谓留白不一定是要白色或黑色。就算是图案、色彩或纹理背景都可以被称为留白。负空间是在内容外创造一个空白的环境,好让用户将注意力更加集中于内容。
由于屏幕尺寸是有限的,对网页设计也有很大限制。一个页面不能加载过多的内容,但涉及到究竟应该规划多少留白,包括经验老道的设计师或许也很茫然。
负空间设计在网页中的几点原则:
1、突出品牌
极简主义设计对网页中的留白要求更高,因为牺牲了更多屏幕空间,反而将焦点汇聚在内容上。苹果官网大面积的留白,更好的将访问者的注意力集中在产品信息上。
2、保持简单易懂
留白的设计,一个很重要的理念,就是希望带给访问者一种心灵上的轻松与快乐,因此简单易懂是留白设计的一个重要原则。比如,Google搜索页,只有一个简单的数据入口+创意logo。
3、合理平衡空间
任何网站的可读性与易读性都是用户体验最重要的一部分。如果一个页面上的文字过于拥挤会阻碍整体用户体验,那么合理的留白将使文字更易浏览,从而提升阅读体验,也更易理解。
[负空间]在UI设计中的应用
移动端因其尺寸更小,在UI设计里需要对美、功能、人类行为习惯有很深的理解。空间的设计就是语言与视觉表达之间的联系,更多地考虑到反馈、时效性、和用户习惯。因此,UI设计需要更好的理解并掌握负空间设计,学会为空间做减法。在交互设计中,留白有三个功能:提高用户理解程度、澄清元素之间关系、吸引用户的注意力。
1、提高用户理解程度
如果界面提供给用户太多杂乱无章的信息,那么减少这些混乱会提高用户的理解程度。
2、澄清关系
相关联的信息组块化,减少无关元素的出现,不给用户造成“认知加载”的负担。
3、吸引用户的注意力
我们刚才提到,大面积留白的应用将会使页面上显示主体物的更加突出。
总结
俗话说“少即是多”,不论你怎么看,它的确是对于留白的最贴切的说明。留白是减法雕琢,雕去不必要的东西时,也就是在突出留下东西的美。