禪意設(shè)計(jì)!聊聊簡(jiǎn)樸風(fēng)格的起源與未來

2015-4-8    周周

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

每一個(gè)扁平化界面設(shè)計(jì),都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計(jì)

來源:優(yōu)設(shè)網(wǎng)

 如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

cysj

編者按:特別漲姿勢(shì)的設(shè)計(jì)歷史!簡(jiǎn)潔質(zhì)樸的風(fēng)格如一夜春風(fēng),從北歐一直吹過日本,輕拂過遠(yuǎn)在印度的喬布斯,在日本刮起一陣龍卷風(fēng),今天阿里的同學(xué)跟同學(xué)們聊起源,聊天南地北的設(shè)計(jì)美學(xué),還教同學(xué)們?nèi)绾芜\(yùn)用到設(shè)計(jì)項(xiàng)目中,不可多得的一篇好文,學(xué)起來咯。

自從蘋果的設(shè)計(jì)曠世驚奇地重新回歸了點(diǎn)、線、面這種基礎(chǔ)視覺元素后,遠(yuǎn)在太平洋彼岸的日本,以無印良品設(shè)計(jì)風(fēng)潮的興起為標(biāo)志,也掀起了一場(chǎng)設(shè)計(jì)簡(jiǎn)單化、生活質(zhì)樸化運(yùn)動(dòng)。而地處北緯55度以北,寒冷嚴(yán)酷的北歐,不甘落后地興起了回歸人性、回歸自然的設(shè)計(jì)生活方式,其中以B&O、宜家家具為典型代表。

Snip20141028_64

無簡(jiǎn)潔、不設(shè)計(jì),在20世紀(jì)末21世紀(jì)初風(fēng)靡全球,形成了一股繼包浩斯時(shí)代以來的最大規(guī)模的簡(jiǎn)約設(shè)計(jì)風(fēng)潮。 如果說現(xiàn)代設(shè)計(jì)中,有一個(gè)詞是所有設(shè)計(jì)師都推崇標(biāo)榜的,那非“簡(jiǎn)潔”二字莫屬了。正如中西方繪畫最終不約而同地走向?qū)懸?,世界設(shè)計(jì)風(fēng)向也一致無疑地選擇了簡(jiǎn)潔。

但是,簡(jiǎn)潔設(shè)計(jì)的根本原因是什么?設(shè)計(jì)有“道”可循么?未來的設(shè)計(jì)呢?這些問題似乎無人在意、也似乎無人能準(zhǔn)確解答。

正如大齡設(shè)計(jì)師面對(duì)前途的困惑,該走該留?看這篇:《給迷茫的你!設(shè)計(jì)師的工作,可以做一輩子嗎?》

see-more-lifelong-design-career

禪即本質(zhì)

我們追尋設(shè)計(jì)的緣由,必先洞察人類本身的各種需要,尤其是人的生活和審美需求。與科技的發(fā)展不同,人的某些需要,是定期定量的,不會(huì)是無限制、無限期的增長(zhǎng)下去的,比如人的溫飽需要,也比如我們的審美和安全需要。

可以說當(dāng)今的人類,同2000年前祖先相比,審美方面并不見得有多高明,時(shí)尚總是在從傳統(tǒng)中汲取養(yǎng)料?!短m亭序》被后人臨習(xí)了千萬遍,始終無人能達(dá)王羲之的水準(zhǔn),而遍及世界各地各種風(fēng)格的人體雕塑,一與古希臘作品并列時(shí)就會(huì)顯得黯然失色。

運(yùn)動(dòng)的事物,總有軌跡可循,而靜止的事物,往往難以深究。所謂世事萬變而真理不滅。這里的我們說的真理,是去除一切修飾的質(zhì)樸的世界和人性,本質(zhì)即禪。

禪的源起

說起禪,你會(huì)想到什么?禪師?頑石?喬布斯?少林寺?天橋算命的“大師”?

禪宗又叫大乘佛教,源自印度佛教,卻又是對(duì)印度佛教的一種革命,其與中國(guó)的儒學(xué)結(jié)合,成為今天禪宗的起點(diǎn)。我承認(rèn),當(dāng)代中國(guó)尤其是大陸地區(qū),佛教禪宗幾千年積累的善果和因緣,被掃蕩殆盡、面目全非。如果佛祖目睹央視春晚,與美女一起翩翩起舞的僧人的鏡頭會(huì)讓其再度涅槃,永不再光臨這片神奇的土地?!?這當(dāng)然不是佛教。

