W h e n yo u re a c h fo r t h e s ta r t s yo u m ay n o t q u i te ge t o n e ,

b u t yo u wo n ’ t co m e u p w i t h a h a n d f u l o f m u d e i t h e r.

L e o B u r n e tt

伸手摘星，即使徒勞無功，也不致滿手污泥。

01 Interaction design02 Animation03 Web design

04 Graphic design

05 Illustration

About me!

徐歆婷，1990年10月20日新竹出生，2009年以非本科系之姿踏入設計領域，

2014年畢業於國立雲林科技大學數位媒體設計系，擅長2D插畫、動畫製作，

喜歡在生活中添加樂趣調劑，對互動設計有極大興趣，因此在畢業製作中玩

出了一個大型遊戲機台，負責統領整體視覺及動畫。

設計是個不斷探索問題、挖掘內心渴望的過程，我喜歡跨領域合作的專案項

目，也多次與程式設計師配合完成作品，因為厭煩單一的工作，所以喜歡將

一天的時間切割為設計圖像以及製作動態，並撥點時間研究視覺程式。當感

到設計倦怠，我喜歡透過游泳、在湛藍漣漪中享受時間暫停，並與好友夜拍

找尋更多未知的光軌。

目前努力精進After Effect的學習並製作 Motion graphics，未來希望將它的美

好呈現在專案之中。

0936523950 xiah784533@gmail.com新竹縣湖口鄉中美路61號

DODO　HSU1990/10/20 | from Hsinchu

徐

歆

婷

Painter 90Flash 80Photoshop 80Illustrator 80After Effect 60

2006 新竹縣立湖口高級中學 資料處理科 Hsinchu County Hukou High School Information System

2009 國立雲林科技大學 國際專案管理學位學程 National Yunlin University of Science and Technology International Project Management

2010 國立雲林科技大學 數位媒體設計系 National Yunlin University of Science and Technology Digital Media Design

得獎紀錄 \

2012 高雄市政府數位創意平台 2D插畫 優選

2010 澎湖意象創意公仔設計大賽 佳作

2008 海巡署新世紀海報彩繪 佳作

參展紀錄 \

2014 放視大賞展覽_WATERMAN 泳池暖身互動裝置

2014 雲林科技大學校內展_WATERMAN 泳池暖身互動裝置

實習紀錄 \

2011 希爾設計有限公司 實習兩個月

參與工作坊\

2014 OpenHCI 人機互動工作坊

學歷

Education

Skills

經歷

專業

Experience

Interaction design 互 動 設 計

Waterman

Avenger pig

Snowball

ZONE

01 Waterman

從「數位互動」的方向出發，最後以游

泳前的暖身為主題，將互動裝置的娛樂

性帶入體育性質的活動中，希望能藉此

將數位內容與運動做一個結合。

部分的泳客在著裝完後，會在池邊做簡

單的伸展再下水，但也有泳客馬上在池

邊做適應水溫的動作後直接入水；沒有

做暖身即刻劇烈運動時，發生扭傷及抽

筋的機率增加，而在氣溫偏低的冬季更

容易發生。

鑒於實地觀察結果，希望能改善泳客下

水前不做暖身操或是因一般泳客對於暖

身未有研究以至動作不明確、未有實際

幫助的情況，藉由此互動裝置能獲得改

善，同時添增運動時樂趣。

徐歆婷 |整體視覺規劃 /介面設計 /動畫製作

王若晨 |企劃統籌 /文案撰寫 /展場規劃

李宜臻 |創意發想 /場景設計

Interaction design 2014/ 04 www.behance.net/gallery/16531009/WATERMAN

驚 奇 水 超 人

泳 池 暖 身 互 動 裝 置

徐歆婷 |整體視覺規劃 /介面設計 /動畫製作

王若晨 |企劃統籌 /文案撰寫 /展場規劃

李宜臻 |創意發想 /場景設計

透過 K i n e c t 偵測人體骨架後，使用者化身Ｗ a t e r m a n ，

操控畫面中英雄角色進行體感遊戲，共分為四個關卡，提

升泳客在下水前對四個泳式暖身姿勢 (自由式、蛙式、仰

式、蝶式 )的熟悉度，實際與畫面中英雄做出相對應的動

作擊殺小怪，不知不覺中充分進行暖身，並增添暖身運動

的樂趣。

使用者操作說明

www.behance.net/gallery/16531009/WATERMAN

02

RED BABY

THOR WOLFSTORM

IRON

Avenger pig 復 仇 豬 聯 盟

行動裝置

x

多螢幕互動

www.behance.net/gallery/16706609/Pig2014/ 02

透過 WIFI 將行動裝置與大螢幕畫面連動，

在多螢幕多人互動模式之下，玩家各自選

擇一隻英雄角色，為了追擊目標，英雄們

將從行動裝置躍上大螢幕，並組成一個聯

盟合作遊玩，並達到交友，娛樂的效果。

03 Snowball

徐歆婷|視覺設計 李宜臻 |程式設計

Interaction design 2013/ 12

隆隆雪山上住著一隻雪怪，名叫呼呼，他最喜歡冬天，還有冰淇淋。他擁有呼喚暴風雪的能力，只要他一怒吼，

