来源:优设 作者:佚名
再看笔者三年前设计的财付通主站,作为一个被亿万腾讯用户频繁使用的支付入口,财付通的内部改版经历了很多个版本,甚至当时还出了一个App Store一样的应用集合版本。但实际上财付通与支付宝一样,是一个支付入口而已,绝大多数人只需要在上面登录、支付、关闭。并不需要太多的入口和服务推荐,这一点是与商家的初衷相违背的,但是确实是那个阶段的真实情况反映。用户对资金的敏感促成了对安全、支付效率的要求,所以财付通这一版本着重体现了这一点,大开幅的页面构图开创了支付界的先河,有力地展示了腾讯强大稳定的资金安全构建,而对繁杂入口的归类,并强化登录窗口等设计,原原本本地还原了用户需求。至于温馨体贴的环境氛围营造,也是基于安全可信的角度做出的有视觉感染力的设计。
总结一下,禅意设计的表征是什么?那就是:紧扣事物本质,赋予作品情感。
设计修禅
设计更多地体现在人的素养,这里不仅指设计师的修养,也指受众的文化素质。而设计师的修养也分文化道德涵养和具体实现设计的技法与手段,关于设计师文化道德修养的文章几乎是老生长谈,无论读西方哲学和中华传统经典,乃至读万卷书,行万里路,都说法不一。我们也就不在这个上面赘言。如果进一步要求穿过设计表征,更具体的要求从技法层面的解决设计面临的繁杂,使之归于本质。那么我们可以从三个方面入手:色彩、构图、元素。
禅意色彩
可以说白色是所有色彩中最富想像的颜色,也是最包容的颜色,留白是国画中的手法,国画“计白当黑”其实是对空间的整体考虑。一个页面上没有充分的、刻意的留白,就无法让用户轻松阅读、无法让信息有效传递,也就不是一个好设计。留白留下的是一片广阔的内容而非空白。
空白的存在是为了突出灰色、黑色的层次。黑白灰只是分工不同,白色比黑色更不容侵犯。
白色可以让承载的信息更适合环境,无印良品的房屋设计中,大量的白色空间,承载着一天中橘色的灯光、透明的月光、灿烂的阳光,时光这是仿佛是流水,从白色中缓缓经过,甚至可以让我们驻足欣赏它曼妙的身影。
在网页设计中,当一个颜色运用的越多,它在页面上的冲击力却就越来越弱,白色也这样的,冲击力减弱的背后,是它对我们潜移默化的影响力不断增强。
当一个页面必须呈现大段不可删除的文字、图片时,保证可读性是一大难题,这时我们就需要相机行事、变相留白,在色彩倾向上调整,拉开明暗对比,比如说让大片围绕标题文字颜色变灰变浅,是凸显标题的有效办法。
我们通常赋予文字色彩时,是以文字的重要性来划分,最重要的文字给予最深、最鲜明的颜色,其他的文字也按重要程度,从色彩明度与纯度推移,赋予从深到浅、从鲜艳到灰白的颜色。。在大量文字编排时,运用文字颜色的面积也时我们要考虑的方面,通常,为了保持脉络清晰,我们会赋予标题或重要文字等小面积、关键性内容以深、鲜的颜色,而大面积的一般性文字则用深灰#333,或#666等灰度颜色。#333因为含有少量白色的成分,因此它在白色底上不会很对比强烈,同时由于它是绝大部分仍是黑色组成,因此,又能保证辨认清晰。此 类的颜色其实很多,在运用时加以合理分配,会使整个网页看起来清晰而用舒适。
摄影中,为了保持别致的构图还故意虚化背景拉开虚实,以突出中心。网页设计也一样,用同类色虚化背景,拉开距离,为用户营造镜头感。
DB对文字色彩的运用,几乎没有纯黑,也在绿色、蓝色中渗入灰色,同时减少图片的纯度,增大对比度。使整个网站看起来沉静稳重。
而区块的色彩运用就更明显了,要想设计显得纯净、高雅、精致,乃至拥有禅意的设计,对空白要珍惜又宠爱,不是必须的动作,请勿惊动空白这种富有意境的空间。在支付、银行类网页设计中,色块设计有时几乎是调节章节模块的必用手法,如果要求统一风格、托出文字的话,色块一般采用低明度、低纯度的的色彩;有时页面信息很多而平淡,这时我们会运用很小的色块或色调,来引导用户的视线,这类的色块一般都用很鲜艳明快的纯色。
色彩的分布比例
在大多数文字信息设计中,如果想使页面看起来舒适、精美,控制文字的色彩比例是必须要考虑的事情,一般来说,可以用5%的鲜明色彩来凸显及其重要的文字,如金额数目等,用60%左右较高明度的色彩(如深灰)来赋予重点内容文字,用15%左右中低明度的色彩赋予必要的辅助文字,其余20%的配额为最低明度色彩(如浅灰)留给非必要的辅助文字,这个比例的好处是层次分明、重点突出,最末的低明度文字其实被设计成一块浅浅的图形化的色块,从而帮浏览者梳理了浏览次序,减轻了大段文字带来的心理压力。
另外,对于色彩的运用也不会是一味地迎合人们的视觉习惯,色彩同样可以用于引导浏览,把用户的视线“牵着”走。我们可以预先在设计时考虑用户的浏览路径,用色彩来强化我们想要用户知道的信息。
kmart网站中色彩的运用分析,运用色彩来引导用户的浏览,同时也表达出网站的商业思路。
man网站中色彩的运用分析,色彩的纯度和明度,依次排开,替用户梳理浏览顺序。
色彩对比如果色块的任务是区分和调节视觉的美观,则可以用高纯度、低明度的色块组合,这样的组合不会很跳跃、刺目,反而容易产生韵律感,使画面显得缤纷多姿。digg用危险的对比色来设计网站,但因为明度的降低,反而很鲜明漂亮。
禅意空间
当文字小而成行,视觉上就形成了“线”,而图标为“点”,人们的阅读习惯使成行的文字具有向右扩张的趋势,这种趋势同国画的“势”一样的道理。
所以在安排页面元素时,不仅仅要考虑元素之间的空间关系,还要考虑元素布置后带来的“势”的问题,为视觉的延伸留下空间。
本人设计的一个酒店LOGO,其中把“粤”字作为一个品牌元素,嵌入有民族特色的窗花中,意在说明这是一家粤地特色的中国菜馆,粤字的最后一笔在LOGO中划了一条优美的弧线,既填充了左下的空间,也把传统金石笔法带入设计中,使之更具空间张力。
舍与得
大概每个男人都被问过,当两个最亲爱的人掉进水里,会先救哪一个吧?
当一个人经历生死,他的抉择是如此的不同,什么是最重要的,在那一刻立即清晰又明确。同样,试问如果我们的产品历经“生死”,需要做个关键的抉择,你会如何选择产品的属性?
苹果AIR笔记本刚推出时,惊艳了全场。它舍去了太多人们需要的东西了:移动电池、更大更便宜的普通硬盘、更多的插口、更多功能、鲜艳的外表、坚固厚实的外壳… … 如果苹果也做市场调研,这样的笔记本无疑是不会通过的,最初这个环节就被毙了。
正因为AIR笔记本舍弃太多,它余下的就越需纯粹,越需要关注用户的本质需求—— 浑然一体的美感、更轻薄的移动性、更快的速度。
想到这里,我记得个人非常喜欢MOTO的一款手机U6,它的广告也同样精彩:一块太空陨石轰然坠落大气层,历经风吹日晒、雨雪凌虐,在岁月洗礼中,沧海桑田,最后成为沙滩上一颗圆滑的黑色鹅卵石,一个美女捡起打开,声音响起:Hello Moto!
原始美是现代设计回归的趋势,没有任何一种美比得上自然的磨砺。设计本应留存对大自然的敬畏,在自然亿万年物竞天择后,设计中一切人工的雕琢,都显得那么多余。有时,模仿自然,也是最好的设计方法。
网络设计的舍与得
网络设计中,因为技术、商业、环境等各种各样的不确定性,导致很多产品经理和设计师在抉择中犹豫不决,这时把各种提示都写上,把各种功能都放上,似乎成为不致犯错的最好选择,很多成功或不成功的网络公司在发展一段时间后,引入的职业经理人,都会主张这么做。然而,这也可能就是公司和产品开始衰败的标志,因为,体现在产品上这种策略和设计,说明这时你的公司方向和核心目标是不明确的,起码是容易被混淆的。这是一个危险的信号。
记得2013年末那一阶段,手机淘宝的策略号称要做一个“航母”,借助手机淘宝强大的用户群体,发展诸如看电影、洗车、快餐、机票、室内导航等等各种各样的O2O业务。按商业的逻辑这似乎是对的,腾讯QQ上也开出过社区、微博、游戏等各种各样的花,并且对于手机淘宝来说,还有商品数和用户装机量的双重优势。
但是,这真是普通用户需求么?这真契合了产品的本质了么?在后来的大量用户访谈中,我接触的用户中,几乎百分百地用户都觉得手机淘宝就是一个购物工具,在手机淘宝上寻找、购物、结账才是他们的基本需求。直至现在,手机淘宝的“航母”上任然只见“购物”这一类机群在缤纷地穿梭,其他的各种应用,还任然是甲板上的陈列,发展的较好的应用,反而是各自单飞的结果。
幸而今年的手机淘宝行动中,在优化核心购物流程体验上花了大量功夫,也结出了累累硕果,可以说这一取舍,是经验,也是教训后的正确选择。
相对于阿里内部的纠结,本人想当然地认为这种不断的试错、迭代,是每家公司的成功之路。但也有一些公司和产品,从一开始就非常清晰自己的核心价值,也理解用户的本质需要,比如昨天、今天的谷歌。谷歌简洁的界面上,只有一个LOGO,一个搜索框,2个按钮!你不觉得能做出这样取舍的公司很伟大么?谷歌舍弃了更多的产品入口、更多的广告收入、更全面的商业布局,可以说牺牲太大了。而谷歌得到的却也同样惊人:除了简洁准确的界面、不作恶的企业性格外,也成为了包罗万象的搜索入口,它全球互联网翘楚这一地位的确立,也不是没有原因的。
那么,如果在产品核心很明确,公司的价值追求也始终一贯的情况下,如何确保在最终产品中能充分体现这些?这里要谈谈设计控制权的问题,设计师作为艺术工作者,有责任引导而不是迎合大众的审美,这并不是不重视用户调研的作用,而是用户调研一定要集中挖掘人性的根本诉求,不要被表象迷惑。在设计师理清用户真实需求后,要能有勇气穿越用户表面的诉求,用专业去引导用户返回其真实的内心世界。
“要想按照大众的需求设计产品真的很难,在大多数情况下,,人们根本就不知道自己需要什么产品,因此在他们知道自己的产品需求之前,主动告诉他们他们所需要的产品。” —— 乔布斯
正本清源
综合说起来,网络设计中要有雅致有序的色彩,空灵紧凑的空间,并找出核心本质的元素加以呈现,这样的设计才能称得上富有哲理的简洁的设计。禅意美学的特征是发现本质,展露天性。
行文至此,如非要总结本文的“中心思想”,那么洁白的纸面上,只会有四个字:正本清源。我们一切的设计思考、一切的设计研究,都是为了寻求设计的本质是要做什么,设计的哲学思考如何产生社会价值。
设计要做到:清晰而直指本质,优雅而富于情感。