人們都說某人很壞,壞到了極點(diǎn)就是“五毒俱全”。這“五毒”即佛教形容的貪、嗔、癡、慢、疑。而解決這些業(yè)障,有個(gè)漸進(jìn)的步驟:布施、持戒、忍辱、精進(jìn)、禪定、盤若。其中盤若是一種物我兩忘、無天地山水、無器具人心的存在境界的極端,常人無法感知,更無法到達(dá)。禪定是凡人所能進(jìn)入的最高境界,是一種對(duì)生活和人生的徹悟,也是一種大智慧的體現(xiàn)。

禪意美學(xué)

禪追求純粹的世界和人性,其“不立文字、教外別傳、直指人心,見 性成佛”的宗旨,說的是去偽存真,溯本求源。這本源是禪宗最根本的世界觀和人生觀,是一個(gè)“空”字??詹皇强湛杖缫?,并非是無物 ,而是海納百川的廣闊胸襟,是直指人心的質(zhì)樸世界,是一種普世價(jià)值, 空即是美。

世界上的審美各有差異性,但是本質(zhì)卻又驚人的相同。

質(zhì)本美——日本的設(shè)計(jì)美學(xué)

說到禪,幾乎無法不提日本這個(gè)國(guó)家。禪在中國(guó)誕生,由日本人鈴木俊隆、鈴木鎮(zhèn)一傳向世界,日本的禪相比中國(guó)的同宗,發(fā)展的更為極至,這與日本民族的生活環(huán)境息息相關(guān)。

日本地處太平洋與歐亞大陸板塊邊緣,是兩個(gè)運(yùn)動(dòng)中的板塊擠壓出來的土地,海拔落差很大, 因此往往四季并存,自然界如天堂般的美麗,山頂白雪皚皚,山脊楓葉飄紅,山下綠意蔥蔥,櫻花如雪片般綻放,85%的森林覆蓋率更讓整個(gè)日本好像蔚藍(lán)的太平洋中一片漂浮 的綠葉,不提日本的富足,僅是大自然的饋贈(zèng)就讓日本人似乎活在桃花源里。

Snip20141028_68

而同一個(gè)日本,  受地殼運(yùn)動(dòng)的影響而多災(zāi)多難,地震、火山、海嘯、颶風(fēng)不斷輪番攻擊這個(gè)狹長(zhǎng)的島國(guó)。平常人都渴望安然幸福的生活,而日本人連腳下的土地都是不穩(wěn)定的,日本民族就象櫻花一般,瞬間漫山遍野地綻放,象大片雪白的云朵縈繞在房前屋后,但一夜醒來,花瓣飄落如雨,走在林中,拂面迎來的,仿佛是片片零落的紙錢,剎那間,在天堂地獄中穿越, 這讓日本民族產(chǎn)生了對(duì)自然的敬畏并衍生出一種“無?!钡膶徝馈H毡救苏J(rèn)為一花一草皆為神,天地萬物均有神靈主宰,本身已經(jīng)美麗,無需刻意雕琢與修飾。

這樣的審美傳統(tǒng),塑造出無印良品、夏普、資深堂、松下等等獨(dú)特優(yōu)雅的品牌。也培養(yǎng)眾多深受禪宗審美影響的設(shè)計(jì)師,如原研哉、畏研吾、三宅一生等。

人本美——北歐的設(shè)計(jì)美學(xué)

如果說以傳統(tǒng)中國(guó)與現(xiàn)代日本為代表的東方審美是一種天人合一的自然的“質(zhì)本美”,那么基督教文明為首西方世界的審美原則,會(huì)不會(huì)與東方完全不一樣呢?

今天西方文明的主宰者英、法、德、意、美均是古日耳曼人的后裔,他們的祖先從現(xiàn)丹麥挪威沿海以及德國(guó)北部興起,向整個(gè)歐洲擴(kuò)散(其中盎格魯人-撒克遜人進(jìn)入英格蘭,法蘭克人進(jìn)入高盧(法國(guó))的北部,而哥德人進(jìn)入西歐洲中部和南部)。

北歐凌厲的寒風(fēng)、嚴(yán)酷的冰雪容不得人們悠閑愜意的狩獵和捕撈,人們必須時(shí)刻以生存為中心,迅速地獲得食物、安全溫暖地保護(hù)好自己,生活器具和工作工具也必須牢固、簡(jiǎn)單,具有足以傳世的耐用性,因此產(chǎn)生質(zhì)樸、簡(jiǎn)潔的審美特色,這與東方禪學(xué)追求本源的哲學(xué)態(tài)度是一致的。