就能讓整座雪山飄起陣陣大雪。 大人們畏懼這頭白色野獸，總是告誡著他們孩子，冬天到了，就不要出門亂跑，

不然雪怪打個哈欠，你就被雪捲走了！－－但孩子們哪怕呼呼呢？沒有呼呼，哪有這麼有趣的雪仗好打？特別是跟

呼呼要好的貝爾，只有他能坐在呼呼的肩膀上，兩人一國，用雪球砸爆其他小朋友的臉！

你準備好與呼呼、貝爾一起奮勇怒吼，狂砸雪球了嗎？

雪 怪 打 打

麥 克 風 互 動 裝 置

https://www.behance.net/gallery/16606323/Snowball

遊戲開始，呼呼背著貝爾在雪道上滑行。

一路上有許多躲藏在樹後面準備突擊你的

小朋友。

⊕當貝爾頭上冒出驚嘆號，表示他注意到

這棵樹後的小朋友了，先發制人賞他一顆

雪球吧！

［驚歎號出現，按下左／右的方向鍵，即

可朝該方向丟雪球。］

⊕覺得滑行太快而難以瞄準嗎？讓呼呼大

怒吼招喚暴風雪吧！風雪拖著呼呼與貝爾

減速滑行，讓他們在結著冰霜的山道也能

易如反掌的攻擊小朋友。

［你可以隨時對著麥克風怒吼，讓滑行的

速度變慢些；怒吼愈大聲，滑行速度就會

愈慢。］

⊕結束了這場雪仗，你可以看到你的雪球

擊倒多少小朋友。

04 OpenHCI 2014 / ZONE

TA 林家宏 姚紀徽

林湧達 |程式設計 王咨驊 |企劃撰寫

蘇奕文 |機構設計 黃健崴 |機構設計

徐歆婷 |影片製作 呂宜蒨 |企劃撰寫

Interaction design 2014/ 07

主題發想|

生活中存在著許多的空間，儘管空間是不變的，但是人對於空間改變時卻有著不同的反應。

人都有屬於自己身體的舒適圈，它會隨心情與環境變化時大時小、時強時弱。邊界的存在表示人與環境尚未完全

熟悉，即為空間 l a g ，當人與環境完全熟悉和習慣後， l a g 消除，邊界消失後空間也不存在了。

設計理念|

體現不同的人對於彼此舒適空間存在的認知差異，所以創作 Z o n e 來體現此現象的互動設計。

Z O N E

o n c o m f o r t z o n e ● u n - c o m f o r t z o n e

http://youtu.be/fnnVrGzC-VY?list=PL5Zz58VdLY58uBwq-HVFq5-maZzlgaJZ2

Animation 動 畫

偷快管家

MonMonAn

01 偷快管家

Animation 2012/ 05

2D角色動畫

偷快管家是個使用Painter製作的手繪動畫，著重在角色逗趣表演，主角是個表面上看似認真做

家事的小管家，突然來個大逆轉！趁著主人熟睡之際，悄悄的把主人家當都偷光啦!!

徐歆婷| 腳本/角色設計/動畫製作

王若晨| 動畫剪輯

http://youtu.be/a61ieU0pKSc

02 MonMonAn

Animation 2012/ 05

2D角色動畫

以蒙德里安的圖為概念發想的實驗動畫，是個用illustrator以及flash製作的向量動畫，富麗

堂皇的豪宅內，住著一隻麻糬般的粉紅小怪物，有一天，一隻蝴蝶的到來，使得平日孤單的蒙蒙

安玩性興起，在一陣追逐之後，卻不小心把牠的新朋友吞下肚…

徐歆婷| 動畫編排/場景設計

李品翰| 腳本/場景設計/角色設計

http://youtu.be/v01tVspXqxg

Web design 網 頁 設 計

Rolling Macaca

Linnei

Beihe temple

羊 毛 氈 創 意 網 路 商 店01 Rolling Macaca

Web design 2011/ 05

BUY ME!

http://www.facebook.com/macaca2011

林 內 官 方 網 站02 LINNEI

Web design 2013/ 01

http://www.beihe.url.tw

竹 北 北 和 宮 官 方 網 站03 Beihe temple

Web design 2011/ 08

Graphic design 平 面 設 計

星聲

IRIS

多 人 互 動 音 樂 裝 置01 星 聲

Graphic design

星聲

Poster design 2014/04NYUST

https://www.behance.net/gallery/16810723/IRIS

專 業 精 品 清 潔 / 形 象 規 劃02 IRIS

IRISVI design 2012/07希爾設計

Illustration 插 畫

01

Illustration

Hello worldillustration2013/12NYUST

02

Helloweenillustration2013/12

Illustration

Girls talkillustration2010/04

03

03

I love my momillustration2012/05

04

04

05

All i need is you needing me.illustration

2012/08

Illustration

Annie & Tibbersillustration2013/04

06

06

Night catillustration2012/07

07

07

Picco & DODOillustration2012/04

08

08

Marry me!illustration2012/07

09

09

插 畫

插 畫

插 畫