交互裝置分四步,這樣這樣這樣再這樣

2019-08-22     康石石

裝置項目可以存在於各個類型的作品集中,但是同學們總是對這類作品集存在認知上的誤區。要知道交互裝置並不是「靠近就會動」、「可以按指令動起來」、「有傳感器」這些簡單的形容詞就可以描述清楚的,它比你想像的、聽說的要複雜得多

事實上,想要做出滿意的交互裝置項目絕非易事。前不久我幫一個學生拍攝Demo,一個Demo疊代了三次才最終選出了一個比較合適的布景和拍攝角度。而這僅僅是交互裝置項目的一個環節而已,從各類稿圖的繪製,到技術可行性的調研,再到最終成品的製作、產出Demo並拍攝,這一套流程下來,有太多需要注意的細節,一個都不能忽視

今天,我們就把交互裝置項目的準備流程拆分成靈感、圖示、技術、成品四個部分,結合之前同學的作品,來給大家分步講解該如何在作品集中創作出令自己和考官都能滿意的交互裝置項目

#1 靈感概述

靈感是交互裝置項目的開端,它給予裝置以空間輪廓和場景意向,在做作品集的時候,我們往往需要在項目開頭闡述靈感的來源。

這一步並非可有可無:一方面,沒有靈感來源的背景鋪墊會讓項目找不到最終的落腳點;另一方面,在開頭描述創作背景符合國外院校的創作邏輯,能夠讓作品集顯得條理清晰,使考官更容易理解項目的創作意圖。

漢藝H學員 獲LCC互動設計、用戶體驗設計,愛丁堡互動設計,SFU互動設計MA offer

比方說H同學的項目就是以孔明燈為祈禱意向,因為在中國傳統文化中,燈籠蘊含著吉祥的色彩,如果不在項目開始之前表述清楚,那麼之後內容的展開對於國外考官來說就會顯得突兀。

Q同學 漢藝18屆學員 獲倫敦大學金史密斯學院Computational arts MA offer

而Q同學則專門給自閉症人群做了一個沉浸式的體驗裝置,這就更需要在項目開頭給出明確的適用人群範圍,並把自閉症的場景予以一定的體現,突出自閉症人群和普通人的區別,從而否則將會嚴重影響考官對最終成品的評判。

#2 繪圖細節

定義草圖是繪圖的第一步,需要列出交互裝置的主體功能和大致的空間布置,以及一些空間中的細節。另外還可以寫一些設計點的闡述和結論使交互裝置的輪廓更加清晰。

在下面這個定義圖中,H同學將兩種方案進行了對比和排選,這也是對靈感闡述的一種補充,能夠更好地體現思考的全過程。這兩種方式分別是將數字地圖放置在地面和天花板,最後H同學選擇了能讓觀者在向上看的時候有一種看浮燈感覺的第二種方案。

漢藝H學員 獲LCC互動設計、用戶體驗設計,愛丁堡互動設計,SFU互動設計MA offer

Q同學的定義草圖則給出了該交互裝置的平面圖以及諸多細節,包括聲音放大器,聲音可視化,攝像頭捕捉以及碎片化記憶,使裝置的輪廓和空間細節更為清晰。

Q同學 漢藝18屆學員 獲倫敦大學金史密斯學院Computational arts MA offer

定義草圖之後,我們就需要製作裝置效果圖了。它是將2D或者2.5D圖像轉成3D圖像的一種表現方式,這一步能夠將交互裝置的構架和細節立體化。

對於需要廠家訂購的大型交互裝置來說,正面和側面都需要3D建模。對作品集創作而言雖然沒有那麼複雜,但也需要儘量將交互裝置立體化的形態表現出來。在這一點上,H同學和Q同學都將交互裝置從內部構造到外部空間儘可能的細化並標註,令人一目了然。

漢藝H學員 獲LCC互動設計、用戶體驗設計,愛丁堡互動設計,SFU互動設計MA offer

Q同學 漢藝18屆學員 獲倫敦大學金史密斯學院Computational arts MA offer

使用場景圖可以展示用戶在空間中的互動行為,由於在空間中不可能只有一個互動點,而是由幾個部分組成的,所以使用場景圖又稱作流程圖。

H同學以流程圖的形式把用戶在場景中會發生空間互動行為的五個步驟按順序列出,很清晰的勾勒出了用戶在該空間裝置中的瀏覽動線,讓裝置在每個步驟中發揮的作用都能夠通過這張流程圖表現出來。

漢藝H學員 獲LCC互動設計、用戶體驗設計,愛丁堡互動設計,SFU互動設計MA offer


Q同學則是以使用場景圖的形式來表明互動關係,能夠很清晰的看到用戶從進入裝置到體驗完的整個循環,也方便考官從每一個使用場景中了解互動的過程。

Q同學 漢藝18屆學員 獲倫敦大學金史密斯學院Computational arts MA offer

#3 技術調研

許多同學做交互裝置的時候都會遇到技術上的難題,這是很常見的,不必太過糾結,然而如何解決這些問題就要考察同學自主調研的能力了

比如Q同學的這個體驗裝置就存在聲音傳輸的技術難點,通過調研,Q同學了解了聲音輸入和輸出的方式該如何更協調的融於空間,並通過採取processing的軟體,外接聲音接口,並在大螢幕上加上hdmi轉換線來解決問題。

Q同學 漢藝18屆學員 獲倫敦大學金史密斯學院Computational arts MA offer

H同學的交互裝置中存在的技術點就更多了,如何點亮「孔明燈」,如何讓孔明燈視頻隨著人而移動,都需要大量的調研

最終,H同學利用了ESP8266_01WIFI模塊來點亮孔明燈,結合拴著燈的鈴鐺,使其能夠控制孔明燈裡面LED燈的明滅。另外,通過processing控制視頻,結合kinect讓人體移動的物理信號能夠轉換成數位訊號,從而實現視頻隨著人的移動而移動的效果。

漢藝H學員 獲LCC互動設計、用戶體驗設計,愛丁堡互動設計,SFU互動設計MA offer


#4 成品製作

成品製作就是各種材料調試,材料研究,場地布置,軟硬體結合的過程。雖然在作品集中只有一些圖示和視頻的展示,但做過的人都知道,炫酷的效果是需要經過反覆的嘗試、篩選、完善才能得到的,光拍攝角度就要嘗試N次之後才能選出最佳的呈現方案。

漢藝H學員 獲LCC互動設計、用戶體驗設計,愛丁堡互動設計,SFU互動設計MA offer


到了成品製作的階段再回頭看一路走來躲過的各種坑,你還會覺得裝置就僅僅是一個靠傳感器做出的「靠近就會動」的簡單玩意兒嗎?

裝置如今的確是互動設計作品集創作的大勢所趨,但同學們切勿盲目跟風,因為只有合情合理的交互裝置才能為你的作品集加分,而這樣的裝置並不是一朝一夕就能做出來的。

想要把交互裝置項目加入到作品集中的話,不僅要呈現出最終的效果,製作裝置的邏輯過程也需要體現出來:是否考慮到了用戶的體驗流程?是否了解軟硬體的製作流程?最終成品是否能契合靈感來源?這些都是在準備交互裝置項目中不可忽略的細節。

與我們聯繫,可微信關注康石石公眾號:kang-shishi,後台留言諮詢。

文章來源: https://twgreatdaily.com/zh-mo/RcDcwWwBJleJMoPMw6ve.html