可以說北歐的嚴(yán)酷環(huán)境促成了一系列偉大文明的誕生,直到今天,僅僅北歐5國(guó),這個(gè)只有2500萬人口的群體,擁有世界500強(qiáng)企業(yè)20家,而中國(guó)14億人口也僅擁有23家,且基本上均是合并后的壟斷國(guó)企。而北歐的名單則充滿活力:宜家、volvo汽車、愛立信、諾基亞、利樂、薩博、 樂高、H&M…..更不用說一些常見“小”品牌如 女裝 ONLY、VERO MODA、JACK&JONES、佳士伯啤酒均是北歐企業(yè)。

哪怕在戰(zhàn)場(chǎng)上,北歐人也是好樣的。二戰(zhàn)前期的蘇芬戰(zhàn)爭(zhēng)中,沒有飛機(jī)大炮的芬蘭用傷亡2.3萬陸軍的代價(jià),擊斃了32萬武裝到牙齒的蘇軍。

Snip20141028_70

我本美——中國(guó)古代的人文審美

中國(guó)與日本一脈相承,均是東方文明的代表,在對(duì)于審美的趨向上也是一致的。而兩個(gè)國(guó)家產(chǎn)生這種審美的原因卻又不盡相同,日本審美源于對(duì)自然和神的畏懼,而中華文化的審美則來自 對(duì)人文精神和世界本質(zhì)的不斷認(rèn)識(shí),從精衛(wèi)填海傳說到《詩經(jīng)》中“天命糜?!?,再至宋明理學(xué)的“格物窮志”,對(duì)神和自然的敬畏遠(yuǎn)遠(yuǎn)不及對(duì)精神層次“道”與“理”的追尋。

Snip20141028_71

統(tǒng)治中國(guó)歷史的士大夫階層,不論是文人墨客還是商賈官吏,無不鼓吹人生的意義和精神,李白、王昌齡的詩歌,朱耷和徐渭的書畫,范蠡和蘇東坡的入仕抱負(fù),均帶有濃烈的直抒胸臆、非黑即白的人文色彩,中國(guó)傳統(tǒng)歷史也鼓勵(lì)和提倡這種精神。

這種不懼鬼神、不論成敗,只在乎人欲和天理的精神,催生一種超凡脫俗的審美。這種審美的核心是對(duì)獨(dú)立人格的尊崇,是自由的象征,它的表現(xiàn)是懷素龍蛇狂舞的草書、朱耷憤世嫉俗的花鳥以及江南建筑那簡(jiǎn)潔脫俗的線條色彩。

與士大夫與草根階層不同的是,中國(guó)存在一種政權(quán)的審美。這種政權(quán)審美受道家金木水火土五行的影響,相信“正色”,要求今朝的屬相要“克”前朝.,傳統(tǒng)的政權(quán)審美中,崇尚高貴的黃色,即所謂的“帝王色”,但政權(quán)審美明顯受民族屬性的影響,比如滿清入主中原后, 隨之而來的不僅是對(duì)中原武力和政權(quán)的摧毀,對(duì)漢民族最顯著的影響是把草原民族的審美和習(xí)俗改變,這種改變?cè)诮ㄖ臉邮健⑸省⒎b等等均有體現(xiàn)。

Snip20141028_72

這里要特別說明的是,古代這些政權(quán)的色彩,帶有鮮明的時(shí)代屬性,并不能代表中華民族的色彩。以士大夫追求對(duì)人和自然的深刻認(rèn)識(shí)為代表的審美,在傳統(tǒng)政治的高壓下頑強(qiáng)地生長(zhǎng)著,綿延地傳遞民族文化,“中國(guó)唯一能立足于世界的,一定是中華之文化”林語堂如是說。

我們前面說禪的審美是“空”,空孕育萬物,這種空靈的、虛無的狀態(tài)讓人徹悟,而創(chuàng)造這種空靈的環(huán)境是凈化心靈的首要條件,于是禪師們有意識(shí)地在生活中簡(jiǎn)化周圍的事物,比如盡量用原始甚至帶有銹斑的粗陶瓷茶碗, 在寺院中用碎石營(yíng)造“枯山水”等等,其中最著名的是日本龍安寺,那種刻意而為的環(huán)境真能讓人“心有滄海 ,目無纖塵”。

