PORTFOLIO Mavis wu
CONTENTS 03_About Me 05_Graphic Design 56_APP Design 67_Video Design 71_Interactive Design
About me
吳 銘娟
Mavis Wu
0910-609-671
mavis8859@gmail.com
喜好:
音樂(Post Rock、Post harcore、80’s Rock、Hard Rock、Rap、Indie Band)、大笑、 貓咪、不時的憂鬱、寫字、奶茶、好看有特色的事物 自我介紹:
Hi~我是銘娟(Mavis)但很多人覺得太難念,或許可以簡化成Max,我喜歡多方面的接
觸 不 同 的 東 西,也 喜 歡 學 習 不 同 的 事 物,很 多 人 說 我 是 奇 怪 的 人,但 絕 對 是 很 好 相 處
的人,喜歡TEAM WORK的感覺,很多事情都是緣分,希望能找到合得來的夥伴一起工 作打拼讓自己變的更好。
03│ About me
Education 2008-2011
華僑高中
2011-2016
大同大學-媒體設計學系互動設計組
software Skill Adobe Illustrator
Photoshop Premiere
Aftereffect
Dreamweaver
Maxon Cinema 4d
80% 80% 50% 60% 30% 30%
Experience 2013
金犢獎(中華電信Hinet光世代)-優等獎 墨爾本國際動畫影展參賽
2014
深擊服務設計管理有限公司(ChargerChanger)實習
2015
精英電腦智慧建築比賽入圍
2016
高雄放視大賞跨領域類入圍
2016 2018 2018
SOBO創意設計有限公司-視覺設計師 有事創意-視覺設計師
04│ About me
Graphic design 07-Poster Design 19-EDM Design 21-Book Cover Design 24-Postcard Design 29-Album Cover Design 31-FB Advertising 38-Brand Visual 45-DM Design 47-LOGO Design 48-Wedding Card Design 53-RWD Web Design
The interrelation of things
物‧理
/
以北美館的展覽「物‧理」作為主題,為此展覽重新設計一張主視覺海報。 物理是一種能量轉換的科學 , 利用線條和對比性的顏色來呈現出能量轉 移、擴散的感覺。
07│ Poster Design
設計Design
/
設 計 是 什 麼 ? 設 計 是 在 一 群 個 體 中,發 現 關 聯 性,在 複 雜 的 連 結 之 中 找 出 最 後 的 結 果,這 一 連 串 的 脈 絡 就 是「 設 計 」 ;利 用 這 樣 的 概 念 所 製 作 出 的 海 報。
08│ Poster Design
OPEN NEW ADVENTURE
Open New Adventure /
人生的道路上,總是不停的在打開新的冒險,利用不同形狀並且往前延伸的 空洞,一層一層地,象徵人們打開不同的新的篇章,而你我都不會知道,新 的一層,究竟通往的是什麼樣的道路。
09│ Poster Design
紅色色彩浴RED /
蒐集在生活周遭的紅色並且拍攝下來,將紅色整理歸納後整齊排列出的色
彩浴,並且框出蜿蜒的形狀,像是從”RED”散發出來的神祕氣息,紅色是溫 暖的、著迷的、危險的。
10│ Poster Design
台灣城市慶典-台北 /
利用圖地反轉的概念製作出台灣的城市特色系列海報, 此張為台北的清晨 正在下著雨,仔細一看,這不是101的天窗嗎?天窗變成了雨,下在匆忙行人 的傘上。
11│ Poster Design
台灣城市慶典-九份 /
利用圖地反轉的概念製作出台灣的城市特色系列海報,此張為黃昏的平溪
天空漸漸從橘色轉為深藍色,仔細一看,這不是天燈嗎?天燈變成了晚霞的 色彩,一個一個拼湊起來。
12│ Poster Design
13│ Poster Design
文字遊戲海報設計 /
I’m in LOVE. 這句話的意思是”我戀愛了”但是照字面上看的意
思為”我在LOVE裡面”利用這樣子的文字遊戲去做具有趣味性的 系列海報。
*Crossed in LOVE的意思為”失戀”字面上的意思為跨越LOVE。
14│ Poster Design
15│ Poster Design
白色派對-畢業舞會主視覺設計 /
為大同大學畢業舞會所設計的白色派對主視覺,白色的力量伴隨 著燈光,優雅的從黑暗處爆發。
16│ Poster Design
聯邦投信_全球高息策略基金主視覺(提案) /
以”策略”為主要發想,利用渾天儀的意象轉動地球,有能夠掌握全球動向的隱喻。
17│ Poster Design
康和期貨信託_康和趨勢量化期貨信託基金主視覺(提案) /
此基金有”守護”和”出擊兩種特色,聯想至超人”守護”的意象、橄欖球遊戲 有守護進攻的規則,故將這兩者結合,讓康和經理人披上披風,守護您的資 產,又同時主動出擊的全能超人。
18│ Poster Design
19│ EDM Design
SOBO圖表模組-EDM設計 /
SOBO創意設計所推出的圖表模組,以多樣化的選擇為產品特點, 在 E D M 的 設 計 上 將 畫 面 重 疊、排 列,把 不 同 的 畫 面 呈 現 在 畫 面 上 以突出”多樣化”的感覺。
20│ Poster Design
21│ Book Cover Design
山音_水樣_系列書封設計 /
從少女的手札的感覺作為出發點,用相同的 色調創造出系列感,並以圖案重複出現的手 法創造平面設計的律動。
「你說,四季的變換是山在唱歌。」 「你說,最美是水在山邊盪漾」
22│ Book Cover Design
最近的最遠_明信片設計 / 鄭聿-最近的最遠
這首詩為詩集「玻璃」的主題詩 ,像玻璃般清澈而冰 冷 ,中間卻帶著想念的溫熱 周而復始的「我仍然想
起了你」 ;以 這 樣 的 感 覺 為 主 體,設 計 了 這 首 詩 一 系 列的明信片。
24│ Postcard Design
25│ Postcard Design
26│ Postcard Design
27│ Postcard Design
28│ Postcard Design
29│ Album Cover Design
Nothing At All _CD封面設計 / 把 自 己 作 為 主 角 設 計 的 C D 封 面、歌 詞 海 報,我 喜 歡 用 黑 與 白 解 釋 自 己,兩 個 極 端 卻 互 相 平 衡 的兩個我,互相創造對方不同的想法。 Nothing At All
覺 得 我 什 麼 都 不 是,這 樣 的 我,卻 在 讓 我 在 黑 暗中努力堅強的掙扎著。
30│ Album Cover Design
產品 形象廣告/視覺 在眾多不同產品中,配合產品特色和行銷所需 重新創造不同的視覺形象和視覺 (戶外藍芽喇叭/質感、輕巧易攜帶)
(格紋配件/歐美時尚/潮流)
31│ FB Advertising
FB單圖廣告
FB單圖廣告
(商品特色/稜鏡反光/女性TA)
(詹皇降臨/時效話題/互動性素材)
32│ FB Advertising
FB單圖廣告
(邊框手機殼/產品特色/框)
(IKEA翻玩/IDEA/仿製說明書)
33│ FB Advertising
FB單圖廣告
(街頭潮流/青少年族群TA)
(BMW/名車款/壯年TA)
34│ FB Advertising
FB單圖廣告
(精密製作/掌握細節)
(連假結束/商品互動性貼文/慵懶)
35│ FB Advertising
FB組圖廣告
(仿真食材/市場/組圖)
36│ FB Advertising
FB組圖廣告
(職人精神/日式風格)
37│ FB Advertising
產品品牌視覺
38│ Brand Visual
產品品牌視覺
39│ Brand Visual
產品品牌視覺
40│ Brand Visual
產品品牌視覺
41│ Brand Visual
產品品牌視覺
42│ Brand Visual
產品品牌視覺
43│ Brand Visual
產品品牌視覺
44│ Brand Visual
45│ DM Design
野村投信_月基金精選DM /
執行內頁排版,將基金資訊轉化為圖像、易閱讀的表格,使用每個系列基金的 CI顏色搭配,讓三個不同系列的基金DM一致,卻有著區別。
46│ DM Design
好日子LOGO設計 /
好日子為新的喜帖品牌,客群多為適婚年齡的女性,故使用 流線、纖細的感覺去做設計,搭配英文字應用發展不同排列 方式,也嘗試加上斷句,發展品牌的故事。
We have a g o o d d a y.
W e h a v e a g o o d d a y.
妳說「好」的那個日子 我們步上紅毯的好日子 接下來我們會一起好好過日子 We
h a v e a g o o d d a y.
hao ri zi hao
ri
W
E
HA
VE A GOOD D AY
Since 2017
47│ LOGO Design
zi
.
喜帖設計 / 此款喜帖在信封內頁加上了花束的內襯,並且用任選的概 念讓新人搭配卡片,希望新人能夠透過自己挑選的花束將 喜訊寄出。
48│ Wedding 30│ TYpographic Card Design
49│ Wedding Card Design
喜帖設計 / 西式的喜帖設計,利用淺色和燙金的搭配呈現高貴優雅的 風格。
50│ Wedding Card Design
喜帖設計 /
中式喜帖設計,結合牡丹和古代的花窗,紅色配上燙金邊的 設計讓整體看起來高貴不帶俗氣。
51│ Wedding Card Design
喜帖設計 /
中式喜帖設計,擺脫市面上中式喜帖的嚴肅感,利用線條構 圖的對稱設計帶出活潑感。
52│ Wedding Card Design
SOBO線上開戶_行銷網站 /
S O B O 創 意 設 計 新 推 出 不 同 介 面 設 計 的 線 上 開 戶 頁 面,此 為 業 務 用 的 行 銷 網 站,利用簡單的動態,將每一種界面的操作特色呈現出來。
53│ RWD Web Design
54│ RWD Web Design
APP design 57-Mobile Game 61-productivity tools
懙㏁㬑ㆄ處
ནϛُك
捬⢚ⴇ䱴⢷㦰⢡ⴇ兡䘿⨒ᾼ虇尜峧儈㈲僤嬚䝍䝔䠓▛ⴇ虇ⴇ㢒仵‗杫㎆厖⿺虇⎸ 䚷懙㏁!BQQ!虇尜峧ᾜ▛僤嬚䝍䝔㈲冔虇⢷ⴇ兡㎟朆ᾼᾜ㝈ⅎ䠓⢿㝈ᾣ憞懝䁠⑤ҷ!灭㙙 ℕ⿺⃞↠孲㸉⡿桲虇懣㎟╚㊪䠓㦰⢡䘿⨒Ҹ
孡吁宼宗處
剥⮐⎸
呾ᾨ拽ⷎ䝖
㹰㹰焜䝖
䕊䘒⮒⮒
恮氷䠋剁ᾜ⋷䝖
懙㏁䛺棱處
ġġġġġġġġ
࣡שዮࡀࡀȂޠשଽ ᓬڨףѵΩፑᔟޠΩ ЩҔளৰȂ֊ٻሇ ཌྷޠኢȂηཽആԚᝓ २ޠଽȂ፝ᔔᔔשᗘ ռᇅᔣኢȄġġġġ TUBSUʈ
⎕㜇處虌虐虋虋
+!婬僽⪶䉉5/4▚虇Bspje亊伀
愛不罕見_手機遊戲
/
希望透過此遊戲,讓國小學童認識這些常出現在校園裡的罕見疾病的兒童,並且學會給予關懷與 幫助,能過透過簡單的點擊、滑動,就能就了解這些疾病的徵狀,和在日常生活中,該如何幫助這 些小朋友在校園中更安全,達成有友善的校園環境。
57│ Mobile Game
角色設計
/
在統計的數據中,苯丙酮尿症、玻璃娃娃、泡泡龍症、軟骨發育不全症、小胖威利,這幾種罕 見疾病是在12年國民教育中,最常在校園出現的罕見疾病的,我們依據每一種疾病的病徵 去設計的角色。
苯丙酮尿症 玻璃娃娃
泡泡龍症
小胖威利
軟骨發育 不全症
58│ Mobile Game
關卡、場景設計
/
福利社 /
利用點擊拖曳的方式,將小胖威利手中 的糖果餅乾滑開。
教室 /
利用點擊拖曳的方式,阻止同學將食物 拿給苯丙酮尿症的同學。
走廊 /
利用點擊拖曳的方式,操控玻璃娃娃的 同學閃躲在走廊上的其他同學。
59│ Mobile Game
關卡、場景設計
/
林蔭大道 /
利用點擊的方式,讓泡泡龍症的同學能夠 走在樹蔭下,順利走到教室。
圖書館 /
利用點擊的方式,幫助軟骨發育不全症 的同學拿到他想拿的書籍。
暫停選單 /
在遊戲中暫停鍵點擊後的介面設計。
60│ Mobile Game
烤拉OK
我
曾參加的活動
ritalin / 工設系 410104100 我的好友
曾參加的活動
104 年 4 月 28 號
...................... ................................. .................................
17:30 - 21:00
河濱公園
4/18
倒數
詳細內容
...................... ................................. .................................
..................................................... ............................................. ................................................... ................................................
25 C ...................... ................................. .................................
烤拉OK 倒數 10 天 SUN
MON
TUE
WED
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Like Join Share
參加的人有...
評論
THU
FRI
倒數設定
登出
通知
...................... ................................. ................................. .................................
OOO 和 聖誕晚會。
BBB 開始追蹤你。
...................... ................................. ................................. .................................
我 我的訂閱
410104100
4/18
最新
我的好友
曾參加的活動
AAA都邀請你參加
聖誕晚會 報名就快截止了, 只剩 8 天喔!
...................... ................................. ................................. .................................
ritalin / 工設系
XXX 剛加入promoter,來揪他一起 參加活動吧!
...................... ................................. ................................. .................................
...................... ................................. .................................
SAT
最熱門
25 C
烤拉OK 倒數 10 天 SUN
MON
TUE
WED
THU
FRI
SAT
5
6
7
8 1
9 2
130
141
...................... ................................. .................................
性質 ...................... 主辦單位 ................................. ................................. .................................
校服徵稿 活動內容有更動喔! 趕快來看看吧! CCC 也跟你一起評論了 聖誕晚會。
...................... ................................. ................................. .................................
...................... ................................. ................................. .................................
T-ISSUE大同大學活動宣傳APP / 為了解決學校中的活動舉行時,經常不被學生們得知的問題點,進而進行設計調查、制定APP 機制、反覆實驗所產生的APP設計(模擬)。
61│ Productivity Tools
WHY
HOW
因為學校明明有很多活動 學生卻老是收不到資訊
所以該如何使學校宣傳的更好
由調查資料收集發現
絕大多數的受試者接收訊息的方式 源自”朋友分享”和”FB”
由此希望結合兩者發展APP
62│ Productivity Tools
調查資料整理 / 參 與 過 ”學 校 ”的 那 些 活 動、與 其 得 知 之 管 道 ?
參與過的活動
你平常常用的得知訊息的管道
管道
25 20 15
聖誕舞會 社團活動
同學朋友
演唱會
海報
校慶校運
5
師長
參 與 過 ”系 上 ”的 那 些 活 動、與 其 得 知 之 管 道 ?
0
校網
師長
25
期末展
宿營
FB
搜尋引擎 朋友同學
10
舞會
海報
電視
15
期末期初大會
系統
非主流網站
20
系考
同學
你所知道的管道
管道
參與過的活動
10
FB
同學朋友
FB
海報
學校
師長
信箱
5
宿舍廣播
海報
0
FB
你希望如何得知活動訊息?
習慣使用之順序
FB(91分)→手機(56分)→EMAIL(29分)
FB
63│ Productivity Tools
手機
APP
校門口
信箱
海報
WHAT
APP架構圖 /
全部追蹤
好友連動 OOO XXX AAA
XXX 012345678
姓名
BBB CCC
學號
DDD
Login 暫時不用,謝謝
CCC 確定
通知
我的最愛
我 ritalin / 工設系
XXX 剛加入promoter,來揪他一起 參加活動吧! OOO 和 聖誕晚會。
...................... ................................. .................................
...................... ................................. ................................. ...................... ................................. .................................
410104100
AAA都邀請你參加
4/18
聖誕晚會 報名就快截止了, 只剩 8 天喔!
SUN
聖誕晚會 性質
活動 使用者 主辦單位
XX
時間
...................... ................................. ................................. ...................... ................................. .................................
...................... ................................. ................................. .................................
...................... ................................. ................................. .................................
訂閱中
XXX
訂閱中 訂閱
XX
訂閱中 訂閱
BXXX
...................... ................................. .................................
訂閱
我的訂閱
我的訂閱
最新
最新
最新
最熱門
最熱門
最熱門
性質 ...................... 主辦單位 ................................. ................................. .................................
...................... ................................. .................................
性質 比賽 展覽 ...................... ................................. 文藝 娛樂 ................................. 公益 講座 .................................
...................... ................................. .................................
活動 使用者
...................... ................................. ................................. .................................
聖誕晚會
4/18
性質
烤拉OK
...................... ................................. ................................. .................................
...................... ................................. ................................. .................................
...................... ................................. ................................. .................................
...................... ................................. ................................. .................................
超級先聲
教務處
104 年 4 月 28 號 河濱公園
學術
詳細內容
藝文
展覽
公益
娛樂
...................... ................................. ................................. .................................
...................... ................................. ................................. .................................
時間
...................... ................................. ................................. .................................
...................... ................................. .................................
...................... ................................. ................................. .................................
17:30 - 21:00
..................................................... ............................................. ................................................... ................................................ ...................... ................................. .................................
參加的人有...
...................... ................................. ................................. .................................
..................................................... ............................................. ................................................... ................................................ .............................................. .............................................. .............................................. ....................................................... ....................................................... .......................................................
社團
活動 使用者
時間
徵稿
徵才
...................... ................................. .................................
20
21
22
23
24
25
26
27
28
29
30
我
編輯資料 我的檔案
ritalin / 工設系 410104100
我的好友
照片 我的好友
曾參加的活動
25 C
4/18
評論 ...................... ................................. ................................. .................................
點一下編輯
25 C
暱稱
ritalin
烤拉OK 倒數 10 天
SUN
MON
TUE
WED
THU
FRI
SAT
SUN
MON
5
6
7
8 1
9 2
130
141
5
6
TUE
WED
THU
FRI
SAT
7
8 1
9 2
130
141
目前沒有活動。
倒數
報名資料 姓名
林品均
系級
工設系3A
學號
410104134
電話
0920000000 完成
詳細內容
講座
...................... ................................. .................................
18
19
尚志獎學金
...................... ................................. ................................. .................................
主辦單位
...................... ................................. .................................
11
17
烤拉OK 倒數 10 天
...................... 主辦單位 ................................. ................................. 各處室 .................................
運動
主辦單位
4
10
ritalin / 工設系
比賽
娛樂
SAT
3
9 16
主辦單位
...................... ................................. ................................. .................................
聖誕晚會
FRI
2
8 15
410104100 曾參加的活動
宿舍 系所 社團
運動 學術 徵才 徵稿
THU
7 14
倒數設定
104 年 4 月 28 號 - 5 月 28 號
性質
WED
6 13
我 我的訂閱
已顯示所有搜尋結果。
...................... ................................. ................................. .................................
TUE
5 12
...................... ................................. ................................. .................................
活動 使用者 XXA
MON
1 校服徵稿 活動內容有更動喔! 趕快來看看吧! CCC 也跟你一起評論了 聖誕晚會。
...................... ................................. ................................. .................................
25 C
烤拉OK 倒數 10 天
BBB 開始追蹤你。
...................... ................................. .................................
我的好友
曾參加的活動
倒數
104 年 4 月 8 號
17:30 - 21:00
宿舍
倒數
詳細內容 ..................................................... ............................................. ................................................... ................................................
Like Join Share
參加的人有...
評論
Like Share
...................... ................................. .................................
Join
...................... ................................. .................................
我的好友 粉絲
訂閱中
Like
Share
我的好友
曾參加的活動
粉絲
訂閱中
XXA
訂閱中
aaA
被訂閱中
XXX
訂閱中
bnm
被訂閱中 訂閱中
XX
訂閱中
efb
被訂閱中 訂閱中
BXXX
訂閱中
BXXX
被訂閱中 訂閱中
喜歡的人有...
已顯示所有。
評論 ...................... ................................. ................................. .................................
已顯示所有。
...................... ................................. ................................. .................................
64│ Productivity Tools
UI
1. 利用進階搜尋的”活動”及”使用者”的標籤來找尋活動 進入首頁
...................... ................................. ................................. ...................... ................................. .................................
...................... ................................. ................................. .................................
2.
...................... ................................. ................................. .................................
利用拉頁中的標籤找尋該類的所有活動
進階搜尋
聖誕晚會
性質
/
向左拖曳出拉頁
聖誕晚會
活動 使用者 主辦單位
時間
比賽
講座
徵稿
運動
徵才
學術
藝文
展覽
公益
娛樂
...................... ................................. .................................
...................... ................................. .................................
...................... ................................. ................................. .................................
...................... ................................. ................................. .................................
娛樂
活動 使用者 主辦單位
...................... ................................. .................................
時間
...................... ................................. ................................. .................................
...................... ................................. .................................
...................... ................................. ................................. .................................
...................... ................................. ................................. .................................
我的訂閱
我的訂閱
最新
最新
最熱門
最熱門
性質 ...................... 主辦單位 ................................. ................................. .................................
...................... ................................. ................................. .................................
...................... ................................. .................................
性質 ...................... 主辦單位 ................................. ................................. 各處室 .................................
宿舍 系所 社團
...................... ................................. ................................. .................................
...................... ................................. ................................. .................................
活動頁面中,有活動簡介、評論、即將參加的朋友、參加鍵、分享鍵、喜愛鍵
活動頁面
烤拉OK
超級先聲
尚志獎學金 104 年 4 月 28 號 - 5 月 28 號 教務處
倒數
詳細內容
104 年 4 月 28 號
17:30 - 21:00
河濱公園
倒數
104 年 4 月 8 號
詳細內容 ..................................................... ............................................. ................................................... ................................................
17:30 - 21:00
宿舍
..................................................... ............................................. ................................................... ................................................ .............................................. .............................................. .............................................. ....................................................... ....................................................... .......................................................
倒數
詳細內容 ..................................................... ............................................. ................................................... ................................................
Like Join Share
Like Join Share
參加的人有...
參加的人有...
喜歡的人有...
評論
評論
評論
65│ Productivity Tools
Like Share
4.
3. 在我的最愛檢視按過LIKE的活動
活動及朋友間的相關動向
我的最愛
通知 我的最愛
通知 XXX 剛加入promoter,來揪他一起 參加活動吧! OOO 和 聖誕晚會。
AAA都邀請你參加
聖誕晚會 報名就快截止了, 只剩 8 天喔!
...................... ................................. .................................
BBB 開始追蹤你。
...................... ................................. .................................
校服徵稿 活動內容有更動喔! 趕快來看看吧! CCC 也跟你一起評論了 聖誕晚會。
...................... ................................. ................................. .................................
5.
...................... ................................. ................................. .................................
*色塊分類標定
在個人頁面的行事曆上檢視每個活動的狀態
我的主頁
資料設定 我
編輯資料
ritalin / 工設系
我
照片 我的好友
曾參加的活動
4/18
活動整合行事曆
我的檔案
410104100
暱稱
4/18
ritalin
烤拉OK 倒數 10 天 SUN
MON
TUE
報名資料
THU
FRI
SAT
1
2
3
4
姓名
林品均
系級
工設系3A
學號
410104134
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
登出
ritalin / 工設系
ritalin / 工設系
410104100
410104100 我的好友
25 C
4/18
倒數設定
電話
SUN
5
0920000000 完成
MON
6
TUE
7
410104100 我的好友
曾參加的活動
25 C
4/18
烤拉OK 倒數 10 天
25 C
烤拉OK 倒數 10 天
WED
THU
FRI
SAT
SUN
MON
TUE
WED
THU
FRI
SAT
SUN
MON
TUE
WED
THU
FRI
SAT
1
2
3
4
5
6
7
8 1
9 2
130
141
5
6
7
8 1
9 2
130
141
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
登出
ritalin / 工設系
我的好友
曾參加的活動
烤拉OK 倒數 10 天 WED
我
我
曾參加的活動
點一下編輯
25 C
當日活動 喜歡的活動當天日期
參加的活動當天日期 喜歡的活動報名截止日
目前沒有活動。
倒數設定
66│ Productivity Tools
video design 69-motion graphic
M otiio n Graph ic
桃園就業中心_宣傳影片(動態製作) / 為桃園就業中心所製作的Motion Graphic影片,用來說明就業中心能夠帶給民眾的服務以 及用處有哪些,此作品隸屬於深擊服務設計有限公司,主要負責動態製作。
(掃描觀看)
69│ Motion Graphic
企
業
70│ Motion Graphic
Interactive design
發想 我們從台北的特色中發現,台北就像是台灣的心臟一般,推動著台灣的運轉,而 我們在台北和心臟之間找尋關聯性。
核心
台北
設計理念
命脈 活力 血流
心臟
/
台北,一個新興的國際化城市,像是個新生兒一般,充滿著生命力,台北的
人們每天積極進取,努力工作,造就了台北不斷的進步,如同血管中的紅血 球,不斷地為台北注入生命力。
互動理念
/
將台北化為一顆心臟,使用者可以使用聽診器來聆聽台北的聲音,並且藉由 觀看螢幕上的心電圖,感受台北努力積極的心跳, 從聽診的互動過程中,
互動者將可以體驗到探索台北的趣味性,並且感受到積極工作產生的快速 繁忙以及環境音帶來的生命力。
74│ Interactive Design
外觀設計(3D建模示意圖)
/
我 們 將 台 北 的 地 圖 簡 化、設 計 後,看 起來像是一顆倒過來的心臟。
將圖面傾斜,讓使用者能夠一邊看著 地圖和畫面中的心電圖,在造型上也 參考了醫療用的心電貼片,讓畫面和 地圖之間增加連結性。
75│ Interactive Design
心電圖畫面設計 /
我們在地圖上設置了幾個地點,隨著每個地方的聲音大小頻率不同,波動會 產生不一樣的起伏,右上角的數字隨著聲音大小進行高低變化,就像是每個 地方的活力指數。
76│ Interactive Design
互動操作
/
1 2 3 使用者戴上聽診器
77│ Interactive Design
將聽診器服貼在地圖上
聆聽聲音和心電圖的起伏
裝置操作展示 /
78│ Interactive Design
「你準備好下次的改變了嗎?」
發想 一開始,由日記法中蒐集日常周遭的各種元素,來做為發想的來源,最後分類、歸納後找 出關鍵字,並從關鍵字繼續發想。
最後從人生中的脈絡中找出了三個關鍵字「選擇」 「改變」 「結果」, 而它們是有時間性且 息息相關的三個狀態。
改變
選擇
設計理念
結果
/
在人生中我們無時無刻都在選擇,但我們總是對不知道的未來感到迷惘、 害怕, 但唯有 不斷地改變自己才能夠往前走,無論結果的好壞,那都是造就著每一個人的東西。
互動理念
/
在一開始,用對話的方式讓使用者接下一個任務, 為了完成任務, 使用者必須不停地做出
選擇才能向前進,隨著使用者在過程中做出不同的選擇,最後出現的結果也會不一樣,在
過程中,希望使用者能了解只要不停選擇、往前進才能改變自己, 無論最後的結果是如何。
80│ Interactive Design
人體物質 基因符號
畫面設計
/
每 個 使 用 者 經 過 操 作 會 釋 放 出 一 個 人 體 物 質 在 畫 面 中 央, 物質會開始不停地突變、 轉化使用者要透過選擇不同的基
因 符 號 來 改 變 物 質,最 後 物 質 會 依 據 使 用 者 的 選 擇 破 繭 出 不同樣貌的島嶼。
81│ Interactive Design
Leap Motion
互動方式
/
透握Leap Motion用手部抓取的動作讓使用者直覺 地去操作,同時更貼近一般人在選擇時的動作。
82│ Interactive Design
物質變化設計
/
從白色、圓形為一個最基本的單位,以起伏、 頻率的感覺做變形。
83│ Interactive Design
物質動態 /
84│ Interactive Design
物質破繭動態
85│ Interactive Design
/
島嶼設計
/
隨著每個使用者所選擇的不同基因符號 , 物質會破繭出相對應 的島嶼島嶼設計風格差異大,希望做出每一個組合的差異性,幾 何且奇幻的設計。
86│ Interactive Design
裝置展示 /
87│ Interactive Design
周邊產品_AR明信片 /
88│ Interactive Design
contact me 0910-609-671 mavis8859@gmail.com