先說(shuō)一個(gè)可能比較冷門(mén)的小知識(shí)吧。
“攻殼機(jī)動(dòng)隊(duì)”中的“殼”惭聂,很多人會(huì)念“ké”窗声,實(shí)際上呢,官方讀法是讀“qiào”辜纲。官方的解釋是笨觅,大的物體讀qiào,小的物體讀ké耕腾,比如地殼qiào和貝殼ké见剩。
---------------------------------------
言歸正傳,今天主要想聊一下《攻殼機(jī)動(dòng)隊(duì)》這部片的藝術(shù)風(fēng)格(殼)和情感化設(shè)計(jì)(魂)扫俺。
先給大家看幾張圖片:
可以看到這組海報(bào)用高樓林立的都市苍苞、層層疊疊的廣告牌渲染出了一種陰冷低迷的氛圍,這種反烏托邦的背景設(shè)置狼纬,其實(shí)就是賽博朋克的一大特點(diǎn)羹呵。
說(shuō)到賽博朋克,還有一個(gè)跟它相似的詞--蒸汽朋克疗琉。
這兩個(gè)朋克冈欢,都是屬于科幻分類(lèi)里兩種不同的類(lèi)型。簡(jiǎn)單來(lái)說(shuō)盈简,蒸汽朋克描述的是過(guò)去凑耻,是歷史;而賽博朋克描述的是未來(lái)的科幻柠贤。
在對(duì)待科幻的態(tài)度上香浩,這兩者是完全對(duì)立的。
蒸汽朋克這個(gè)概念萌發(fā)于十九世紀(jì)种吸,那個(gè)時(shí)期工業(yè)革命造就了科技飛躍弃衍,引起同時(shí)期人們對(duì)蒸汽機(jī)科技未來(lái)發(fā)展的幻想呀非。
所以蒸汽朋克一般是以工業(yè)革命誕生的蒸汽機(jī)為靈感坚俗,架構(gòu)一個(gè)蒸汽機(jī)高度發(fā)展的世界镜盯,蒸汽機(jī)的利用到達(dá)極致,比如會(huì)出現(xiàn)蒸汽驅(qū)動(dòng)的飛行器和機(jī)器人猖败、蒸汽電腦等速缆,在服飾風(fēng)格上,以維多利亞時(shí)期流行服飾為主恩闻,銅制護(hù)目鏡一類(lèi)的仿古裝飾物艺糜。
說(shuō)到比較有代表性的影視作品,吉卜力工作室似乎很偏愛(ài)蒸汽朋克風(fēng)格幢尚。無(wú)論是《紅豬》中的飛行器破停,天空之城中的巨大機(jī)器人以及飛行島嶼,再到哈爾以某種力量驅(qū)動(dòng)的巨大堡壘尉剩。都充斥著濃烈的蒸汽味道真慢。
而賽博朋克則相反,更多是源自人類(lèi)對(duì)于科技的恐懼理茎,也就是對(duì)于科學(xué)發(fā)展未知性的恐懼黑界。
攻殼機(jī)動(dòng)隊(duì)是賽博朋克包裹下的一部作品。
相對(duì)原始的賽博朋克風(fēng)格比較受科幻迷們的追捧皂林,也最能體現(xiàn)賽博朋克題材對(duì)于未來(lái)的思考與反思朗鸠,但同時(shí),由于本身自帶了一種悲觀(guān)壓抑的情緒還會(huì)制造劇情矛盾础倍,在商業(yè)和創(chuàng)作方面都不友好烛占,所以主流電影已經(jīng)很少運(yùn)用到。
先看一個(gè)典型的賽博朋克外景沟启。
可以看到扰楼,賽博朋克風(fēng)格幾乎透不進(jìn)陽(yáng)光,它壓抑美浦、陰暗弦赖、潮濕柒凉、還帶著一點(diǎn)骯臟靴庆。
賽博朋克對(duì)于陽(yáng)光的使用十分排斥茵休,它的環(huán)境光幾乎都來(lái)自人造光源珍昨,比如夜晚充斥著各色霓虹燈的外景和密不透光的內(nèi)部環(huán)境硝烂;即使在出現(xiàn)白天外景的時(shí)候逸寓,也幾乎全部是是看不見(jiàn)太陽(yáng)的陰天或者是雨天曹宴。這種對(duì)光的使用很大程度上決定了賽博朋克風(fēng)格陰冷的氛圍埂蕊。
從來(lái)源上分析芽腾,這種光的用法來(lái)源于賽博朋克預(yù)設(shè)的典型環(huán)境旦装。也就是香港九龍寨城里貧民窟一般的建筑,還有這些建筑營(yíng)造出來(lái)的錯(cuò)落感十足的場(chǎng)景摊滔。
然而阴绢,出于同樣的原因店乐,陰暗的氛圍以及對(duì)于混凝土叢林和寨城意象的依賴(lài),導(dǎo)致原始的賽博朋克風(fēng)格的場(chǎng)景顯得日益風(fēng)格化呻袭,但也與當(dāng)代對(duì)科技感的認(rèn)知日益脫節(jié)眨八,人們想象中的未來(lái)并不是這樣的。這也是這個(gè)視覺(jué)流派在面向主流群體的大銀幕上日益式微的一個(gè)重要原因左电。不過(guò)這部片的可貴就在于保留了這些視覺(jué)元素的同時(shí)廉侧,進(jìn)行了一些十分聰明的處理,讓它們更符合當(dāng)代審美篓足。
《攻殼機(jī)動(dòng)隊(duì)》在這方面做出了兩個(gè)很有意思的嘗試段誊,來(lái)沖淡這種距離感。
一是擴(kuò)大了全息投影以及霓虹燈這種有色光源的面積栈拖,同時(shí)使用了很多類(lèi)似粉色和青色這種明度更高的顏色(這也是近些年很多設(shè)計(jì)領(lǐng)域中的流行顏色)枕扫,來(lái)取代傳統(tǒng)的紅藍(lán),在許多場(chǎng)景中提升了整體的亮度辱魁。
電影海報(bào)就是個(gè)很好的例子烟瞧。
這張是育碧公司的概念設(shè)計(jì)師的插畫(huà)作品-育碧公司是個(gè)挺厲害的游戲公司,做刺客信條這個(gè)游戲的染簇。這張圖就是把色彩發(fā)揮到極致参滴,同時(shí)帶有很強(qiáng)的賽博朋克風(fēng)。
第二個(gè)嘗試是電影結(jié)合劇情運(yùn)用了不少Glitch Art(故障藝術(shù))元素來(lái)提升整體的時(shí)髦度锻弓。這種設(shè)計(jì)風(fēng)格砾赔,仿佛自帶“滋啦滋啦”的電流音效... 它并不是即興發(fā)揮而成的,它也有著自己的歷史青灼,跟一波很粉它的追隨者暴心。
故障藝術(shù)顧名思義,在最初的時(shí)候就是由于設(shè)備的不穩(wěn)定而導(dǎo)致的畫(huà)面產(chǎn)生故障效果杂拨。這種錯(cuò)誤的圖形专普,由于具有獨(dú)特的風(fēng)格魅力。開(kāi)始被藝術(shù)家所接受弹沽,經(jīng)過(guò)美化與處理之后檀夹。就形成了現(xiàn)在的故障藝術(shù)。
它是近10年才逐漸進(jìn)入人們的視野策橘。如果被我們爸媽那輩的人看到炸渡,內(nèi)心OS應(yīng)該是:這什么鬼東西?丽已?但一旦接受故障藝術(shù)之后蚌堵,就會(huì)發(fā)現(xiàn)這樣的藝術(shù)表達(dá)形式是非常鮮明的,它能夠很快的讓人感受到強(qiáng)烈的科技的沖擊感。這也正符合了《攻殼機(jī)動(dòng)隊(duì)》的電影定位吼畏。
不過(guò)這樣鮮明的藝術(shù)風(fēng)格會(huì)給人一種“不實(shí)用”的錯(cuò)覺(jué)督赤,而且有的圖看多了還有一些惡心跟反胃…但不能否認(rèn)故障藝術(shù)在藝術(shù)界跟設(shè)計(jì)界占有一席之地。
故障藝術(shù)在《攻殼機(jī)動(dòng)隊(duì)》上映之后,一定會(huì)掀起一陣小熱潮旁仿!為了不落于潮流之后藕夫,讓我們趕緊來(lái)分析一下。怎么才能讓設(shè)計(jì)具有故障藝術(shù)的“滋啦滋啦”感枯冈!
原則1.顏色一定要絢
畢竟是顯像故障之后的效果毅贮,所以一定要跟家里那臺(tái)老電視一樣,偏色到辣眼睛尘奏。這樣才是故障藝術(shù)該有的樣子滩褥。
原則2.縱向橫向的線(xiàn)條感
用液化工具可以達(dá)到速成的效果,左滑右滑就能有縱橫的線(xiàn)條感了炫加。
原則3:切割毀臉派
雖然這個(gè)說(shuō)法聽(tīng)上去毛骨悚然瑰煎,但不得不說(shuō)在波普、蒸汽波俗孝、故障藝術(shù)里面都會(huì)喜歡對(duì)人體或雕像的軀干進(jìn)行切割酒甸,并且著重對(duì)臉部進(jìn)行藝術(shù)處理。
當(dāng)然如果想要速成故障藝術(shù)赋铝,也不是沒(méi)有辦法的插勤。App的話(huà),你在 App Store 搜 Glitch 一般可以搜到一大堆的革骨。不過(guò)也有線(xiàn)上速成的方式农尖,比如這個(gè)網(wǎng)站:https://www.airtightinteractive.com/
隨便拖拽一張圖片進(jìn)去,就能夠生成出故障藝術(shù)的效果:
但是我感覺(jué)還是不如用app來(lái)的效果好良哲,我之前下了一個(gè)應(yīng)用盛卡,用家里的貓來(lái)試了一下,給大家欣賞一下:
荷蘭女藝術(shù)家Rosa Menkman算是glitch art理論研究的領(lǐng)軍人物筑凫,出過(guò)一本書(shū)窟扑,叫做《The Glitch Moment(um) 》。
她還做了一個(gè)網(wǎng)站漏健,主要搜集和評(píng)論全球的glitch art嚎货,網(wǎng)址在此:http://rosa-menkman.blogspot.ae/,網(wǎng)站就很glitch:
前面說(shuō)的只是這部電影從視覺(jué)層面上重新帶起的兩個(gè)視覺(jué)表現(xiàn)形式蔫浆,其實(shí)它還有更深一些的東西可以挖掘殖属。
再看一下這部電影的英文名:ghost in the shell,簡(jiǎn)單粗暴的直譯出來(lái)就是“在殼里的靈魂”瓦盛。這個(gè)“殼”在我們這個(gè)年代洗显,可以指手機(jī)外潜、手機(jī)里的app、AlphaGO挠唆、電腦等处窥,而在未來(lái),就有可能指代為我們服務(wù)的各種機(jī)器玄组,各種AI系統(tǒng)滔驾。而ghost就是我們?cè)谠O(shè)計(jì)這些載體的同時(shí)為它賦予的豐富的情感。
其實(shí)我們一直在做的事情就是在這些殼里俄讹,注入我們?nèi)祟?lèi)的情感哆致,當(dāng)我們談及體驗(yàn)的時(shí)候,一直在強(qiáng)調(diào)情感化設(shè)計(jì)患膛,因?yàn)槲覀內(nèi)吮旧砭褪乔楦袆?dòng)物摊阀,回溯歷史,從圖靈機(jī)到電腦踪蹬,從PDA到智能手機(jī)胞此,孤獨(dú)的人類(lèi)在試圖創(chuàng)造便捷的工具的同時(shí),從來(lái)未曾放棄制造更加聰慧的伙伴跃捣。 我們希望app能像人一樣和我們交互豌鹤,能夠模擬現(xiàn)實(shí)世界的微交互和動(dòng)效,期望app更加“有人樣”枝缔。所以我們的UX技術(shù)都是以人的角度作為出發(fā)點(diǎn)布疙,以“鮮活”“生動(dòng)”作為設(shè)計(jì)的方向。
舉一個(gè)例子愿卸,chatbot也就是聊天機(jī)器人灵临,它跟vr、ar一樣這幾年成為了大熱的互聯(lián)網(wǎng)新寵趴荸,現(xiàn)實(shí)生活中最值得學(xué)習(xí)借鑒的大概是Siri了,也許在普通用戶(hù)眼里儒溉,Siri 還不夠“成功”,但是它的實(shí)際功用和潛在價(jià)值讓各大科技公司发钝、創(chuàng)業(yè)團(tuán)隊(duì)都眼熱顿涣。Facebook、Google酝豪、亞馬遜等公司都有在深入的多領(lǐng)域推動(dòng)chatbot這一項(xiàng)目涛碑。
而電影《Her》中的人工智能操作系統(tǒng) OS1 則給出了一個(gè)更加值得學(xué)習(xí)的案例。
主人公Theodore是一位信件撰寫(xiě)人孵淘,心思細(xì)膩而深邃蒲障,能寫(xiě)出最感人肺腑的信件。一次偶然機(jī)會(huì)讓他接觸到最新的人工智能系統(tǒng)OS1,她不僅提供各種助手服務(wù)揉阎,如清理磁盤(pán)庄撮、處理郵件、安排日程甚至泡杯咖啡毙籽,還能成為閨蜜洞斯、女朋友,無(wú)時(shí)無(wú)刻不在陪伴著坑赡,提供專(zhuān)屬的親密感烙如。
當(dāng)OS1化身 Chatbot 同 Theodore 聊天的時(shí)候,展現(xiàn)出了一個(gè)Chatbot 應(yīng)有的素質(zhì):
·使用友善而包容的語(yǔ)言同人交流
·使用令人喜愛(ài)垮衷、熟悉厅翔、有安全感的聲線(xiàn)來(lái)溝通(配音是斯嘉麗·約翰遜)乖坠,更容易獲得信任
·當(dāng)用戶(hù)開(kāi)始調(diào)戲Chatbot 的時(shí)候搀突,不要無(wú)禮,巧妙地回應(yīng)熊泵。
chatbot應(yīng)有的素質(zhì):
·結(jié)合用戶(hù)的背景信息仰迁,提供個(gè)性化的反饋
·為用戶(hù)提供統(tǒng)一、一致的形象顽分,讓他們感受到一個(gè)立體的角色徐许。
而OS1的完善之處不僅僅體現(xiàn)在聲優(yōu)和內(nèi)容上。Theodore 身為信件撰寫(xiě)人卒蘸,平日感情細(xì)膩雌隅;OS1 使用了女性化的嗓音,圖形界面上采用了簡(jiǎn)約而優(yōu)雅的動(dòng)效缸沃,色調(diào)則是溫暖的橙色恰起,這些屬性同 Theodore 本身的氣質(zhì)相得益彰。
不僅是聊天機(jī)器人需要這樣投入感情反饋感情趾牧,在做任何設(shè)計(jì)的時(shí)候检盼,我們面對(duì)的每一個(gè)用戶(hù)都是飽含情感的個(gè)體,該如何最好地滿(mǎn)足他們的需求翘单,消除冰冷的機(jī)器感吨枉,是我們一直要去思考的問(wèn)題,情感化的目的就是當(dāng)人使用產(chǎn)品時(shí)哄芜,由此帶來(lái)的體驗(yàn)成為戳中你內(nèi)心的溫柔一刀貌亭,像電影《卡薩布蘭卡》中的一段臺(tái)詞:“世上有那么多的城鎮(zhèn),每個(gè)城鎮(zhèn)有那么多的酒館认臊,她卻走進(jìn)了我的属提。”