總而言之,禪意美學(xué)的精髓是:追尋本質(zhì),展露天性.

網(wǎng)絡(luò)禪意

如果說審美是人性本質(zhì)的體現(xiàn),那這種本質(zhì)是什么?它在網(wǎng)路世界的體現(xiàn)是何種狀態(tài)?

這里我們把它劃分為兩個(gè)方面,即網(wǎng)路本質(zhì)和情感本質(zhì)。

清晰而直指本質(zhì)

我們都知道,網(wǎng)絡(luò)的物理本質(zhì)并不復(fù)雜,其基礎(chǔ)無非是一些毫無意義的0和1,然而正是這兩個(gè)毫無意義而又枯燥無味的數(shù)字,營(yíng)造了今天繽紛繁雜的互聯(lián)網(wǎng)世界。這些名目繁多的網(wǎng)站,其中心均是為了滿足人溝通的需要。

人性本質(zhì)是人諸多行為的根本原因。 facebook和微信都滿足并擴(kuò)大了這種人性的本質(zhì).

Snip20141028_75

C.P.Alderfer阿德弗 修正了馬斯洛的需求階段論點(diǎn),提出了需要的ERG模型:生存需要、關(guān)系需要、成長(zhǎng)需要。這種需要之間不僅是梯進(jìn)和替代關(guān)系,而是相互依存、相互作用的關(guān)系,它們之間甚至可以相互越級(jí),較高的要求得不到滿足就會(huì)倒退到低級(jí)要求。

Snip20141028_76

好的設(shè)計(jì)強(qiáng)化事物的主要特征,以還原事物的自然屬性。深村直人的包裝設(shè)計(jì)鮮明地展示了產(chǎn)品的特點(diǎn),熟悉的果皮設(shè)計(jì),也讓人感覺安全親切。

Snip20141028_77

谷歌深知人們?cè)跈z索時(shí)的迫切性,去除了大量的內(nèi)容,只留下用戶最本質(zhì)的需要——搜索框。這種對(duì)人性的尊重在推特等網(wǎng)站上也有體現(xiàn)。而雅虎的頁面充滿了各種信息:新聞、游戲、郵箱、搜索、廣告… …,這表明雅虎這個(gè)互聯(lián)網(wǎng)的元老,不僅對(duì)用戶不夠了解和尊重,而且對(duì)自己的優(yōu)劣勢(shì)也不夠了解,這種倒退的思想嚴(yán)重束縛了雅虎的發(fā)展,到如今只能把希望寄托于自己在亞洲的阿里巴巴、日本雅虎等公司的投資上。

另外,摩托羅拉銥星計(jì)劃的失敗,也是把簡(jiǎn)單的事情弄的很龐大復(fù)雜的一個(gè)有力的列證。

優(yōu)雅而富于情感

1. 安全的寓意

陌生就是威脅 ,誰都不喜歡很多陌生的東西圍繞著自己。普通用戶不會(huì)想去了解網(wǎng)頁代碼,正如日常的生活我們不會(huì)了解鍋碗瓢盆的分子結(jié)構(gòu)一樣。我們研究復(fù)雜問題的最終的目的,是想把事情弄得更簡(jiǎn)單、更普通。

Snip20141028_80

2. 富于感染力

感染力的體現(xiàn)是使人產(chǎn)生共鳴,無論是舒適、喜愛、嫉妒、憤怒,設(shè)計(jì)可以調(diào)動(dòng)人的情緒,引起觀者的共鳴,以致產(chǎn)生對(duì)產(chǎn)品良好的印象,做到這一點(diǎn)的設(shè)計(jì)才是一個(gè)好設(shè)計(jì)。

蘋果版的qq接收界面,用標(biāo)準(zhǔn)的信封詮釋現(xiàn)代通信中的文件傳輸,給人良好的熟悉感覺

Snip20141028_81

以做飛機(jī)的體驗(yàn)為列子,飛機(jī)旅行是很不舒服的出行方式,除了時(shí)間快以外,并沒其他什么特別的驚喜,反而伴有耳鳴、失重、延誤等等不好的體驗(yàn)。而在給航空公司所做的設(shè)計(jì)中,我們會(huì)更注重能引起用戶共鳴的人類飛行的需要、天空的美好、空姐的溫柔,從另一個(gè)方面感染用戶。

