發(fā)布時(shí)間:2024-03-11 17:59:33 瀏覽量:245次
文/游戲邦編譯
在開(kāi)發(fā)Electric Zine Maker(一款雜志制作軟件)的過(guò)程中,我一直想找個(gè)機(jī)會(huì)來(lái)好好談?wù)刄I,向大家解釋為什么要把UI設(shè)計(jì)當(dāng)作是創(chuàng)造虛擬世界的一部分,而不是單純的界面設(shè)計(jì)工作。
我一直以來(lái)都非常依賴(lài)UI傳達(dá)游戲的信息,或者在它的基礎(chǔ)上加以渲染。對(duì)我來(lái)說(shuō),UI和對(duì)話(huà)、音樂(lè)、游戲設(shè)計(jì)一樣重要。設(shè)計(jì)得當(dāng),它就有助于強(qiáng)化游戲的主題,甚至以一種其它部分無(wú)法做到的方式來(lái)進(jìn)一步深化游戲。
好,話(huà)不多說(shuō)了,我直接進(jìn)入正題。
我最喜歡做的事情是反直覺(jué)地使用UI來(lái)傳遞無(wú)助感,就像是不知道為什么現(xiàn)實(shí)在瓦解,一切事情都亂了套。UI也是一個(gè)很好的幽默展示平臺(tái)。比如,最小化按鈕的功能的不一定只是最小化,可能會(huì)讓App抱怨、抗議說(shuō)“我剛剛才被最小化?。≡趺从謥?lái)!”
Anatomically Incorrect Dinosaurs這個(gè)游戲就有類(lèi)似的設(shè)計(jì):如果你點(diǎn)了最小化,游戲就會(huì)開(kāi)始傷心呼喊,并用一種奇怪的機(jī)器人嗓音唱著“寶貝,別傷害我”。這個(gè)UI應(yīng)用方式的有趣點(diǎn)在于開(kāi)發(fā)者將UI視為游戲中的一個(gè)實(shí)際角色,還給它配了音。它會(huì)對(duì)你的行動(dòng)做出反應(yīng),比如你拖動(dòng)窗口,它會(huì)發(fā)出玩滑滑梯時(shí)的歡呼聲。如果你退出游戲,它會(huì)生氣。在完全退出前還會(huì)跟你告別。
這種把UI當(dāng)作角色的設(shè)計(jì)方式,有點(diǎn)像是利用“擊破第三面墻”的方式來(lái)塑造游戲。在你玩游戲的時(shí)候,它成為了一個(gè)能跟你互動(dòng)的、有自我意識(shí)的實(shí)體。這是一種增加互動(dòng)豐富性的巧妙方式,并引入了驚喜元素,從而在游戲中穿插幽默的小細(xì)節(jié)。
這種方法能獲得相當(dāng)不錯(cuò)的效果,我用好幾次。與Anatomically Incorrect Dinosaurs類(lèi)似,ARMAGAD(PC版的Tetrageddon)也使用了這種UI設(shè)計(jì)方式。但ARMAGAD沒(méi)有那么明顯,可以說(shuō)你得費(fèi)些心思才能發(fā)現(xiàn)。UI就像是個(gè)敘事者一樣,講述你的行為。ARMAGAD就是游戲中隱形的上帝角色。當(dāng)你幫助Cybermonkey逃跑時(shí),ARMAGAD會(huì)進(jìn)行“現(xiàn)場(chǎng)解說(shuō)”,就感覺(jué)像游戲自己也在玩一樣。
在某些情況下,UI本身也可以成為游戲。就比如Electric File Monitor,一款偽軟件,它自稱(chēng)是“為你的電腦打造的監(jiān)獄監(jiān)管系統(tǒng)”。它會(huì)掃描你的電腦文件,隨機(jī)指控某個(gè)文件為危險(xiǎn)對(duì)象。
你可以把這些文件列入審訊中,或者排成一列,然后根據(jù)你對(duì)文件的喜愛(ài)程度來(lái)決定如何懲罰它們。文件通常會(huì)辯稱(chēng)無(wú)罪,然后跟你求情。在這種情況下,游戲即UI,UI即游戲。軟件作為一個(gè)角色跟你互動(dòng),把你的電腦拉進(jìn)了游戲中。
所以如你所見(jiàn),UI設(shè)計(jì)有很多巧妙的運(yùn)用方式。你的UI是個(gè)角色,有個(gè)性、有維度。你的UI可以是一個(gè)“可破壞環(huán)境(指游戲中可被玩家完全或部分摧毀的環(huán)境)”,被用來(lái)凸顯游戲的“熾熱之夢(mèng)(fever dream,這里指一種不連貫或奇怪的經(jīng)歷,事后回憶時(shí)會(huì)產(chǎn)生一種更強(qiáng)烈的獵奇感)”元素。
舉一個(gè)具體的例子——我的Electric Zine Maker網(wǎng)站。在許多頁(yè)面中,UI具有物理特性并會(huì)受到重力的影響。你可以把東西扔來(lái)扔去,或者是打碎。
這不是我第一次把UI設(shè)計(jì)成物理對(duì)象,但這是我第一次應(yīng)用于網(wǎng)站。我認(rèn)為物理學(xué)+UI的組合效果是非常成功的,這樣很多元素都變得趣味十足。網(wǎng)頁(yè)就像一個(gè)小小的游樂(lè)場(chǎng),你很難抵御拋玩東西的欲望。
Everything is going to be OK這個(gè)游戲是我的最新“實(shí)驗(yàn)”,真正深入地探索了利用UI喚起人們情感的各種方式。
游戲UI的很大一部分都是基于老式圖形用戶(hù)界面(GUI)以及其它操作系統(tǒng)元素而設(shè)計(jì)的。大家對(duì)細(xì)節(jié)的考究著實(shí)令我驚訝,Alexander King甚至還寫(xiě)了一篇非常詳細(xì)的分析文章(https://medium.com/
LiterallyAKing/vintage-windows-guis-in-everything-is-going-to-be-ok-20b38b11bb4f)。
Everything is going to be OK是一款圍繞著生活小片段構(gòu)建的游戲,一個(gè)非常私人化的游戲。這樣使用UI是有原因的,是為了傳遞某些信息。
年代久遠(yuǎn)的GUI創(chuàng)造了一種熟悉感和親和感。從多方面來(lái)說(shuō),它在互動(dòng)和體驗(yàn)用戶(hù)體驗(yàn)方面起到了一個(gè)舒適區(qū)的作用。這個(gè)陌生的桌面環(huán)境中你看到很多有趣的東西,但我們都知道如何與它們互動(dòng)。人們認(rèn)為這就是一種“交互詞匯”(比如UX),理解這種行為本身幾乎就等同于學(xué)會(huì)了一種語(yǔ)言。
如果你對(duì)它的理解足夠多,你就可以顛覆它(盡管我討厭用這個(gè)詞,但本質(zhì)情況就是這樣),插入一些與人們預(yù)期相反的小細(xì)節(jié)。如果做對(duì)了,而且程度把握得當(dāng),你所創(chuàng)造的世界就非常像一個(gè)熾熱之夢(mèng)。
小的UI元素會(huì)與你對(duì)話(huà),一些你原本以為無(wú)害的東西會(huì)把你卷入其中,但實(shí)際上這只是一個(gè)全新的場(chǎng)景。你會(huì)經(jīng)歷各種不同的交互行為,以至于后來(lái)你都無(wú)法確信自己的判斷,就好像你在迷宮中尋路,而不是在一個(gè)結(jié)構(gòu)化的功能環(huán)境里。
我們習(xí)慣了計(jì)算機(jī)這種“拼貼畫(huà)式”的操作方式。把你的桌面看成是一個(gè)環(huán)境,當(dāng)窗口、標(biāo)簽、單獨(dú)的軟件同時(shí)運(yùn)行時(shí),這個(gè)空間就會(huì)變得碎片化。所有的東西都需要你的關(guān)注,但是不同對(duì)象背后都是一個(gè)獨(dú)立的世界。這一個(gè)非常有意思的敘事探索方式。
當(dāng)你使用桌面時(shí),不同的窗口打開(kāi),不同的事情在每個(gè)窗口中發(fā)生,它們大多是不相關(guān)的獨(dú)立活動(dòng),你關(guān)閉它們,處理完事情,然后打開(kāi)新的窗口。由于我們已經(jīng)習(xí)慣了這種計(jì)算機(jī)使用方式,所以我們對(duì)這些環(huán)境事物的反應(yīng)有著同樣的猜想。我們認(rèn)為這些UI和系統(tǒng)應(yīng)具有某些功能。如果事情沒(méi)有按照我們所想的展開(kāi)(違反我們?cè)诮换フZ(yǔ)言上達(dá)成的共識(shí)),當(dāng)計(jì)算機(jī)做相反的事情時(shí),這幾乎就等于是背叛。
我的意思是,當(dāng)一些東西崩潰的時(shí)候,人們會(huì)發(fā)怒,其實(shí)這很有趣。你的生氣對(duì)象是一個(gè)機(jī)器,它不懂得什么是在意、關(guān)心。制造出這種推翻慣性思維的東西真的很有意思。人們覺(jué)得他們對(duì)一切失去了控制,他們不再是這里主宰者。
Anatomically Incorrect Dinosaurs會(huì)在結(jié)局時(shí)自己關(guān)閉。它給你呈現(xiàn)一個(gè)隨機(jī)的獵奇視頻,然后“拜拜”,窗口關(guān)閉。你會(huì)有一種空虛感,就像你在進(jìn)行一場(chǎng)狂野的旅行,卻無(wú)法控制其中的任何一部分。
Everything is going to be OK也有很多類(lèi)似的情況。當(dāng)你玩到結(jié)尾時(shí),游戲會(huì)自動(dòng)關(guān)閉。有一個(gè)象棋環(huán)節(jié),你可以直接移動(dòng)棋子“吃掉”國(guó)王或者女王,但是人們通常還是會(huì)按照普通象棋那樣玩。他們要花上一些時(shí)間才意識(shí)到這個(gè)世界并不需要按照他們所想的規(guī)則進(jìn)行互動(dòng),人們恍然大悟的反應(yīng)總是很有趣。
棋盤(pán)也會(huì)隨著時(shí)間的流逝而變化,之后幾乎不可能繼續(xù)玩下去而且毫無(wú)意義。
UI是一個(gè)我們能一目了然的功能展示舞臺(tái)。
舉一個(gè)非UI但是也適用于此情況的例子:幾乎每個(gè)人都知道在玩經(jīng)典的2D超級(jí)馬里奧游戲時(shí)應(yīng)該往右走。如果你讓向右走的行為變得毫無(wú)意義,真正的勝利之路是向左走,那么玩家會(huì)不斷質(zhì)疑自己的互動(dòng)方式、思考為什么不奏效。突然他們明白反向思維才是對(duì)的,這就像是你給他們來(lái)了一場(chǎng)思維解放運(yùn)動(dòng)。
只需改變一個(gè)設(shè)置,你就能讓用戶(hù)產(chǎn)生不小的情緒波動(dòng),這其實(shí)是非常有趣的。這樣的空間是非常適用于特定話(huà)題的探討,并以有趣的方式呈現(xiàn)有趣的片段內(nèi)容,比如假程序、分支故事或由淺入深的內(nèi)容,讓人們沉浸其中。你實(shí)際上是在創(chuàng)造一個(gè)情緒化的空間。
UI是一種情緒語(yǔ)言,我認(rèn)為理解這一點(diǎn)尤為重要。當(dāng)電腦沒(méi)有按照你所想的工作時(shí),你會(huì)產(chǎn)生一種情緒反應(yīng)(崩潰、關(guān)閉、錯(cuò)誤=迷惑、空虛、混亂)。你可以利用這一點(diǎn)來(lái)強(qiáng)化游戲主題。
老式的GUI和OS這是“下套”的好地方,因?yàn)樗鼈兊哪甏銐蚓眠h(yuǎn),促使人們形成了慣性思維,他們不大可能產(chǎn)生太復(fù)雜的推測(cè)。你可以通過(guò)幽默或背離常理的方式來(lái)塑造一個(gè)“最熟悉的陌生人”,給玩家一個(gè)驚喜。
在Everything is going to be OK中,我通過(guò)這種方式增加了一種身處熾熱之夢(mèng)、失控的感覺(jué),并且游戲充滿(mǎn)了獵奇的幽默元素。
UI所呈現(xiàn)的不同個(gè)性(尤其是老式的)也是一個(gè)很好的利用點(diǎn)。我有一個(gè)很長(zhǎng)的推特,用來(lái)更新整理各種資源庫(kù),其中就有好幾個(gè)老式UI素材網(wǎng)站。
老式電腦系統(tǒng)在用戶(hù)體驗(yàn)方面很笨拙——界面按鈕太大、其它東西太小、字體太奇怪、色彩過(guò)于鮮艷,那些簡(jiǎn)陋的圖案看上去像是占位符,但不知為什么又被留到了最后——它們的缺點(diǎn)就構(gòu)造出了一種個(gè)性,用戶(hù)就可以感受到這是一種“糟糕”或笨拙的形象。當(dāng)時(shí)的UI設(shè)計(jì)還處于探索階段,也正因缺乏統(tǒng)一規(guī)則,使它更加有趣。就比如微軟早年的Microsoft Bob,開(kāi)發(fā)人員繪制了一個(gè)實(shí)際使用環(huán)境,而不是電腦桌面。但這個(gè)軟件因?yàn)檫^(guò)于簡(jiǎn)單(只是講解如何使用計(jì)算機(jī))且售價(jià)過(guò)高,在沒(méi)有市場(chǎng)的情況下被淘汰了。然而,像微軟這樣的大公司愿意花時(shí)間做這樣的東西真是太棒了。
用“真實(shí)環(huán)境”替代普通的用戶(hù)界面,這樣的例子不止一個(gè)。再比如3DNA、Microsoft Encarta的Mind Maze,早期的寓教于樂(lè)軟件經(jīng)常這么干。試圖改進(jìn)某些東西與多此一舉之間的界線是一個(gè)灰色地帶,審視這些失敗案例、理解其中的原因是非常有意義的。你可以去toastytech.com看看,那里有非常豐富的檔案記錄。
我不想過(guò)多地談?wù)摾鲜経I,但是我認(rèn)為有一點(diǎn)很值得思考——老式UI是如何從它的缺陷中受益的(以及為什么我們對(duì)它有如此美好的回憶)。那時(shí)的電腦并不會(huì)讓你覺(jué)得自己是在操作一臺(tái)精心打磨、充滿(mǎn)品牌特征的高效機(jī)器。這種空間應(yīng)該是非常私人化的,人們經(jīng)常使用桌面主題的行為就說(shuō)明了這一點(diǎn)。你看Windows 98~2000的主題,有多少社區(qū)是為了定制圖標(biāo)而創(chuàng)建的??臻g的個(gè)性化很重要,因?yàn)樗o你一種掌控感。沒(méi)有這些裝扮你就更像是“訪客”,而不是回到一個(gè)能夠給你帶來(lái)歸屬感的地方。
我們通常會(huì)說(shuō)“回到桌面”,英文里桌面也叫“Home”,現(xiàn)在也是如此。我認(rèn)為這是一個(gè)時(shí)代的遺留物——那時(shí)人們渴望讓桌面成為你生活的一個(gè)私人空間。而現(xiàn)在我們看到,隨著新時(shí)代商業(yè)設(shè)計(jì)模式的出現(xiàn),品牌化的內(nèi)容逐漸占領(lǐng)了這個(gè)空間。
例如,OSX和Windows都有很強(qiáng)的商業(yè)特征,空間是由它們而不是用戶(hù)控制的。談到用戶(hù)自由時(shí),移動(dòng)領(lǐng)域(OSX和Android)則是一敗涂地——這是另外一個(gè)話(huà)題了,有時(shí)間我們?cè)賮?lái)談?wù)劇?/p>
我想說(shuō)的是,當(dāng)我們回顧這些老式桌面/空間時(shí),UI給我們的感覺(jué)不僅僅是懷舊,而是我們真正能擁有一個(gè)私人空間,能夠用UI來(lái)表達(dá)我們的個(gè)性?,F(xiàn)在的任何一種軟件,尤其是藝術(shù)軟件,都是以最大限度地提高生產(chǎn)力為前提的。甚至如今的網(wǎng)站都是以用戶(hù)體驗(yàn)為核心,目的是最大化用戶(hù)留存率、點(diǎn)擊量和互動(dòng)頻率。
從對(duì)待用戶(hù)的角度來(lái)看,可以說(shuō)這是一種近乎剝削性的語(yǔ)言,我認(rèn)為這就是為什么我們喜歡回顧那個(gè)更簡(jiǎn)單的時(shí)代,那時(shí)我們有更多的自由,可以“生活”在一個(gè)虛擬的空間里,而不被榨取。有缺陷的UI能給你帶來(lái)舒適,因?yàn)樗嬖V你,這是一個(gè)人做的,你不是在一個(gè)“高標(biāo)準(zhǔn)的環(huán)境”中。
所以這就是為什么我要做Electric Zine Maker,利用UI來(lái)創(chuàng)建一個(gè)“低標(biāo)準(zhǔn)”的環(huán)境。人們可以在這里釋放創(chuàng)造、探索天性,不會(huì)給你一種莫名的壓迫感,暗示著你必須要利用這個(gè)工具做出專(zhuān)業(yè)性的產(chǎn)品。
如今的藝術(shù)設(shè)計(jì)工具操作方便、功能強(qiáng)大,能給你一個(gè)高效的工作環(huán)境。軟件開(kāi)發(fā)人員的努力大多都是為了讓創(chuàng)作成為一個(gè)流線型的工序,不管你創(chuàng)作的是哪種藝術(shù)類(lèi)型。就比如說(shuō)Photoshop,這是一個(gè)制作專(zhuān)業(yè)的藝術(shù)產(chǎn)品、幫你掙錢(qián)的軟件。我覺(jué)得,在這種空間里,總有一種“你必須是專(zhuān)業(yè)的”“你必須要做出驚艷世人的作品”的感覺(jué)。生產(chǎn)力就像是一塊無(wú)形的大石壓著你,連草稿都不敢輕易打。事情不應(yīng)該是這樣的!
對(duì)于那些只想做些傻兮兮東西的人來(lái)說(shuō),這種環(huán)境令人生畏。很多人不想在揮灑畫(huà)筆時(shí)被提醒“這必須是個(gè)好作品”,這是一個(gè)利用UI和設(shè)計(jì)決策進(jìn)行創(chuàng)造的空間。
Electric Zine Maker是一個(gè)電子雜志創(chuàng)作工具,目的是讓創(chuàng)作者在無(wú)壓力的環(huán)境下制作雜志。你一看就知道這是個(gè)低標(biāo)準(zhǔn)環(huán)境。因?yàn)檫@界面太蠢萌了,就算你瞎涂鴉也不會(huì)跟其它部分形成鮮明對(duì)比,從而造成壓力。你不擅長(zhǎng)畫(huà)畫(huà)沒(méi)關(guān)系,畫(huà)個(gè)火柴人也沒(méi)關(guān)系。
在設(shè)計(jì)工具時(shí),我認(rèn)為降低標(biāo)準(zhǔn)是一個(gè)非常關(guān)鍵的點(diǎn)。這樣就可以吸引那些就算是嘗試一下也會(huì)猶豫的用戶(hù)。你得再次跟他們確保就算你不是專(zhuān)業(yè)的也沒(méi)關(guān)系。有創(chuàng)造力并不意味著你必須是一個(gè)專(zhuān)業(yè)天才,畫(huà)不好并不是什么應(yīng)該遭受譴責(zé)的事。
我故意把Electric Zine Maker的UI設(shè)計(jì)得很夸張,讓所有東西看起來(lái)都很傻、布局很好玩。界面角落還有一個(gè)大土豆,能給你帶來(lái)積極的幫助,它就像是微軟的那個(gè)大眼曲別針。背景會(huì)有一只金魚(yú)悠閑地游來(lái)游去,你問(wèn)為什么?有寵物、動(dòng)物或者其它類(lèi)似的東西能給人們帶來(lái)舒適感,所以為什么不加只金魚(yú)呢,多可愛(ài)啊。
創(chuàng)造這樣的環(huán)境,顏色是非常重要。顯然,我的用色比較夸張,在這種情況下,更多還是應(yīng)該取決于個(gè)人決策,而不是刻意用這種色調(diào)。但在設(shè)計(jì)低標(biāo)準(zhǔn)的UI環(huán)境時(shí),你應(yīng)該仔細(xì)斟酌下某些顏色的使用。
Electric Zine Maker的設(shè)計(jì)靈感來(lái)自于卡通。正如你所見(jiàn),這個(gè)工具所有的UI互動(dòng)元素都是動(dòng)畫(huà)。我沒(méi)有參考其它好玩的UI素材,我之前在迪斯尼工作過(guò),所以我從那段經(jīng)歷中汲取靈感。我做過(guò)很多類(lèi)似的UI,卡通畫(huà)風(fēng)通常包括許多傾斜的、不對(duì)稱(chēng)的形狀。最重要的是有一套自己的風(fēng)格設(shè)計(jì)規(guī)則,并堅(jiān)持下去,這樣就不會(huì)讓人覺(jué)得過(guò)于隨性,而是一種獨(dú)特的趣味。
有很多人把Zine Maker跟早年的寓教于樂(lè)軟件作比較,我能理解。寓教于樂(lè)軟件可能是人們最敢拿UI冒險(xiǎn)的地方,把蠢萌置于功能之前。孩子們對(duì)色彩很感興趣,你必須得把這個(gè)環(huán)境裝扮得非常幼稚、天馬行空,這樣才能持續(xù)吸引他們的注意力。
就比如The Incredible Toon Machine,我覺(jué)得一定得講講這個(gè)游戲。
這個(gè)游戲太厲害了,到今天我還能是被游戲的復(fù)雜性所折服。作為一款游戲,我認(rèn)為它在顛覆設(shè)計(jì)方面處理得非常有趣。它有點(diǎn)像是那種自創(chuàng)規(guī)則的游戲,你建造一個(gè)迷你世界,然后看事情會(huì)如何發(fā)展。這激發(fā)了很多有趣的創(chuàng)作。
UI方面,The Incredible Toon Machine的色彩很豐富。一樣也是很蠢萌、趣味十足。這是一個(gè)非常值得學(xué)習(xí)借鑒的游戲。
另外一個(gè)游戲是Mario Paint。我一般不會(huì)贊揚(yáng)任天堂,因?yàn)槲矣X(jué)得他們的游戲設(shè)計(jì)主導(dǎo)性太強(qiáng)。各種主機(jī)游戲已經(jīng)被剖析得很徹底了,但是Mario Paint是一個(gè)很奇怪的游戲,我覺(jué)得值得分析分析。
這是一個(gè)繪畫(huà)軟件。你在畫(huà)畫(huà)時(shí)還會(huì)有蠢蠢的音樂(lè)、音效。大部分工具都是要花時(shí)間的,比如使用油漆桶時(shí)會(huì)出現(xiàn)動(dòng)畫(huà),等待顏色填充畫(huà)面時(shí),它發(fā)出一種倒油漆的聲音。游戲里用來(lái)創(chuàng)作藝術(shù)的工具都相當(dāng)奇怪。除此之外,Mario Paint還有一些很莫名其妙的小游戲。比如有一個(gè)打蒼蠅的游戲,你拿著拍子打蒼蠅。然后就會(huì)出現(xiàn)大蟲(chóng)子,一直玩到到你打死了所有的大蟲(chóng)子。
游戲中的音樂(lè)創(chuàng)作工具也很傻。UI無(wú)疑是讓這種蠢萌感又上了一層樓。游戲通過(guò)多彩的顏色體現(xiàn)出了趣味以及卡通感。你真的應(yīng)該研究下這款游戲!
說(shuō)到工具,我認(rèn)為早年的這些軟件開(kāi)發(fā)者做了一些有趣的功能決策,這些在現(xiàn)代藝術(shù)工具中是看不到的。
Mario Paint有個(gè)印章工具,你可以自定義印章圖案。大部分藝術(shù)設(shè)計(jì)軟件都有這個(gè)功能,Dabbler 2(一款面向兒童的電腦繪畫(huà)軟件)也是。早年的藝術(shù)設(shè)計(jì)軟件有點(diǎn)像是讓人們“發(fā)明”工具,而不是試圖完全模仿現(xiàn)實(shí),這很有意思。你可以完全不管那面讓你懵逼的工具墻,直到你真正開(kāi)始用它們創(chuàng)作,這些功能才是有存在意義的。
在這些仿現(xiàn)實(shí)藝術(shù)工具(比如粉筆、鉛筆、水彩、紋理)出現(xiàn)之前,開(kāi)發(fā)者設(shè)計(jì)了一些只能在數(shù)字環(huán)境中使用的工具。
Kai’s Power Goo就是一個(gè)極好的例子,它的界面設(shè)計(jì)非常棒。像這樣的設(shè)計(jì)如果不是在電腦環(huán)境中就完全沒(méi)有意義了。這些工具都很古怪,幾乎沒(méi)有任何實(shí)際用處,但開(kāi)發(fā)者找到了一個(gè)可以大展拳腳的地方。那個(gè)Goo功能應(yīng)該是大家最為熟知的了,簡(jiǎn)而言之就是把圖片扭曲,跟現(xiàn)在Photoshop的液化效果有些相似。想象一下,把一張照片當(dāng)作粘土來(lái)使用,扭曲拉扯,這種效果就是Goo。Kai’s Power Goo值得研究的地方不僅僅是UI,還有工具的設(shè)計(jì)。
Electric Zine Maker UI和工具設(shè)計(jì)是相輔相成。Zine Maker的某些工具非常魔幻,真實(shí)世界里沒(méi)有這樣的東西,其它藝術(shù)設(shè)計(jì)軟件里也沒(méi)有。你需要探索一番,發(fā)現(xiàn)它們的用途。
The Smoosh Zone是致敬Kai’s Power Goo的而設(shè)計(jì)的功能。
Color Factory里有各種奇怪的顏色操作模式,如卷積或RGB轉(zhuǎn)換。你甚至可以將你的作品變成ASCII效果。Displacerizer可以將圖片疊加在你的作品上,比如你可以使用ASCII藝術(shù)置換貼圖。了解過(guò)后,你就可以想想如何利用這些奇怪的東西創(chuàng)造出特立獨(dú)行的藝術(shù)。
Glass Stamps能夠扭曲效果。你可以嘗試把大小值到500,選擇“draw”,把鼠標(biāo)移到作品上你就能看到扭曲的即時(shí)效果,得到滿(mǎn)意的效果時(shí)按下鼠標(biāo)就行了,非常有趣。
還有很多東西可以探索。
Electric Zine Maker中的許多工具都有自己的獨(dú)立界面,你可以在這調(diào)整數(shù)值和選項(xiàng)。每個(gè)界面都是單獨(dú)設(shè)計(jì)的,并非共用一個(gè)設(shè)計(jì)模板。這種界面與界面之間的不同,目的是讓用戶(hù)在使用不同工具時(shí)像進(jìn)入了不同的空間,喚起一種探索的欲望。就跟鼓勵(lì)人們畫(huà)點(diǎn)什么一樣,激發(fā)探索、發(fā)現(xiàn)的欲望也是很重要的。
我近期的大部分工作都是在避免稱(chēng)之為“游戲”的前提下進(jìn)行的,但就Electric Zine Maker而言,我更傾向于將它視為一款游戲,
它本該就是個(gè)游戲。就像是你要在《我的世界》里建造東西,你首先得弄清楚各種合成公式。而在Zine Maker里,你探索各種工具的作用,以及怎么組合利用它們來(lái)創(chuàng)造出你想要的效果。
當(dāng)我在LA Zine Fest的Playdate活動(dòng)上展示Electric Zine Maker時(shí),我很驚訝它能獲得這么熱烈的反響。路過(guò)的人們看到它總會(huì)說(shuō)“我的天啊,這太可愛(ài)了吧……”豐富的色彩、可愛(ài)的動(dòng)畫(huà),所有這些都吸引著人們。它的界面充滿(mǎn)活力,而不是冷酷的科技感。
嘗試Electric Zine Maker的人最終都不可自拔地陷入了其中。有些人一玩就是20多分鐘。這也是我頭一次看到不同年齡段的人都喜歡我做的東西。但年齡對(duì)我來(lái)說(shuō)并不重要。
有一位年齡比較大的女士,她坐下來(lái)玩時(shí)有點(diǎn)忐忑,因?yàn)樗X(jué)得自己肯定玩不好,最后她玩了很長(zhǎng)一段時(shí)間,只用smugger完成了她的作品。她對(duì)這個(gè)游戲的評(píng)價(jià)是“意外地很治愈”。所以我想我還是順利完成了我的任務(wù):制作一個(gè)具有吸引力的工具,營(yíng)造一個(gè)低標(biāo)準(zhǔn)的藝術(shù)創(chuàng)作環(huán)境。
游戲中所有這些元素的組合產(chǎn)生了非常驚喜的效果。當(dāng)你開(kāi)始著手UI工作時(shí),設(shè)定一個(gè)具體的目標(biāo)是很重要的(我在本文所提到的項(xiàng)目都有)。問(wèn)問(wèn)你自己你希望UI傳達(dá)關(guān)于你的游戲的什么內(nèi)容,并圍繞這一主題展開(kāi)。不要讓UI脫離游戲,要讓它真正成為游戲的一部分,甚至讓人們摸不清到底哪里才是UI。
我想通過(guò)這篇文章表達(dá)的觀點(diǎn)是不要再把UI視為一個(gè)無(wú)聊的東西,要認(rèn)識(shí)到UI是一個(gè)可以發(fā)揮創(chuàng)意的地方,并且要不斷審視你自己的做法。把UI看作是你正在構(gòu)建的一個(gè)有生氣的環(huán)境。
UI是虛擬世界創(chuàng)造中不可分割的一部分。
作者:Nathalie Lawhead原譯文:https://www.gamasutra.com/view/news/349213/Using_UI_as_a_means_to_tell_a_story_convey_emotion_and_create_personality.php
熱門(mén)資訊
1. iPhone6的UI設(shè)計(jì)尺寸規(guī)范,原來(lái)如此重要!
想要了解iPhone6界面設(shè)計(jì)的尺寸規(guī)范嗎?這里為您詳細(xì)介紹iPhone6的UI設(shè)計(jì)尺寸規(guī)范,包括界面尺寸、圖標(biāo)尺寸、可點(diǎn)擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個(gè)面向設(shè)計(jì)師的...
3. 移動(dòng)端UI設(shè)計(jì)中常見(jiàn)的5種APP界面類(lèi)型,你get到了嗎?
通過(guò)介紹移動(dòng)端UI設(shè)計(jì)中的閃屏頁(yè)、引導(dǎo)頁(yè)、浮層引導(dǎo)頁(yè)、空白頁(yè)和首頁(yè)等5種APP界面類(lèi)型,幫助大家更好地了解UI設(shè)計(jì)的基本知識(shí)
4. 10個(gè)免費(fèi)學(xué)習(xí)UI設(shè)計(jì)的網(wǎng)站 提升你的設(shè)計(jì)能力
怎樣可以提升你的UI設(shè)計(jì)能力!第一個(gè):站酷站酷想必是設(shè)計(jì)師都知道的一個(gè)網(wǎng)站,里面不止有UI設(shè)計(jì)的資源,還有其他設(shè)計(jì)的,不如:平面設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)、字體...
5. 移動(dòng)端列表頁(yè)和表單頁(yè)設(shè)計(jì)秘訣:讓你的APP點(diǎn)擊率翻倍
在移動(dòng)端設(shè)計(jì)中,列表頁(yè)和表單頁(yè)是不可或缺的部分。一個(gè)好的列表頁(yè)和表單頁(yè)設(shè)計(jì)能夠讓用戶(hù)輕松地獲取信息并產(chǎn)生點(diǎn)擊欲望,從而提高點(diǎn)擊率。本文將為你...
6. 推薦10本適合UI設(shè)計(jì)師看的書(shū)籍,輕松掌握技能!
對(duì)于想要提高自己的設(shè)計(jì)能力和創(chuàng)造力的小白和UI設(shè)計(jì)師來(lái)說(shuō),這本書(shū)是一個(gè)很好的選擇。4.《設(shè)計(jì)的覺(jué)醒》(IKKO TANAKA)推薦理由: 這本書(shū)是日本現(xiàn)代平面...
7. 零基礎(chǔ)學(xué)UI設(shè)計(jì)要多久?培訓(xùn)完能拿多少工資?
探索零基礎(chǔ)UI設(shè)計(jì)培訓(xùn)的時(shí)長(zhǎng)與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專(zhuān)業(yè)課程,以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會(huì)。
8. 物聯(lián)網(wǎng)APP UI設(shè)計(jì):創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗(yàn)
ui設(shè)計(jì)應(yīng)該讓用戶(hù)一目了然,能夠快速找到所需的信息和功能。在設(shè)計(jì)過(guò)程中,應(yīng)盡量使用簡(jiǎn)潔的圖標(biāo)、文字和色彩,避免過(guò)多的視覺(jué)干擾。符合用戶(hù)習(xí)慣:ui設(shè)...
9. 武漢UI設(shè)計(jì)培訓(xùn)班費(fèi)用怎么樣?想學(xué)UI設(shè)計(jì)要多少錢(qián)?
想了解武漢UI設(shè)計(jì)培訓(xùn)班的費(fèi)用是多少嗎?不知道學(xué)UI設(shè)計(jì)要花多少錢(qián)?不妨看看這篇文章,了解UI設(shè)計(jì)培訓(xùn)班的學(xué)費(fèi)價(jià)格以及學(xué)習(xí)內(nèi)容。
10. 設(shè)計(jì)中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計(jì)應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計(jì)應(yīng)用。通過(guò)對(duì)色彩在早期文明社會(huì)中的實(shí)用運(yùn)用、不同文化背景下色彩觀念的差異、色彩在設(shè)計(jì)中的重要性以及新興技...
最新文章
同學(xué)您好!