在我很小的时候,有一天,跑到邻居家玩儿时发现了一个宝贝。彩色的方块儿,每个面儿都有九个同样大小的方形色块儿,可以通过上下左右旋拧,让每个面儿的颜色相同。我相信大家早就猜到了,是魔方。
要说起魔方,那时候我只能对上一个面儿,还是跟邻居家的姐姐学的。她教我用“躲”的概念就可以做到至少对上一面儿。后来,我对一面的速度越来越快,而对于还原六个面,那已经是很多年以后的事了,应该是利用口诀实现的,当时还挺开心。
而魔方每个面上规整的九格方阵,就是我最早见到的九宫格形象。后来我又去具体了解了一下这种神奇的格子。
九 宫 格 的 渊 源 与 发 展
九宫格是“数独”的前身,现在也叫幻方或魔方。数千年前,我们的祖先就发明了“洛书”其特点较现在的数独更为复杂,要求纵向、横向、斜向上的三个数字之和都等于15,而非简单的九个数字不能重复儒家典籍《易经》中的“九宫图”也源于此,故称“洛书九宫图”。
而“九宫”之名也因《易经》在中华文化发展史上的重要地位而保存,沿用至今。在《射雕英雄传》中黄蓉曾破解九宫格,口诀:戴九履一,左三右七,二四有肩,八六为足,五居中央。
(数独是源自18世纪瑞士的一种数学游戏。是一种运用纸、笔进行演算的逻辑游戏。玩家需要根据9×9盘面上的已知数字,推理出所有剩余空格的数字,并满足每一行、每一列、每一个粗线宫(3*3)内的数字均含1-9,不重复。数独盘面是个九宫,每一宫又分为九个小格。在这八十一格中给出一定的已知数字和解题条件,利用逻辑和推理,在其他的空格上填入1-9的数字。使1-9每个数字在每一行、每一列和每一宫中都只出现一次,所以又称“九宫格”。-百度百科)
在“洛书”之后,九宫格本身还被唐代书法家欧阳询用于书法的研习上,是中国书法史上临帖写仿的一种界格,又叫“九方格”。中间一小格称为“中宫”,上面三格称为“上三宫”,下面三格称为“下三宫”,左右两格分别称为“左宫”和“右宫”,用以在练字时对照碑帖的字形和点画安排适当的部位,或用作字体的缩小与放大。今天我们用到的“田字格”和“米字格”,都是从九宫格发展而来的。
既然有九宫格,就一定有四宫格、十六宫格和二十五宫格,甚至更多。我们通常所说的九宫格是三阶的;四阶是四乘四,就是十六宫格;五阶就是二十五宫格…。魔方界也是一样,平时我们玩儿的大多是三阶魔方。而量产销售的最高阶魔方分别是偶数的六阶和奇数的十一阶,魔方狂人手工制作过最高21阶。说到这里,不要忽略了二阶,上面提到的田字格其实就是二阶的四宫格。
而在史上,另外还有三个比较有名的四阶幻方。一个是在浦东陆家嘴明代陆深古墓中发掘出来的宝玉,现存放在上海博物馆的一件文物,明白玉幻方;一个是印度卡俱拉霍地方的一所古庙废墟中的一块碑文中发现的。这块石碑上的文字是十一世纪的梵文 (古印度文) 。它是至今发现最早的一个四阶幻方。为了表示地球上人类的智慧,1977年美国发射的旅行者1号、2号宇宙飞船上带去的就是这个四阶幻方。还有一个是用梵文(印度古代的文字) 数字雕刻在瓜里城一座堡垒的大门上。
顺便说一下,三阶幻方的幻和为15,包括从1到9九个数字的横、竖、斜三个方向;四阶的幻和为34,包括从1到16,十六个数字的横、竖、斜三个方向,依此类推。
九宫格,如此博大精深的中华古老文化形式与内涵, 怎能不被我们运用在设计之中呢?
九 宫 格 在 设 计 中 的 应 用
说到设计,我的第一反应就是一家叫做九宫诀的老火锅店标志。因为我们家附近就有一家。标志十分简洁,就是直接将九宫格的特色火锅的锅形,直接简化概括而成,其造型既是标志的特点,同时也是店家的特色。
这样一来,欢聚一堂的客人们,就可以根据大家喜欢的口味分成九个小锅,让大家都能吃到自己比较喜欢的火锅,避免了多人聚餐因口味不同而造成的不便。标志或锅形,之所以将九宫格四角切去,形成八边形,是因为这样使锅更接近圆形,便于四角处客人的用餐。
再来看一下,设计大师陈幼坚先生设计的两款标志。一款是在北京建外SOHO附近就可以见到的银泰中心标志,它还被建造于大厦的顶部,成为大厦的重要特征。
标志宛如中国古代建筑中的窗棂或窗格,它的基本形可以说,是从标准的九宫格结构中演变并丰富形成的。将九宫格中宫等比放大,其他八宫随之缩小和变窄,并且在其中增加“十”字分割,将其他八宫再次分割为四宫小格。
再加上分割线的不同粗细变化,使整个标志看上去,既规整又富于变化,无论是格子的大小、形状、位置的层次变化,还是分割线的粗细变化,都能给人一种理性的节奏美感,硬朗中不失细节。
标志配色,红黑结合,沉稳厚重。深红色窗格更突显中国品味,成为北京CBD重要商业窗口之一。字体设计粗壮硬朗,稳重规整,与标志造型和谐统一。
再来看大师的另一款超级简洁的标志,也是四宫格标志中的典范,即上海外滩三号,坐落于上海最知名及优雅黄金地段上的一幢历史悠久建筑物——外滩三号,已蜕变为上海的崭新地标。汇聚美食、艺术、文化、音乐及时尚,既是激发生活灵感及引领现代时尚的新地标,亦是品味人士一致推崇的优雅社交及休闲场所。
标志设计一目了然,在标准四宫格中,右上角一宫被三条横线平均分割,成为外滩三号的“三”,其他三宫留白,形成短线与大色块儿之间的线面对比。银灰色标志,与建筑颜色统一。
说到九宫格在设计标志中的应用,让我突然想到了一个标志。其实,在之前的文章《差异化设计》当中也有提到过,就是日本2020年奥运会最初确定的由佐野研二郎设计的标志,后来因涉嫌抄袭被停止使用,最终采用了新一轮竞标作品中,由日本艺术家野老朝雄设计的标志。
2015年8月5日,由东京奥运委员会于东京都举办了记者会,东京奥运主视觉设计师佐野研二郎表示,否认抄袭并公布会徽设计详情。
他说,看到被指抄袭的消息时,自己正身在纽约办公室,并对质疑感到震惊。经过一周冷靜思考后,他有感应向公众清楚解释,故在今日会见记者。他又表示,虽其标志与被指抄袭对象 Théatre de Liège 商标元素相同,但考虑方法是完全不同的。
佐野研二郎强调,他任职设计师及艺术总监多年,这次的作品集是他专业经验与知识之大成之作,除此以外別无他想。他说“他从来没有,而且永远不会,抄袭任何设计”。他认为自己的奥运会标志是职业生涯的“杰作”。佐野研二郎指,其创作标志是由Didot和Bodoni的字体而获得的一些灵感,和比利时的Théatre de Liège 商标起源迥殊。
他继续解释他的这个typographic这种力量感以及保持力量的同时又有一些纤细微妙的细节,在这个之上,他同时又出于对1964年龟仓雄策那个大红圆logo致敬,所以又把它也组合进了这个标志,并且使用了九宫格一张制版来详细说明他这个logo细节上的一些处理,配色以及红色圆的意图等等。(内容引自著名字体设计师陈嵘翻译,视觉ME首发。发布会视频链接 http://v.youku.com/v_show/id_XMTMwMjc5NjMyMA==.html )
我们再来看一下九宫格的制版图,可以说标志设计的十分严谨规范,包括两个标志都用到的三宫留白,大圆切割形成的对角造型,再加上日本的旭日,标准的右肩挂角,既有致敬又增添变化,形成字母“T”。
黑、金、灰、红的配色也十分讲究,我们知道,黑白灰金银都可做为平衡色,来平衡图形或画面中彩色的部分,使视觉更加舒适自然。标志中可以看到,黑色一竖,无论居中还是居于两侧,都十分稳重,形成标志层次中最重一环,并以左肩的金色来平衡右肩的红,体现不完全对称的美。
而右脚的灰色,做为标志中明度较轻一环,与其他层次形成鲜明对比,同时,做为图形,刚好与左肩形成中心对称,使标志造型完美。标志整体望过去,素雅当中一点红,极具简约的、理性与变化和谐共生之美。残奥会标志是在奥运标志的基础上,将中间一竖分身两侧而成,变化十分巧妙。
挥手日本奥运标志风波,九宫格在标志设计中的运用,也将告一段落。再来看看其他方面的应用。
其实,在我很多年前的时候,就在当时的一位总监那里学到了,如何运用网格分割来设计画册。后来我发现,其实这也可以理解为九宫格设计法。先看一张图。
我们以一本方形画册为例,用辅助线将画册内页分成九宫格,然后就可以根据画册图文内容的多少以及版式风格的需求来规划画面了。
通过上图可以看到,九宫格因需求的不同可以任意整合,以达到视觉的层次感和翻阅的呼吸感,同时,又统一在九宫格骨架的规范当中,使正本画册风格统一。
同理,除了九宫格的方法,当然也可以有十六宫格或长方形画册三乘四的十二宫格等形式,根据需要可任意分割,甚至可以从中再做变化,形成一些三角形、不规则图形、斜线分割等,比如整本画册以圆形为风格进行设计,也可在宫格中规划变化,形成一些大小错落的圆、半圆或四分之一圆等,用以设计图文。(上图中看到的,并不是一本画册看下来的风格样式,而是提供了诸多变化的独立对页,可根据需求任选,供大家参考)
除了画册,在我们的微信朋友圈里也可以见到,大家发的九张图片,形成九格方阵,用来推广企业自己的品牌或是自己的见闻等。有的是拍一组有主题的照片,比如在某餐厅用餐的场景,或在某个城市感受节日等,还有一种是,将一张图片分割成九张,然后依次发出,形成九张小图组成的一张大图,这些都可以理解为九宫格广告。
后来,不知从什么时候,出现了一种将这种九宫格广告再次延展,我在年前的时候就为客户设计了一组这样的广告,我们一起来看看。
这是一张在朋友圈推广的九宫格广告,是为今日阳光电动汽车品牌做的新年祝福广告。这就是由九张小图组成的广告,在朋友圈可以看到完整的广告画面,大红福字的感受上被设计成了广告语“就现在享受爱”,大大的爱字旁边还跟着一个2017的小印章。右下角是一辆红色的电动汽车,上面还站着一只公鸡。再上面是祝福语,左上角为标志。整体以多彩小三角形飘落,形成节日氛围。
奇妙的是,这九张独立的小图是可以点开的,并且,点开之后会发现,在小图已见部分的上下都各有内容,有的是有联系性的图文,有的是二维码以及企业信息,有的是图片信息和广告语等,根据需要可随意设计。
最后,我们来看一个我曾经为知蜂堂设计的网站引导页,也是用到了九宫格这种形式。网站刚好分为八个栏目,将八个栏目的名字围成一圈,中间放上知蜂堂的标志,周围每个栏目都是可以点击的,比如点击产品展示,就会变成一条条的子栏目菜单,然后就可以点击进入具体的页面了。这就是该网站的主导航系统设计。
小小九宫格,没想到会有这么多的魔力和动人的故事,在各个领域都发挥着它们不同的作用。这些调皮善变的格子,就像我们从小就喜欢的美猴王一样,神通广大,变化多端。
只要敢于大胆想像和创造,我相信你也可以成为,这个被全世界都喜欢的齐天大圣。