Snip20141028_83

再看筆者三年前設(shè)計(jì)的財(cái)付通主站,作為一個(gè)被億萬騰訊用戶頻繁使用的支付入口,財(cái)付通的內(nèi)部改版經(jīng)歷了很多個(gè)版本,甚至當(dāng)時(shí)還出了一個(gè)App Store一樣的應(yīng)用集合版本。但實(shí)際上財(cái)付通與支付寶一樣,是一個(gè)支付入口而已,絕大多數(shù)人只需要在上面登錄、支付、關(guān)閉。并不需要太多的入口和服務(wù)推薦,這一點(diǎn)是與商家的初衷相違背的,但是確實(shí)是那個(gè)階段的真實(shí)情況反映。用戶對(duì)資金的敏感促成了對(duì)安全、支付效率的要求,所以財(cái)付通這一版本著重體現(xiàn)了這一點(diǎn),大開幅的頁面構(gòu)圖開創(chuàng)了支付界的先河,有力地展示了騰訊強(qiáng)大穩(wěn)定的資金安全構(gòu)建,而對(duì)繁雜入口的歸類,并強(qiáng)化登錄窗口等設(shè)計(jì),原原本本地還原了用戶需求。至于溫馨體貼的環(huán)境氛圍營(yíng)造,也是基于安全可信的角度做出的有視覺感染力的設(shè)計(jì)。

Snip20141028_84

總結(jié)一下,禪意設(shè)計(jì)的表征是什么?那就是:緊扣事物本質(zhì),賦予作品情感。

設(shè)計(jì)修禪

設(shè)計(jì)更多地體現(xiàn)在人的素養(yǎng),這里不僅指設(shè)計(jì)師的修養(yǎng),也指受眾的文化素質(zhì)。而設(shè)計(jì)師的修養(yǎng)也分文化道德涵養(yǎng)和具體實(shí)現(xiàn)設(shè)計(jì)的技法與手段,關(guān)于設(shè)計(jì)師文化道德修養(yǎng)的文章幾乎是老生長(zhǎng)談,無論讀西方哲學(xué)和中華傳統(tǒng)經(jīng)典,乃至讀萬卷書,行萬里路,都說法不一。我們也就不在這個(gè)上面贅言。如果進(jìn)一步要求穿過設(shè)計(jì)表征,更具體的要求從技法層面的解決設(shè)計(jì)面臨的繁雜,使之歸于本質(zhì)。那么我們可以從三個(gè)方面入手:色彩、構(gòu)圖、元素。

禪意色彩

可以說白色是所有色彩中最富想像的顏色,也是最包容的顏色,留白是國(guó)畫中的手法,國(guó)畫“計(jì)白當(dāng)黑”其實(shí)是對(duì)空間的整體考慮。一個(gè)頁面上沒有充分的、刻意的留白,就無法讓用戶輕松閱讀、無法讓信息有效傳遞,也就不是一個(gè)好設(shè)計(jì)。留白留下的是一片廣闊的內(nèi)容而非空白。

空白的存在是為了突出灰色、黑色的層次。黑白灰只是分工不同,白色比黑色更不容侵犯。

白色可以讓承載的信息更適合環(huán)境,無印良品的房屋設(shè)計(jì)中,大量的白色空間,承載著一天中橘色的燈光、透明的月光、燦爛的陽光,時(shí)光這是仿佛是流水,從白色中緩緩經(jīng)過,甚至可以讓我們駐足欣賞它曼妙的身影。

在網(wǎng)頁設(shè)計(jì)中,當(dāng)一個(gè)顏色運(yùn)用的越多,它在頁面上的沖擊力卻就越來越弱,白色也這樣的,沖擊力減弱的背后,是它對(duì)我們潛移默化的影響力不斷增強(qiáng)。

Snip20141028_113

當(dāng)一個(gè)頁面必須呈現(xiàn)大段不可刪除的文字、圖片時(shí),保證可讀性是一大難題,這時(shí)我們就需要相機(jī)行事、變相留白,在色彩傾向上調(diào)整,拉開明暗對(duì)比,比如說讓大片圍繞標(biāo)題文字顏色變灰變淺,是凸顯標(biāo)題的有效辦法。

