圖 / 文:Chloe

設計是什麼? 設計是經過層層關卡 ,加上無數次的反轉打磨所淬煉而生的。每一次的關卡,每一次的反轉,都是不同的暗示與標記,引導著去設計出更好的作品。PCUE (UE是User Experience 設計團隊的縮寫) 這次除了以一種不同的方式來呈現所謂的設計之外,也嘗試推廣UE的工作流程,把IDA的Flow規劃到GUI的設計出圖,轉化為對故事的規劃製圖切圖執行組裝等等。讓大家可以更了解UE的工作。

我們透過童趣的逐格影片與空間做結合,以設計之路為主線,分為三個章節 :誕生抉擇反轉 。增加場景的帶入感將三段看似不可能的場景串接再一起,給予觀賞者於有戚戚焉的沈浸感受。

接下來就是要來介紹一下我們的準備過程囉!

[STEP 1] 確定這次的目標

1) 和設計流程有關
2) 和UE有關
3) 增加設計師的想像力
4) 打著練功的名義
5) 動起來
6) 強調UE 所追求的虛實交互沈浸感

基於這幾項目標,我們最終訂立了主題方向,並選擇了張力最強也是最麻煩的表現方式- 將逐格影片與空間做結合。

(這可能就是自找麻煩吧…哈)

[STEP 2] 故事規劃

以第一人稱視角的分鏡腳本,呈現整體故事線,並規劃所有拍照的元素與畫面,反覆確認故事的流暢性。

誕生

設計是經過一番整土播種灌溉,小心翼翼呵護而生的,一霎那的靈感湧現,就有如絢麗的煙火那般令人雀躍

抉擇

設計發散階段,在想法落實確定之後琳瑯滿目的設計案相應而生,一番糾結後,終於選定心中所想定案

反轉

原以為定案後從此悠遊自在,萬萬沒想到海底也是充滿荊棘,突然來個驚人反轉,設計師再次拿起畫筆從頭開始……

[STEP 3] 工作分配

故事主線確認之後,接下在就是分組進行了…..

影片製作組

負責拍攝小元件繪製、逐格影片拍攝與剪接特效。

佈景製作組

這就得考驗強大的GUI設計功底了,我們預計以紙雕層疊懸掛的方式做佈景,所以在元件設計上必須考慮元素簡單、容易拆件為主。另外為了讓整個佈景更具有細節層次感,加上噴漆的雜點,讓整體的風格性更強烈一些。

[STEP 4] 最終組裝

每個成品都是大家一片一片黏貼吊起的,過程辛苦,但完成的瞬間,真的很有成就感。畢竟老實說,規劃的時候並不知道最後所展現出的效果到底如何?大家只是盡力把該做的事情做好,努力去達成心裡所想… 🙂

環景看我們最終展出成果!

Zoom in欣賞

最後,再跟大家分享在櫥窗中特製展出的三支逐格影片,雖然闡述設計流程是艱辛小負面的,但我們通過童趣多彩的設計,讓大家能體會到設計的過程有多艱辛,所獲得的快樂與滿足感也一定是加成的…..。

誕生: 

抉擇:

反轉: