2015-4-8 周周
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供有效的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
每一个扁平化界面设计,都是我们的心灵碰撞致力于最棒的 metro ui 设计
来源:优设网
如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里
编者按:特别涨姿势的设计历史!简洁质朴的风格如一夜春风,从北欧一直吹过日本,轻拂过远在印度的乔布斯,在日本刮起一阵龙卷风,今天阿里的同学跟同学们聊起源,聊天南地北的设计美学,还教同学们如何运用到设计项目中,不可多得的一篇好文,学起来咯。
自从苹果的设计旷世惊奇地重新回归了点、线、面这种基础视觉元素后,远在太平洋彼岸的日本,以无印良品设计风潮的兴起为标志,也掀起了一场设计简单化、生活质朴化运动。而地处北纬55度以北,寒冷严酷的北欧,不甘落后地兴起了回归人性、回归自然的设计生活方式,其中以B&O、宜家家具为典型代表。
无简洁、不设计,在20世纪末21世纪初风靡全球,形成了一股继包浩斯时代以来的最大规模的简约设计风潮。 如果说现代设计中,有一个词是所有设计师都推崇标榜的,那非“简洁”二字莫属了。正如中西方绘画最终不约而同地走向写意,世界设计风向也一致无疑地选择了简洁。
但是,简洁设计的根本原因是什么?设计有“道”可循么?未来的设计呢?这些问题似乎无人在意、也似乎无人能准确解答。
正如大龄设计师面对前途的困惑,该走该留?看这篇:《给迷茫的你!设计师的工作,可以做一辈子吗?》
我们追寻设计的缘由,必先洞察人类本身的各种需要,尤其是人的生活和审美需求。与科技的发展不同,人的某些需要,是定期定量的,不会是无限制、无限期的增长下去的,比如人的温饱需要,也比如我们的审美和安全需要。
可以说当今的人类,同2000年前祖先相比,审美方面并不见得有多高明,时尚总是在从传统中汲取养料。《兰亭序》被后人临习了千万遍,始终无人能达王羲之的水准,而遍及世界各地各种风格的人体雕塑,一与古希腊作品并列时就会显得黯然失色。
运动的事物,总有轨迹可循,而静止的事物,往往难以深究。所谓世事万变而真理不灭。这里的我们说的真理,是去除一切修饰的质朴的世界和人性,本质即禅。
说起禅,你会想到什么?禅师?顽石?乔布斯?少林寺?天桥算命的“大师”?
禅宗又叫大乘佛教,源自印度佛教,却又是对印度佛教的一种革命,其与中国的儒学结合,成为今天禅宗的起点。我承认,当代中国尤其是大陆地区,佛教禅宗几千年积累的善果和因缘,被扫荡殆尽、面目全非。如果佛祖目睹央视春晚,与美女一起翩翩起舞的僧人的镜头会让其再度涅槃,永不再光临这片神奇的土地。—— 这当然不是佛教。
人们都说某人很坏,坏到了极点就是“五毒俱全”。这“五毒”即佛教形容的贪、嗔、痴、慢、疑。而解决这些业障,有个渐进的步骤:布施、持戒、忍辱、精进、禅定、盘若。其中盘若是一种物我两忘、无天地山水、无器具人心的存在境界的极端,常人无法感知,更无法到达。禅定是凡人所能进入的最高境界,是一种对生活和人生的彻悟,也是一种大智慧的体现。
禅追求纯粹的世界和人性,其“不立文字、教外别传、直指人心,见 性成佛”的宗旨,说的是去伪存真,溯本求源。这本源是禅宗最根本的世界观和人生观,是一个“空”字。空不是空空如也,并非是无物 ,而是海纳百川的广阔胸襟,是直指人心的质朴世界,是一种普世价值, 空即是美。
世界上的审美各有差异性,但是本质却又惊人的相同。
说到禅,几乎无法不提日本这个国家。禅在中国诞生,由日本人铃木俊隆、铃木镇一传向世界,日本的禅相比中国的同宗,发展的更为极至,这与日本民族的生活环境息息相关。
日本地处太平洋与欧亚大陆板块边缘,是两个运动中的板块挤压出来的土地,海拔落差很大, 因此往往四季并存,自然界如天堂般的美丽,山顶白雪皑皑,山脊枫叶飘红,山下绿意葱葱,樱花如雪片般绽放,85%的森林覆盖率更让整个日本好像蔚蓝的太平洋中一片漂浮 的绿叶,不提日本的富足,仅是大自然的馈赠就让日本人似乎活在桃花源里。
而同一个日本, 受地壳运动的影响而多灾多难,地震、火山、海啸、飓风不断轮番攻击这个狭长的岛国。平常人都渴望安然幸福的生活,而日本人连脚下的土地都是不稳定的,日本民族就象樱花一般,瞬间漫山遍野地绽放,象大片雪白的云朵萦绕在房前屋后,但一夜醒来,花瓣飘落如雨,走在林中,拂面迎来的,仿佛是片片零落的纸钱,刹那间,在天堂地狱中穿越, 这让日本民族产生了对自然的敬畏并衍生出一种“无常”的审美。日本人认为一花一草皆为神,天地万物均有神灵主宰,本身已经美丽,无需刻意雕琢与修饰。
这样的审美传统,塑造出无印良品、夏普、资深堂、松下等等独特优雅的品牌。也培养众多深受禅宗审美影响的设计师,如原研哉、畏研吾、三宅一生等。
如果说以传统中国与现代日本为代表的东方审美是一种天人合一的自然的“质本美”,那么基督教文明为首西方世界的审美原则,会不会与东方完全不一样呢?
今天西方文明的主宰者英、法、德、意、美均是古日耳曼人的后裔,他们的祖先从现丹麦挪威沿海以及德国北部兴起,向整个欧洲扩散(其中盎格鲁人-撒克逊人进入英格兰,法兰克人进入高卢(法国)的北部,而哥德人进入西欧洲中部和南部)。
北欧凌厉的寒风、严酷的冰雪容不得人们悠闲惬意的狩猎和捕捞,人们必须时刻以生存为中心,迅速地获得食物、安全温暖地保护好自己,生活器具和工作工具也必须牢固、简单,具有足以传世的耐用性,因此产生质朴、简洁的审美特色,这与东方禅学追求本源的哲学态度是一致的。
可以说北欧的严酷环境促成了一系列伟大文明的诞生,直到今天,仅仅北欧5国,这个只有2500万人口的群体,拥有世界500强企业20家,而中国14亿人口也仅拥有23家,且基本上均是合并后的垄断国企。而北欧的名单则充满活力:宜家、volvo汽车、爱立信、诺基亚、利乐、萨博、 乐高、H&M…..更不用说一些常见“小”品牌如 女装 ONLY、VERO MODA、JACK&JONES、佳士伯啤酒均是北欧企业。
哪怕在战场上,北欧人也是好样的。二战前期的苏芬战争中,没有飞机大炮的芬兰用伤亡2.3万陆军的代价,击毙了32万武装到牙齿的苏军。
中国与日本一脉相承,均是东方文明的代表,在对于审美的趋向上也是一致的。而两个国家产生这种审美的原因却又不尽相同,日本审美源于对自然和神的畏惧,而中华文化的审美则来自 对人文精神和世界本质的不断认识,从精卫填海传说到《诗经》中“天命糜常”,再至宋明理学的“格物穷志”,对神和自然的敬畏远远不及对精神层次“道”与“理”的追寻。
统治中国历史的士大夫阶层,不论是文人墨客还是商贾官吏,无不鼓吹人生的意义和精神,李白、王昌龄的诗歌,朱耷和徐渭的书画,范蠡和苏东坡的入仕抱负,均带有浓烈的直抒胸臆、非黑即白的人文色彩,中国传统历史也鼓励和提倡这种精神。
这种不惧鬼神、不论成败,只在乎人欲和天理的精神,催生一种超凡脱俗的审美。这种审美的核心是对独立人格的尊崇,是自由的象征,它的表现是怀素龙蛇狂舞的草书、朱耷愤世嫉俗的花鸟以及江南建筑那简洁脱俗的线条色彩。
与士大夫与草根阶层不同的是,中国存在一种政权的审美。这种政权审美受道家金木水火土五行的影响,相信“正色”,要求今朝的属相要“克”前朝.,传统的政权审美中,崇尚高贵的黄色,即所谓的“帝王色”,但政权审美明显受民族属性的影响,比如满清入主中原后, 随之而来的不仅是对中原武力和政权的摧毁,对汉民族最显著的影响是把草原民族的审美和习俗改变,这种改变在建筑的样式、色彩、服装等等均有体现。
这里要特别说明的是,古代这些政权的色彩,带有鲜明的时代属性,并不能代表中华民族的色彩。以士大夫追求对人和自然的深刻认识为代表的审美,在传统政治的高压下顽强地生长着,绵延地传递民族文化,“中国唯一能立足于世界的,一定是中华之文化”林语堂如是说。
我们前面说禅的审美是“空”,空孕育万物,这种空灵的、虚无的状态让人彻悟,而创造这种空灵的环境是净化心灵的首要条件,于是禅师们有意识地在生活中简化周围的事物,比如尽量用原始甚至带有锈斑的粗陶瓷茶碗, 在寺院中用碎石营造“枯山水”等等,其中最著名的是日本龙安寺,那种刻意而为的环境真能让人“心有沧海 ,目无纤尘”。
总而言之,禅意美学的精髓是:追寻本质,展露天性.
如果说审美是人性本质的体现,那这种本质是什么?它在网路世界的体现是何种状态?
这里我们把它划分为两个方面,即网路本质和情感本质。
清晰而直指本质
我们都知道,网络的物理本质并不复杂,其基础无非是一些毫无意义的0和1,然而正是这两个毫无意义而又枯燥无味的数字,营造了今天缤纷繁杂的互联网世界。这些名目繁多的网站,其中心均是为了满足人沟通的需要。
人性本质是人诸多行为的根本原因。 facebook和微信都满足并扩大了这种人性的本质.
C.P.Alderfer阿德弗 修正了马斯洛的需求阶段论点,提出了需要的ERG模型:生存需要、关系需要、成长需要。这种需要之间不仅是梯进和替代关系,而是相互依存、相互作用的关系,它们之间甚至可以相互越级,较高的要求得不到满足就会倒退到低级要求。
好的设计强化事物的主要特征,以还原事物的自然属性。深村直人的包装设计鲜明地展示了产品的特点,熟悉的果皮设计,也让人感觉安全亲切。
谷歌深知人们在检索时的迫切性,去除了大量的内容,只留下用户最本质的需要——搜索框。这种对人性的尊重在推特等网站上也有体现。而雅虎的页面充满了各种信息:新闻、游戏、邮箱、搜索、广告… …,这表明雅虎这个互联网的元老,不仅对用户不够了解和尊重,而且对自己的优劣势也不够了解,这种倒退的思想严重束缚了雅虎的发展,到如今只能把希望寄托于自己在亚洲的阿里巴巴、日本雅虎等公司的投资上。
另外,摩托罗拉铱星计划的失败,也是把简单的事情弄的很庞大复杂的一个有力的列证。
1. 安全的寓意
陌生就是威胁 ,谁都不喜欢很多陌生的东西围绕着自己。普通用户不会想去了解网页代码,正如日常的生活我们不会了解锅碗瓢盆的分子结构一样。我们研究复杂问题的最终的目的,是想把事情弄得更简单、更普通。
2. 富于感染力
感染力的体现是使人产生共鸣,无论是舒适、喜爱、嫉妒、愤怒,设计可以调动人的情绪,引起观者的共鸣,以致产生对产品良好的印象,做到这一点的设计才是一个好设计。
苹果版的qq接收界面,用标准的信封诠释现代通信中的文件传输,给人良好的熟悉感觉
以做飞机的体验为列子,飞机旅行是很不舒服的出行方式,除了时间快以外,并没其他什么特别的惊喜,反而伴有耳鸣、失重、延误等等不好的体验。而在给航空公司所做的设计中,我们会更注重能引起用户共鸣的人类飞行的需要、天空的美好、空姐的温柔,从另一个方面感染用户。
再看笔者三年前设计的财付通主站,作为一个被亿万腾讯用户频繁使用的支付入口,财付通的内部改版经历了很多个版本,甚至当时还出了一个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个按钮!你不觉得能做出这样取舍的公司很伟大么?谷歌舍弃了更多的产品入口、更多的广告收入、更全面的商业布局,可以说牺牲太大了。而谷歌得到的却也同样惊人:除了简洁准确的界面、不作恶的企业性格外,也成为了包罗万象的搜索入口,它全球互联网翘楚这一地位的确立,也不是没有原因的。
那么,如果在产品核心很明确,公司的价值追求也始终一贯的情况下,如何确保在最终产品中能充分体现这些?这里要谈谈设计控制权的问题,设计师作为艺术工作者,有责任引导而不是迎合大众的审美,这并不是不重视用户调研的作用,而是用户调研一定要集中挖掘人性的根本诉求,不要被表象迷惑。在设计师理清用户真实需求后,要能有勇气穿越用户表面的诉求,用专业去引导用户返回其真实的内心世界。
“要想按照大众的需求设计产品真的很难,在大多数情况下,人们根本就不知道自己需要什么产品,因此在他们知道自己的产品需求之前,主动告诉他们他们所需要的产品。” —— 乔布斯
综合说起来,网络设计中要有雅致有序的色彩,空灵紧凑的空间,并找出核心本质的元素加以呈现,这样的设计才能称得上富有哲理的简洁的设计。禅意美学的特征是发现本质,展露天性。
行文至此,如非要总结本文的“中心思想”,那么洁白的纸面上,只会有四个字:正本清源。我们一切的设计思考、一切的设计研究,都是为了寻求设计的本质是要做什么,设计的哲学思考如何产生社会价值。
设计要做到:清晰而直指本质,优雅而富于情感。