我們通常賦予文字色彩時(shí),是以文字的重要性來劃分,最重要的文字給予最深、最鮮明的顏色,其他的文字也按重要程度,從色彩明度與純度推移,賦予從深到淺、從鮮艷到灰白的顏色。。在大量文字編排時(shí),運(yùn)用文字顏色的面積也時(shí)我們要考慮的方面,通常,為了保持脈絡(luò)清晰,我們會(huì)賦予標(biāo)題或重要文字等小面積、關(guān)鍵性內(nèi)容以深、鮮的顏色,而大面積的一般性文字則用深灰#333,或#666等灰度顏色。#333因?yàn)楹猩倭堪咨某煞?,因此它在白色底上不?huì)很對(duì)比強(qiáng)烈,同時(shí)由于它是絕大部分仍是黑色組成,因此,又能保證辨認(rèn)清晰。此 類的顏色其實(shí)很多,在運(yùn)用時(shí)加以合理分配,會(huì)使整個(gè)網(wǎng)頁看起來清晰而用舒適。

攝影中,為了保持別致的構(gòu)圖還故意虛化背景拉開虛實(shí),以突出中心。網(wǎng)頁設(shè)計(jì)也一樣,用同類色虛化背景,拉開距離,為用戶營(yíng)造鏡頭感。

Snip20141028_90

DB對(duì)文字色彩的運(yùn)用,幾乎沒有純黑,也在綠色、藍(lán)色中滲入灰色,同時(shí)減少圖片的純度,增大對(duì)比度。使整個(gè)網(wǎng)站看起來沉靜穩(wěn)重。

Snip20141028_91

而區(qū)塊的色彩運(yùn)用就更明顯了,要想設(shè)計(jì)顯得純凈、高雅、精致,乃至擁有禪意的設(shè)計(jì),對(duì)空白要珍惜又寵愛,不是必須的動(dòng)作,請(qǐng)勿驚動(dòng)空白這種富有意境的空間。在支付、銀行類網(wǎng)頁設(shè)計(jì)中,色塊設(shè)計(jì)有時(shí)幾乎是調(diào)節(jié)章節(jié)模塊的必用手法,如果要求統(tǒng)一風(fēng)格、托出文字的話,色塊一般采用低明度、低純度的的色彩;有時(shí)頁面信息很多而平淡,這時(shí)我們會(huì)運(yùn)用很小的色塊或色調(diào),來引導(dǎo)用戶的視線,這類的色塊一般都用很鮮艷明快的純色。

色彩的分布比例

在大多數(shù)文字信息設(shè)計(jì)中,如果想使頁面看起來舒適、精美,控制文字的色彩比例是必須要考慮的事情,一般來說,可以用5%的鮮明色彩來凸顯及其重要的文字,如金額數(shù)目等,用60%左右較高明度的色彩(如深灰)來賦予重點(diǎn)內(nèi)容文字,用15%左右中低明度的色彩賦予必要的輔助文字,其余20%的配額為明度色彩(如淺灰)留給非必要的輔助文字,這個(gè)比例的好處是層次分明、重點(diǎn)突出,最末的低明度文字其實(shí)被設(shè)計(jì)成一塊淺淺的圖形化的色塊,從而幫瀏覽者梳理了瀏覽次序,減輕了大段文字帶來的心理壓力。

Snip20141028_92

另外,對(duì)于色彩的運(yùn)用也不會(huì)是一味地迎合人們的視覺習(xí)慣,色彩同樣可以用于引導(dǎo)瀏覽,把用戶的視線“牽著”走。我們可以預(yù)先在設(shè)計(jì)時(shí)考慮用戶的瀏覽路徑,用色彩來強(qiáng)化我們想要用戶知道的信息。

Snip20141028_93

kmart網(wǎng)站中色彩的運(yùn)用分析,運(yùn)用色彩來引導(dǎo)用戶的瀏覽,同時(shí)也表達(dá)出網(wǎng)站的商業(yè)思路。

Snip20141028_94

man網(wǎng)站中色彩的運(yùn)用分析,色彩的純度和明度,依次排開,替用戶梳理瀏覽順序。

色彩對(duì)比如果色塊的任務(wù)是區(qū)分和調(diào)節(jié)視覺的美觀,則可以用高純度、低明度的色塊組合,這樣的組合不會(huì)很跳躍、刺目,反而容易產(chǎn)生韻律感,使畫面顯得繽紛多姿。digg用危險(xiǎn)的對(duì)比色來設(shè)計(jì)網(wǎng)站,但因?yàn)槊鞫鹊慕档?,反而很鮮明漂亮。

Snip20141028_96

禪意空間

