先說(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)了我的属提。”