當(dāng)文字小而成行,視覺上就形成了“線”,而圖標(biāo)為“點(diǎn)”,人們的閱讀習(xí)慣使成行的文字具有向右擴(kuò)張的趨勢(shì),這種趨勢(shì)同國(guó)畫的“勢(shì)”一樣的道理。

所以在安排頁面元素時(shí),不僅僅要考慮元素之間的空間關(guān)系,還要考慮元素布置后帶來的“勢(shì)”的問題,為視覺的延伸留下空間。

本人設(shè)計(jì)的一個(gè)酒店LOGO,其中把“粵”字作為一個(gè)品牌元素,嵌入有民族特色的窗花中,意在說明這是一家粵地特色的中國(guó)菜館,粵字的最后一筆在LOGO中劃了一條優(yōu)美的弧線,既填充了左下的空間,也把傳統(tǒng)金石筆法帶入設(shè)計(jì)中,使之更具空間張力。

Snip20141028_108

舍與得

大概每個(gè)男人都被問過,當(dāng)兩個(gè)最親愛的人掉進(jìn)水里,會(huì)先救哪一個(gè)吧?

當(dāng)一個(gè)人經(jīng)歷生死,他的抉擇是如此的不同,什么是最重要的,在那一刻立即清晰又明確。同樣,試問如果我們的產(chǎn)品歷經(jīng)“生死”,需要做個(gè)關(guān)鍵的抉擇,你會(huì)如何選擇產(chǎn)品的屬性?

Snip20141028_98

蘋果AIR筆記本剛推出時(shí),驚艷了全場(chǎng)。它舍去了太多人們需要的東西了:移動(dòng)電池、更大更便宜的普通硬盤、更多的插口、更多功能、鮮艷的外表、堅(jiān)固厚實(shí)的外殼… …  如果蘋果也做市場(chǎng)調(diào)研,這樣的筆記本無疑是不會(huì)通過的,最初這個(gè)環(huán)節(jié)就被斃了。

Snip20141028_99

正因?yàn)锳IR筆記本舍棄太多,它余下的就越需純粹,越需要關(guān)注用戶的本質(zhì)需求—— 渾然一體的美感、更輕薄的移動(dòng)性、更快的速度。

想到這里,我記得個(gè)人非常喜歡MOTO的一款手機(jī)U6,它的廣告也同樣精彩:一塊太空隕石轟然墜落大氣層,歷經(jīng)風(fēng)吹日曬、雨雪凌虐,在歲月洗禮中,滄海桑田,最后成為沙灘上一顆圓滑的黑色鵝卵石,一個(gè)美女撿起打開,聲音響起:Hello Moto!

原始美是現(xiàn)代設(shè)計(jì)回歸的趨勢(shì),沒有任何一種美比得上自然的磨礪。設(shè)計(jì)本應(yīng)留存對(duì)大自然的敬畏,在自然億萬年物競(jìng)天擇后,設(shè)計(jì)中一切人工的雕琢,都顯得那么多余。有時(shí),模仿自然,也是最好的設(shè)計(jì)方法。

Snip20141028_100

網(wǎng)絡(luò)設(shè)計(jì)的舍與得

網(wǎng)絡(luò)設(shè)計(jì)中,因?yàn)榧夹g(shù)、商業(yè)、環(huán)境等各種各樣的不確定性,導(dǎo)致很多產(chǎn)品經(jīng)理和設(shè)計(jì)師在抉擇中猶豫不決,這時(shí)把各種提示都寫上,把各種功能都放上,似乎成為不致犯錯(cuò)的最好選擇,很多成功或不成功的網(wǎng)絡(luò)公司在發(fā)展一段時(shí)間后,引入的職業(yè)經(jīng)理人,都會(huì)主張這么做。然而,這也可能就是公司和產(chǎn)品開始衰敗的標(biāo)志,因?yàn)椋w現(xiàn)在產(chǎn)品上這種策略和設(shè)計(jì),說明這時(shí)你的公司方向和核心目標(biāo)是不明確的,起碼是容易被混淆的。這是一個(gè)危險(xiǎn)的信號(hào)。

記得2013年末那一階段,手機(jī)淘寶的策略號(hào)稱要做一個(gè)“航母”,借助手機(jī)淘寶強(qiáng)大的用戶群體,發(fā)展諸如看電影、洗車、快餐、機(jī)票、室內(nèi)導(dǎo)航等等各種各樣的O2O業(yè)務(wù)。按商業(yè)的邏輯這似乎是對(duì)的,騰訊QQ上也開出過社區(qū)、微博、游戲等各種各樣的花,并且對(duì)于手機(jī)淘寶來說,還有商品數(shù)和用戶裝機(jī)量的雙重優(yōu)勢(shì)。

但是,這真是普通用戶需求么?這真契合了產(chǎn)品的本質(zhì)了么?在后來的大量用戶訪談中,我接觸的用戶中,幾乎百分百地用戶都覺得手機(jī)淘寶就是一個(gè)購物工具,在手機(jī)淘寶上尋找、購物、結(jié)賬才是他們的基本需求。直至現(xiàn)在,手機(jī)淘寶的“航母”上任然只見“購物”這一類機(jī)群在繽紛地穿梭,其他的各種應(yīng)用,還任然是甲板上的陳列,發(fā)展的較好的應(yīng)用,反而是各自單飛的結(jié)果。

幸而今年的手機(jī)淘寶行動(dòng)中,在優(yōu)化核心購物流程體驗(yàn)上花了大量功夫,也結(jié)出了累累碩果,可以說這一取舍,是經(jīng)驗(yàn),也是教訓(xùn)后的正確選擇。

Snip20141028_102

相對(duì)于阿里內(nèi)部的糾結(jié),本人想當(dāng)然地認(rèn)為這種不斷的試錯(cuò)、迭代,是每家公司的成功之路。但也有一些公司和產(chǎn)品,從一開始就非常清晰自己的核心價(jià)值,也理解用戶的本質(zhì)需要,比如昨天、今天的谷歌。谷歌簡(jiǎn)潔的界面上,只有一個(gè)LOGO,一個(gè)搜索框,2個(gè)按鈕!你不覺得能做出這樣取舍的公司很偉大么?谷歌舍棄了更多的產(chǎn)品入口、更多的廣告收入、更全面的商業(yè)布局,可以說犧牲太大了。而谷歌得到的卻也同樣驚人:除了簡(jiǎn)潔準(zhǔn)確的界面、不作惡的企業(yè)性格外,也成為了包羅萬象的搜索入口,它全球互聯(lián)網(wǎng)翹楚這一地位的確立,也不是沒有原因的。

Snip20141028_104

那么,如果在產(chǎn)品核心很明確,公司的價(jià)值追求也始終一貫的情況下,如何確保在最終產(chǎn)品中能充分體現(xiàn)這些?這里要談?wù)勗O(shè)計(jì)控制權(quán)的問題,設(shè)計(jì)師作為藝術(shù)工作者,有責(zé)任引導(dǎo)而不是迎合大眾的審美,這并不是不重視用戶調(diào)研的作用,而是用戶調(diào)研一定要集中挖掘人性的根本訴求,不要被表象迷惑。在設(shè)計(jì)師理清用戶真實(shí)需求后,要能有勇氣穿越用戶表面的訴求,用專業(yè)去引導(dǎo)用戶返回其真實(shí)的內(nèi)心世界。

Snip20141028_103

“要想按照大眾的需求設(shè)計(jì)產(chǎn)品真的很難,在大多數(shù)情況下,人們根本就不知道自己需要什么產(chǎn)品,因此在他們知道自己的產(chǎn)品需求之前,主動(dòng)告訴他們他們所需要的產(chǎn)品?!?    —— 喬布斯

正本清源

綜合說起來,網(wǎng)絡(luò)設(shè)計(jì)中要有雅致有序的色彩,空靈緊湊的空間,并找出核心本質(zhì)的元素加以呈現(xiàn),這樣的設(shè)計(jì)才能稱得上富有哲理的簡(jiǎn)潔的設(shè)計(jì)。禪意美學(xué)的特征是發(fā)現(xiàn)本質(zhì),展露天性。

行文至此,如非要總結(jié)本文的“中心思想”,那么潔白的紙面上,只會(huì)有四個(gè)字:正本清源。我們一切的設(shè)計(jì)思考、一切的設(shè)計(jì)研究,都是為了尋求設(shè)計(jì)的本質(zhì)是要做什么,設(shè)計(jì)的哲學(xué)思考如何產(chǎn)生社會(huì)價(jià)值。

設(shè)計(jì)要做到:清晰而直指本質(zhì),優(yōu)雅而富于情感。

分享本文至:

日歷

鏈接

個(gè)人資料

存檔