01 關於我 About Momo 03 自傳 / 求學歷程 My Life 05 學業能力評估 Competency Assessment 06 報考動機 Motive 07 特殊經歷 Experience - 2014 第 33 屆新一代設計展 班級總召 - Dentsu 台灣電通暑期實習 - Red Dot Award 紅點設計大獎 2014 頒獎典禮觀摩
15 圖樣設計 Grapgic 19 畢業製作 Final Project/ 2D 平板遊戲 - 塔米.Time 27 名片設計 Cards 29 海報設計 Brochure 33 網站設計 Web 39 遊戲美術設計 Game Arts 43 書冊設計 Booklet 45 Logo 設計 47 3D 建模 3D Model
49 研究計畫 Research Plan 52 讀書計畫 Study Plan 53 在校成績 Transcript 55 佐證資料 Evidence
王韻涵 M om o Wa ng 0916 128 958 m246816@gmail.com 王小桃 http://www.facebook.com/m246816 國立臺北教育大學 ‧ 數位科技設計學系 古靈精怪、富創造力的水瓶座/兼容並蓄、處世圓滑的AB型
EXPERIENCE 就讀數位科技設計學系,自小對設計欲罷不能 擔任 2014 新一代設計展班級總召 Dentsu 台灣電通創意部門實習 獲師長指名擔綱系所官方網站與 Logo 設計 獲學姊推薦擔綱中央網學所之 Logo 設計 毛遂自薦加入工作團隊,擔任設計一職 砥礪自我、參與競賽,從事各類平面設計 小學三年級開始自學網站設計,三年內完成三款 完整網站 曾架設上市公司形象網站
AWARDS 2011 台北數位創作競賽/佳作 101 學年度系服設計/票選第一 102 學年度第二學期期末專題展 / 第一名 102 學年度第二學期期末專題展/人氣票選獎第二名 2014 4C 數位創作競賽 - 遊戲提案組 / 入圍 ( 複審中 )
PERSONALITY 獨立思考、精益求精、全力以赴 對事物充滿好奇、樂於嘗試新事物
SKILLS
累積接案經驗,熟習與客戶及團隊間的溝通 曾應邀擔任教學講師,主講繪圖軟體 SAI
EDUCATION 2011-2014 / 國立臺北教育大學 2000-2014 / 數位科技設計學系 2008-2011 / 臺北市私立東山高級中學 2005-2008 / 臺北市立中正國民中學
01 02
TOEIC 多益英語測驗 760 分 Adobe Photoshop Adobe Illustrator Corel PhotoImpact PaintTool SAI Adobe InDesign Adobe Dreamweaver Autodesk 3ds Max
★★★★★ ★★★★★ ★★★★★ ★★★★★ ★★★★☆ ★★★★☆ ★★★☆☆
這些,代表我! ‧ 科技 與 美 術 的 綜 合 體
長期就職於資訊業的爸爸、熱愛藝術富有天份的媽媽,造就了我。 小學三年級自學網站設計及 BBS 架設,並上線營運。 隨即學習影像處理、電腦繪圖等。 電腦+設計,我最喜歡。
‧ 嘗遍 天 下 不 怕 累 的 完 美 主 義 者 為追求理想中的效果,勇於嘗試,不輕易罷休。 花四倍的工時、捨棄十張成品,為換一個滿意的成果。 堅持品質,十分龜毛。
‧ 為熱 情 , 走 難 走 的 路
高中時不善理科,仍堅定著想就讀數位設計的信念,毅然踏入理組。 克服短處、飽受挫折的兩年,十分痛苦。 最終,在班級中以學測最高級分之姿,進入夢寐以求的數位科技設計 學系。 是匹超努力的黑馬。
‧ 懂程 式 的 美 術 人
因熱情所累積的網站基礎外, 就讀數位科技設計學系,涉獵理工相關課程。 曾多次與團隊合作設計 App 應用程式及遊戲參與競賽。 工程師與設計師,就像來自於兩個星球, 溝通是門大學問,而我擁有這個能力。
‧ 是藝 術 家 , 也 是 設 計 師 我熱愛展現只屬於我的獨一無二; 我同樣熱愛傾聽、分析需求,為他人完成心中的構想。 享用設計是幸福的,能設計更是。
02
自傳/求學歷程 1996 | 09.2005
學齡前 至 小學
‧初 ‧出 初茅 出廬 茅-- 廬 -自 -小 自因 小熱 因情 熱自 情學鑽研 自學鑽研
長期從事資訊業的父親+獨鍾且富藝術才華的母親=熱愛資訊及設計的我。 小時即受到薰陶,學習素描、漫畫等,特別喜愛動手創作。喜歡閱讀、吸收新知, 對事物充滿了好奇,總積極地尋求問題的解答。 三歲接觸電腦;國小三年級因興趣自行購書開始自學 FrontPage 網站設計, 以網路資源 ApeSkin 軟體架設出留言板及討論板,擔任班級資訊股長,運用 Namo WebEditor 架設班級網站。曾被推派參加電腦作文比賽。 至小學畢業前共完成三款完整網站(皆可正常上線營運)。 為了在網站上忠實地呈現自己的設計構想,期間對 HTML 及 CSS 語法反覆鑽研、 有所了解,在嘗試中獲得喜悅及成就感。 不僅在設計層面有所學習與發揮,對語法的基本判讀及修改亦奠定了基礎。 善解人意的個性使我和同學相處融洽,數次獲頒最佳人緣獎。班導曾說我是她 心目中的模範生;朋友們說我是最值得信任及懂得傾聽的對象。
09.2005 | 04.2011
國中 至 高中
‧立 ‧定 立設 定計 設志向 計 志, 向堅 ,持 堅初 持衷 初克 衷服難關 克服難關
開始因興趣接觸電腦繪圖及美工特效的製作。 對於 PhotoImpact 已十分純熟,無論是照片編修、特效製作及各式影像處理。 曾為班上同學設計一系列即時通大頭貼。開始接觸 PhotoShop,嘗試匯入自己 的創作手稿上色。 國、高中階段仍擔任資訊股長,建置班網,並擔任小老師解除同學的疑難雜症。 高中時,就讀私立東山高中,學習更有效率地規劃時間,並集中心力在課業上。 為父親的創業公司設計並建置公司形象網站,至今仍正常營運中。 於升學階段,堅持著想專攻數位設計的信念,即便不善理科,毅然選擇理組, 為目標努力不懈。不擅長的領域我不會逃避,而是踏實地補強。在辛苦學習的 過程中也培養了我的耐心、定力和意志力。 從曾經的吊車尾躍升學測第一高分,苦盡甘來,進入夢寐以求的第一志願-- 數位科技設計學系。
03 02
04.2011 | 現今
大學
‧夢 ‧想 夢啟 想程 啟,爭取機會,學習並發揮自我 程,爭取機會,學習並發揮自我 ‧ 大一
學期尚未開始,即寫信向系上學長毛遂自薦,抱著熱情加入工作團隊學習。 起初擔任系上教師的數位典藏平台網站之管理與編輯,爾後擔任設計一職。 曾運用 PS 為系所設計多張海報、運用 AI 為團隊設計名片,並與團隊合作接案 從事網站設計,頻繁地與客戶溝通洽談,案子中皆擔任全美術設計、與學長姐 參與 2011 台北數位創作競賽 --手機加值應用創作組,榮獲佳作(負責全美 術部分含 UI 等)。 系服徵稿作品以壓倒性票數獲得採用。 ‧ 大二 熟習 Dreamweaver,完成一個人網站;資料庫課堂中,以 DW 設計前端入口網 站並嘗試與自行撰寫的資料庫結合,供使用者操作及運用。 與同學組隊報名巴哈姆特 2013 ACG 創作大賽(遊戲設計競賽),擔任美術要職, 配合可愛童趣風格的主題,設計主角與各種動物方塊(2D 圖像)。 摸索熟悉繪圖軟體 SAI,被應邀至系上營隊主講 SAI 之操作及應用課堂。 ‧ 大三 與同學組隊共同企畫 2D 解謎遊戲,報名 2013 - 4C 數位創作競賽(遊戲設計競 賽),擔任美術要職,設計遊戲畫面以及使用者介面。 畢業專題起步,自行研讀摸索 3ds MAX。多次主動向前輩請益,只願呈現理想 作品,但因較偏向從事 2D 走向,最終決定負責模型貼圖及遊戲 UI 的繪製。 著手進行畢業專題製作,除參與遊戲企畫外,負責圖稿上色、角色設計、使用 者介面設計等。 毛遂自薦加上班級推選之下,接下新一代設計展總召一職,實踐了許多創舉, 也學習到如何領導、溝通以及縝密周詳地規劃事務。 十分榮幸獲師長指名,擔綱系所官方網站之主美術設計。 獲學姊推薦,接下中央網學所 logo 設計一案(製作中)。 暑假時,有幸至台灣電通創意部門實習,學習到廣告人「時時更新」的人生觀, 以及廣告的製作流程與部門溝通,也參與了創意發想。
04
學業能力評估 本系所學十分多元,設計課程僅佔部分。 以科技為主軸,囊括電子、程式與設計等,積極培育跨領域人才。 專長為設計的我,表現一直維持水準之上。 除了嘗試程式設計、電子電路等理工科目外,我對於商業行銷、心理學方面也十分有興趣, 並自主修習相關課程。
100
90
81.5
89.6
10
9
1
82.9
85.2
82.8
89.1
10
各學期班排名趨勢走向
80
20
20 70
24
系所前期偏向通才教育,後期專業選修居多。 30
26
28
60
班上人才濟濟,風氣十分優良。時常舉辦讀書 會、大家群聚一堂寫程式,相互扶持砥礪。 非常有幸能在如此的環境下學習。
40
100-1
100-2
101-1
101-2
102-1
102-2 學期班排名
學期平均
100
90
100
專題課程
96
93
我的專題指導教授為王學武教授, 專長為遊戲設計及 3D 動畫設計。
80
70
60
97 90
91 85
80
王老師為系上公認求好心切、細心 用心的老師,對於學生總是視如己 出、傾囊相授,也相對要求。
70
而對於我們這組,他十分肯定!
60
畢業專題 (一) 畢業專題 (二)
80
策略行銷
行銷與生活
專題成績
100
97
90
89
高科技產品行銷
商業相關學科成績
100
90
心理學
98
95 91
90
91
90
93
94 90
80
70
60
設計概論
色彩學
數位影像技法
電腦繪圖
設計心理學
數位互動設計
多媒體設計
數位遊戲 設計概論
設計相關學科成績
05 02
素描
人機介面設計 數位學習 媒體設計 品牌美感 美術工作坊 與創意的 故事
報考動機
自高中時即奠定志向,在一番努力後也如願進入數位系就讀。對我而 言,這三年來的感受與深厚情感,是他校所無法比擬的。 數位系給予我像家庭般的溫暖,傾囊相授、懷抱展望的師長們,總是 爭取機會讓我們享受到最好的學習福利;學長姐的提攜與經驗傳承、同儕 之間的合作與相互切磋,都是我熱愛數位系的重大要素。優良的學習環境、 豐富的資源及向上的風氣,讓我能隨時獲取新知、涉獵新的領域,能身在 數位,一直是我的幸福與驕傲! 我欲報考創意設計組。於數位系多元的學習與摸索後,我了解自身終 究想從事設計專業,並飽含著強烈的學習動機與期待。 我期待在玩具與遊戲設計碩士班更深入探討數位互動設計、人機介面 及專業設計之領域。對我而言,設計除了美觀,更須著重的功能與適切性。 除了基礎美感與創意外,我想學習、探討比外表更深層的內涵,無論是與 行銷結合,亦或是使用者與設計的互動,都讓我十分好奇、想深入探究。 我對使用者經驗及介面設計尤其感興趣。我過去所負責的工作中,許 多是使用者介面的設計,而我認為 UI 設計並不僅是著重造型,它是人與物 品對話的窗口,也在無形中深刻影響著人對它的觀感與評價。 我想更深入瞭解使用者的認知與生、心理的反應及變化,遵循其中的 道理,創造出更便於使用的系統與配置。 在我國大專院校中,研究人機介面的系所及課程不多,但我認為這方 面攸關生心理,加上物品本身的兩方互動,是非常有趣而值得探討的,我 殷切期盼能在玩遊索豐沛的資源下,讓我在這一領域深入的探討與了解。 我非常期待能配合教授們的指導,結合個人所長與基礎,在此學習、 嘗試更深層的解剖與分析,回饋母校,並達成造福世人的期許與夢想。
06
Dentsu 台灣電通暑期實習 今年暑假十分有幸獲得在台灣電通的實習機會,一窺廣告業的神秘面紗。 我如願被分派到創意部門,在為期一個月的時間內,學習當個創意人!
初來乍到。
實習第一週進行了為期三天的 教育課程,讓實習生們初步了解電 通的企業精神及廣告的製作流程, 其中不乏許多大膽而成功的創意案 例分享,直至提案技巧、客戶溝通 與心態分析等都做了精闢而生動的 介紹。令我對於產業脈絡與規劃的 縝密性感到驚豔,也對廣告業有了 全新的觀感。 每一則廣告都包裹著科技、人 性、預算、創意手法、產品價值、 市場分析、行銷策略、品牌形象與 記憶點,原來,做廣告一點也不簡 單!
關於電通。
教育課程,講解「電通鬼十則」
「電通鬼十則」是「電通人」 所奉行的指標,充分展現了日本企 業嚴謹紮實、勤奮而堅持的工作精 神。而我十分喜愛電通強調「百人 百色」的理念,他們重視每一個人 的個人特質,期許每一位廣告人都 能展現自己獨一無二的長才與個人 魅力。
百人百色,展現屬於自己的本色
07 02
新體驗 :D ‧ 創意發想演練 我遵循著客戶資訊及廣告媒介發 想合適的靈感。除了需緊扣需求、形 象、商品賣點等,打動人心的創意是 不可或缺的。 我共得到一個平面與電視廣告的 發想,藉由搜尋資料、參考案例藏書, 我將能利用的元素記錄下來,加上對 案例本身的分析及聯想,畫成樹狀圖 歸納起來。
構想歸納與紀錄
我發現,當以一個概念出發的靈 感已達窮途末路時,試著從不同層面 觀察並產生聯想,頓時豁然開朗。例 如「洗了十次的 ( 黑色 ) 衣服仍看起 來像新的一樣」,我試著發想到另一 個概念──「鎖住衣服的黑色素」, 即產生了許多新想法與呈現方式。
‧ 團隊內部提案與分享
每週實習日誌
有幸能參與會議聆聽先進們的創 意與建議。他們的點子緊扣著客戶調 性、符合商品訴求、兼具創意及執行 性,務實而有趣。相較之下剛入門的 我還在自由發想的階段,需要學習更 切合實際面及客戶的喜好,但這仍是 很棒的學習經驗。 經過主管的提點的確產出更多發 想,與前輩們對照之下也更了解自己 不足的部分、真正的商業需求所需具 備的要素與品質。
‧ 參與跨部門會議 參與組內與營業部門的會議,聆 聽到不同專業角度的考量與建議。以 統計與理論的角度擬訂廣告的呈現方 式與創作手法,同時也學習到在地市 場的客群分析與其他統計結果。
‧ 新人招募 &實習生企畫案發想 企劃書報告
實習生想在實習中得到的即是在 學校得不到的東西。 做廣告需要各部門的合作,我認 為讓每位實習生模擬各部門並共同合 作是既實際且有效的學習方法,同時 能向主管請益專業的處理方式。 新人招募方面,電通廣招各方人 才,但在廣告界以外的知名度不高, 我認為多推廣公司形象及成果有助於 招募更多領域的人才。同時這份功課 也訓練我思考、組織及表達的能力。
08
亦師亦友! 我的主管,廣告資歷 22 年的他,是個「框架外的實踐者」。 能在天馬行空的創意中恣意遊走,卻總能緊扣著打動人心的邏輯。 在他身上,我看到的是一個比我靈活、年輕而創意無限的靈魂; 他所帶給我的,是比任何知識更珍貴的人生態度。
‧ 層層遞進,篩出符合規格的創意 廣告不只需要創意,需要的是「有效益的創意」。 我的第一份差事是平面廣告的 idea 發想,幾個類似的 想法在腦中周旋,卻逃脫不出窠臼,又或著覺得不符合客戶 的需求與形象。 他與我分享,發想起初就困於限制便會導致創意盡失, 應先不受拘束的思考,再層層篩選、進而修改成符合需求的 好點子。
‧ 廣告人, 其實是明察秋毫、一葉知秋的大偵探! 我好奇關於靈感的捕捉,如何擁有源源不絕的好靈感? 廣告人需要觀察各類人群的生活方式,不停地更新自己 的思維,探討所有族群的價值觀與需求,嘗試著去接受接 觸,從心瞭解與理解。藉由各種層面發掘潛在的客戶需求, 「把自己當成客戶」,知己知彼,百戰百勝!
‧ 人生就是憑著一股衝勁 非本科系的他,憑著熱情踏入了這個園地,即便一度辛 苦、不被看好,如今他備受肯定;在一次契機下,他曾毫無 基礎地獨自飛到國外旅居數年,他說,那是他這輩子做過最 正確的決定。 他從心所欲、果斷地實踐自己想做的事,與一向優柔寡 斷、小心翼翼的我是兩個極端。他的經歷不由得讓我嚮往及 反思,未來有太多未知,但往後我會努力試著大膽嘗試所有 想做的事。
09
好夥伴們!
來自台灣、內地、加拿大、香 港等不同國家、不同系所的每一位 實習生都富有不同的氣質與生活經 驗。我們樂於交流彼此的文化、學 習彼此的語言,分享見識與體驗, 如同實際走訪了好幾個國家。 我們被分派到不同的部門,但 每天互相分享彼此的主管所交辦的 差事,一同腦力激盪,練習思考與 實做,迸發出不少想法與火花,同 時也建立了深厚的情感。 集思廣益,分享交流
滿載而歸。
受這一次的經驗洗禮,發現廣告業既迷人,又精細地令人咋舌。 「魔鬼藏在細節裡」,一支廣告需要準確的眼光、攝人的手法、 適當的媒介與對人性的了解。幕後的工作更是龐雜而環環相扣,需 要大量的溝通與合作方能完成。 好廣告能不著痕跡地吸引著觀眾,在無形中潛入內心深處的渴 望及情緒,留下深刻的印象或甚至為之共鳴。藉由呈現手法與創意, 感染人、傳遞一個信念或思想。令我不得不佩服廣告的神奇魔力。 與同儕的交流中,我拓展了國際視野,也學習到許多令人激賞 的思路與想法;而我的主管所分享的人生觀,更是最可貴而無價的 禮物。今後我會把握當下,更有勇氣、更果斷地嘗試與體驗新事物。
10
Red Dot Award 紅點設計大獎 2014 頒獎典禮觀摩 系上在四下開設「創意思考」課程,讓學生發想創意,再從中挑選優秀的組別參 與紅點設計獎的賽事。在今年,老師所帶領的團隊如願獲獎,對此抱持著強烈濃 厚的興趣,我跟著師長及學長們遠赴新加坡,見識設計殿堂的頒獎盛況。
紅點設計美術館
紅點美術館
11
新加坡的紅點設計美術館,是在紅點設計獎起源地德國之 外的第一間展覽館,現時已成為紅點設計獎優勝者的展覽場地。 全紅色的建築,呼應著紅點 Reddot 的概念,十分顯眼, 一目瞭然!
在頒獎典禮正式開始前,紅點 舉辦了一場雞尾酒會,來自世界各 地的優秀設計師齊聚一堂,拿著酒 杯互相交流彼此的作品與見聞。令 我訝異的是,多數都是東方臉孔! 從未見識過如此場合的我感到 非常新鮮,一切就像只在歐美電影 才會出現的場合。 典禮採自由入座,我們的座位 位於伸展台左側第一排,視野十分 地好。即便只是觀禮者,能身在如 此盛大而正式的場合中,仍令我激 動不已。 為期三小時不停歇的典禮中, 我凝視著每一位獲獎者從面前橫越, 堅定的步伐閃耀著無比的雀躍與自 信。就算這份榮譽不屬於我,也能 深刻感受到那份榮耀與被認同的快 樂。我想,全場及攝影師的目光都 正為自己喝采的這一刻,對每一位 長途跋涉來到此地參與典禮的獲獎 者而言一定是幸福而感動的吧! 衷心地每一個獲獎者感到開心, 也鼓舞了我想開始著手擬訂計畫、 參與比賽的決心。
2014 新一代設計展 班級總召 YODEX 新一代設計展為大專院校設計系所的年度盛事,我所就讀的數 位科技設計學系屬新興學系,有別於多數系所在大四展出,我們大三時就帶 著自己的畢業製作參與展出。 對我而言,新一代提供仍身為無名小卒的學生一個難得的機會,得以在 跨國規模的場合,面對幾萬人展現自己的創意與思想。無論是對同樣對設計 有興趣的學生們,亦或是各方先進及業界廠商,介紹與分享自己的心血,都 是一件令人振奮而驕傲的事! 自大學以來,我每一年都自願加入顧展與幫手的行列。新一代猶如一個 夢想的平台,過程中所感受的活躍氣息是我深深嚮往的。在我心中早有一個 藍圖與期盼,願自己參展時能留下最深刻難忘的記憶。 在毛遂自薦以及班級的肯定之下,我接下了總召一職,賦予自己希望與 期待,願辦個永身難忘的出色展覽。
創舉實踐。
‧ 有史以來最寬敞的展區
主辦單位以校為單位分配場地,我 校共有兩系參展,由於我們屬新興系 所,一直以來都使用極小的場地。 今年班上參展組數較往年多,為顧 及展覽品質與大家的期待,與他系溝 通、協調不下數次,終於眾望所歸,也 達成有史以來系上使用的最大展場。
‧ 手工周邊,吸引熱潮 互動童趣,闔家歡樂
與 幹 部 們 集 思 廣 益, 策 劃 展 覽 週 邊。我們主重推廣而不以營利為目的, 在層層篩選及班級的投票下,決定以扭 蛋機呈現與主題相呼應的童年氛圍。 經由各組繪製出作品圖案,印製、 剪裁及上膠等程序,完成放置於扭蛋中 的周邊商品--時光寶石。 搭配集點蓋章的概念免費扭蛋,吸 引人潮的效果十分顯著,也成為活動中 無價的紀念品。
‧ 打造完整的主題氛圍 歷年來,系上對於展區整體風格的 營造較為簡單,而我們這一屆加入了許 多新元素。 結合趣味及互動感的角色人形立牌 很是吸睛,吸引眾多拍照的人潮;大面 積的文字牆與海報看板十分強眼,資訊 一目瞭然。 我們將主視覺中的遊戲把手製作成 保麗龍板並自行噴漆加工,掛置於展場 頂端吸引目光、將便利貼剪成把手形 狀,供民眾留言並貼在展場的牆壁上, 主題風格更鮮明,整體感大大地提升。
13
我面對的? ‧ 人多嘴雜,難取共識 展務龐大而繁雜,但人人有自己 的見解與看法,時常難以顧大局又兼 顧少數。我發現要求周全,卻容易造 成反效果,影響總體效率。 身為一個領導者,我有交代事項 的義務,但面對層出不窮的問題時, 先不談該做何決定,甚至哪些事情是 由我下決策,我都感到徬徨。 請益一些前輩後,我吸收少數人 的意見,並在做決定時先採納幹部們 的投票與觀點,簡化問題,進而回覆 班上的大家。如此的程序,不會顯得 獨裁,也提高了辦事效率。
‧ 改善資訊傳達的方式 我們採用 Facebook 社團與大家 交流與公佈事項。但發現各篇文章無 法分類,也不夠鮮明,時常有人遺漏 資訊。 經反覆思考,我的解決方式: 1. 將重要事項做成圖片文宣,畫重 點、加上圖像說明,資訊一目瞭然 2. 建立懶人包,提醒大家重要日程 3. 將資料整理放入雲端,方便存取
‧ 甘特圖掌握動向 為辦展需求,常需要大家繳交資 訊或圖檔。一有消息就發佈或預告給 大家,才發現沒有完整的計畫表令大 家無所適從、無法分配時間。 於是我將所有需要完成的事項做 成甘特圖供全班參考,並分別將幹部 及全體的工作在表中分類。 如此一來,能掌握展務進度,也 便於時間上的安排,在製表途中也發 現許多遺漏或需考量的細節。
‧ 為民發聲! 身為總召,除了管理全體,更是 一個重要的溝通橋樑。 周旋在主辦單位、師長、系辦、 友系、幹部及同學們之間,如何清楚 而適切地表達訴求並創造雙贏,是一 門人生課題。如此頻繁的多方溝通, 是我不曾面對過的。 要當一個全面的溝通者著實不容 易。除了再三推敲與確認對方的想法 外,也要設法在兩方之間取得平衡。 在 過 程 中, 曾 造 成 誤 解 與 不 愉 快,經過這次經驗後,我更了解該如 何調整自己的表達方式,並學習更謹 慎的解讀他人的想法。
14
數位科技設計學系 系服設計 徵稿票選第一,獲選為本系 101 學年度系服。 為符合不同穿著者之身形與氣質,在色彩方面選擇基本的白底,圖案採 淺而明亮的藍綠色系,呈現科技與未來感、展現活力以及創意的特質。 以簡約的幾何色塊呈現圖形。 三個圖形中,分別為電子零件、代表科技的e字以及色鉛筆尖的圖案, 表達系所《數位科技設計學系》各面向理念,系所名下的鼠標也蘊含系 所系精神。 上寬下窄的構圖,位於整體偏上方。 視覺效果上,女生著用修飾身型,男生更加挺拔。 熱氣球正意味著飛向高高的天空,包裹著期盼系上更加發光發熱的願景。
16
課程分流計畫 計劃書封面意象圖設計 此案受校方委託, 計畫宗旨在於提供學生多種創新管道及選擇達成畢業門檻。 不規則的圖形規律地排列,表達學校在條理中也有彈性及創新。 條狀的延伸帶有分流的意涵,也帶有四隻手共同支撐的意象,均衡校園。 而四個對角的流瓣意味著異曲同工,初衷仍是環環相扣的意涵。 整體可視為是一份包裹著的禮物,或轉動著樞紐, 如同此計畫是學校贈與學生的新選擇,轉動著全新的改變。
17
國立臺北教育大學
國立臺北教育大學
國立臺北教育大學
國立臺北教育大學
教育部補助大學校院推動課程分流計畫
教育部補助大學校院推動課程分流計畫
教育部補助大學校院推動課程分流計畫
教育部補助大學校院推動課程分流計畫
申請計畫書
申請計畫書
申請計畫書
申請計畫書
執行時間:102 年 8 月至 104 年 7 月
執行時間:102 年 8 月至 104 年 7 月
執行時間:102 年 8 月至 104 年 7 月
執行時間:102 年 8 月至 104 年 7 月
中華民國 102 年 11 月 15 日
中華民國 102 年 11 月 15 日
中華民國 102 年 11 月 15 日
中華民國 102 年 11 月 15 日
〈塔米.Time〉 2D 橫向卷軸平板遊戲 本作為大學畢業製作,與四位組員協力製作。 題材為 RPG 解謎冒險遊戲,風格奇幻可愛,曾參與新一代設計展。 並榮獲本系所期末專題展最佳人氣獎第二名、師長評鑑第一名。 組員名單:李菁琳、蔡賜亭、劉尚、王韻涵、郭千慧。 我的負責工作: 1. 角色設計與繪製 2. 遊戲場景上色 3. 使用者介面設計 4. 名片設計 5. 遊戲企劃討論 ( 全體參與 ) 本作二大主角--奇果 ( 圖右 ) /里多(圖左)。
19
主場景上色作品
/ 村莊、森林、礦坑
遊戲主角設計 本作二大主角--奇果 ( 圖右 ) /里多(圖左)。 角色設定: 奇果/來自土區,性格憨厚。 持有可看見過去的天賦,被託付找出令島嶼陷入恐慌的真相。 里多/來自雷區,協助奇果拯救島嶼,實為反派。 性格鬼靈精怪,喜好惡作劇。在遊戲中擔任提示玩家的角色。
遊戲配角設計
21
/ 園丁、礦工
遊戲配角設計
/ 各區域守護者 依序為土、水、風、火、雷
22
小場景上色作品
使用者介面 /UI 設計
〈塔米.Time〉遊戲實景
23
王韻涵 Momo Wang
2D美術 / 彩稿上色、UI設計
0916128958 m246816@gmail.com
TIME IS MONEY. TIME IS LIFE.
FB:王小桃 http://www.facebook.com/m246816
郭千慧 emily guo
2D美術 / 製圖、動畫、UI設計 0937358491 emily8130@hotmail.com.tw
TIME IS MONEY. TIME IS LIFE.
FB:郭千千 https://www.facebook.com/hui.g.qian
李菁琳 Trisa li
程式設計 / C++、Unity遊戲開發
主題名片設計
0975264800 jo4spirit@hotmail.com.tw
TIME IS MONEY. TIME IS LIFE.
FB:李菁琳 https://www.facebook.com/profile.php?id =100002420903600
遊戲中分為五大區域,各區各由一 顆塔米石支配著,是遊戲中需收集 的重要物品。 每一區域的關卡構想由一位組員負 責,因此以組員搭配所負責區域的 概念做設計。 設計所運用的元素為該區域的代表 色彩及塔米石圖騰。正面的字樣貫 串遊戲理念,以單純的色彩及剪影 呈現系列的一致性。
蔡賜亭 christina tsai
程式設計 / C++、Unity遊戲開發 0911998666 christina51532@yahoo.com.tw
TIME IS MONEY. TIME IS LIFE.
FB:蔡賜亭 https://www.facebook.com/profile.php?id =100001037128797
劉 尚 shawn liu
2D美術 / 美術企劃、動畫
0921248069 shawnliu31@yahoo.com.tw
TIME IS MONEY. TIME IS LIFE.
FB:Shawn Liu https://www.facebook.com/shawn.liu.98
24
〈塔米.Time〉 遊戲海報設計 以時鐘突顯遊戲圍繞著的主軸--時間。 以剪影手法表現出主角探索、追尋著真相,以及隱藏於背後的神秘身世。 主角們像是在鐘面上行走,一步步跨越著時間,象徵時光的流逝,即為 本作之遊戲宗旨。
25
Design ?
is all about ME !
小桃 Momo.
國立台北教育大學數位科技學系/三年級 Dtdpost團隊/設計師
0916 128 958 m246816@gmail.com
個人名片設計 以相片做灰階處理,搭配純色色塊,強烈鮮明而奪人目光。 正面以自己的臉部為底,方框遮住嘴巴部分,為整個版面的視覺重點, 方框即對話框,標語即表達著我的志業/想與世界說的話。
27
MO - BO Speed up your creative.
MO - BO 小桃 MOMO. 國立臺北教育大學數位科技設計學系/三年級 Dtdpost團隊/設計師
0916 128 958 m246816@gmail.com
工作室名片設計 採用低調而中性的配色搭配幾何圖形,簡約質感。 配合工作室風格走向,低調不花俏,純粹而簡單。
28
0001011010101011110101010011010101001010101000101010010101010010101010100010100010110101010101101011010010110100010010010010100 0100101010010110101010101101011010010110100010010000010010101101011010010111010101011010000100101011010110100101110101010110100 0100101010010100100100101001001010100010010101101011010010111010101011010110100101101000100100100101000100010110101010101101011 0100101010010100100010101010110101000101010101101001011001010000010001010101011010010110010100010110101010101101011010010110100 1000101101010101010001000101101010101011001010000010001010101011010010110010100010110001001010110101101001011101010101101000010 0100101010010100100100101001001100101000100010110101010101101011010010110100010010010010100100101010001000010010101101011010010 0100101010010100100010101010110101000101010101101010010101101011010010111010101011010110100101101011010010110100010010010010100 0101101001011010001001001001010001000101101010101101001011010001001001001001010001000101101010101101001011010001001000001001010 0100101010010100100100101001101100101000001000101010101101001011000101101010101011010101011010110100101101000100100101100101000 0100101010010100100100101001001010100010010101101011010010111010101011010110100101101000100100100101000100010110101010101101011 0100101010010100100010101010110101000101010101101010001010101011010010110010100010110101010101101011010010110100010010010010100 1000101101010101010001000101101010101011010101011010110100101101000100100101100101000001000101010101101001011001010000001001010 0001011010101011110101010011010101001010101000101010010101010010101010100010100010110101010101101011010010110100010010010010100 0100101010010110101010101101011010010110100010010000010010101101011010010111010101011010000100101011010110100101110101010110100 0100101010010100100100101001001010100010010101101011010010111010101011010110100101101000100100100101000100010110101010101101011 0100101010010100100010101010110101000101010101101001011001010000010001010101011010010110010100010110101010101101011010010110100 1000101101010101010001000101101010101011001010000010001010101011010010110010100010110001001010110101101001011101010101101000010 0100101010010100100100101001001100101000100010110101010101101011010010110100010010010010100100101010001000010010101101011010010 0100101010010100100010101010110101000101010101101010010101101011010010111010101011010110100101101011010010110100010010010010100 0101101001011010001001001001010001000101101010101101001011010001001001001001010001000101101010101101001011010001001000001001010 0100101010010100100100101001101100101000001000101010101101001011000101101010101011010101011010110100101101000100100101100101000 0100101010010100100100101001001010100010010101101011010010111010101011010110100101101000100100100101000100010110101010101101011 0100101010010100100010101010110101000101010101101010001010101011010010110010100010110101010101101011010010110100010010010010100 1000101101010101010001000101101010101011010101011010110100101101000100100101100101000001000101010101101001011001010000001001010 0001011010101011110101010011010101001010101000101010010101010010101010100010100010110101010101101011010010110100010010010010100 0100101010010110101010101101011010010110100010010000010010101101011010010111010101011010000100101011010110100101110101010110100 0100101010010100100100101001001010100010010101101011010010111010101011010110100101101000100100100101000100010110101010101101011 0100101010010100100010101010110101000101010101101001011001010000010001010101011010010110010100010110101010101101011010010110100 1000101101010101010001000101101010101011001010000010001010101011010010110010100010110001001010110101101001011101010101101000010 0100101010010100100100101001001100101000100010110101010101101011010010110100010010010010100100101010001000010010101101011010010 0100101010010100100010101010110101000101010101101010010101101011010010111010101011010110100101101011010010110100010010010010100 0101101001011010001001001001010001000101101010101101001011010001001001001001010001000101101010101101001011010001001000001001010 0100101010010100100100101001101100101000001000101010101101001011000101101010101011010101011010110100101101000100100101100101000 0100101010010100100100101001001010100010010101101011010010111010101011010110100101101000100100100101000100010110101010101101011 0100101010010100100010101010110101000101010101101010001010101011010010110010100010110101010101101011010010110100010010010010100 1000101101010101010001000101101010101011010101011010110100101101000100100101100101000001000101010101101001011001010000001001010 0001011010101011110101010011010101001010101000101010010101010010101010100010100010110101010101101011010010110100010010010010100 0100101010010110101010101101011010010110100010010000010010101101011010010111010101011010000100101011010110100101110101010110100 0100101010010100100100101001001010100010010101101011010010111010101011010110100101101000100100100101000100010110101010101101011 0100101010010100100010101010110101000101010101101001011001010000010001010101011010010110010100010110101010101101011010010110100 1000101101010101010001000101101010101011001010000010001010101011010010110010100010110001001010110101101001011101010101101000010 0100101010010100100100101001001100101000100010110101010101101011010010110100010010010010100100101010001000010010101101011010010 0100101010010100100010101010110101000101010101101010010101101011010010111010101011010110100101101011010010110100010010010010100 0101101001011010001001001001010001000101101010101101001011010001001001001001010001000101101010101101001011010001001000001001010 0100101010010100100100101001101100101000001000101010101101001011000101101010101011010101011010110100101101000100100101100101000 0100101010010100100100101001001010100010010101101011010010111010101011010110100101101000100100100101000100010110101010101101011 0100101010010100100010101010110101000101010101101010001010101011010010110010100010110101010101101011010010110100010010010010100 1000101101010101010001000101101010101011010101011010110100101101000100100101100101000001000101010101101001011001010000001001010 0001011010101011110101010011010101001010101000101010010101010010101010100010100010110101010101101011010010110100010010010010100 0100101010010110101010101101011010010110100010010000010010101101011010010111010101011010000100101011010110100101110101010110100 0100101010010100100100101001001010100010010101101011010010111010101011010110100101101000100100100101000100010110101010101101011 0100101010010100100010101010110101000101010101101001011001010000010001010101011010010110010100010110101010101101011010010110100 1000101101010101010001000101101010101011001010000010001010101011010010110010100010110001001010110101101001011101010101101000010 0100101010010100100100101001001100101000100010110101010101101011010010110100010010010010100100101010001000010010101101011010010 0100101010010100100010101010110101000101010101101010010101101011010010111010101011010110100101101011010010110100010010010010100 0101101001011010001001001001010001000101101010101101001011010001001001001001010001000101101010101101001011010001001000001001010 0100101010010100100100101001101100101000001000101010101101001011000101101010101011010101011010110100101101000100100101100101000 0100101010010100100100101001001010100010010101101011010010111010101011010110100101101000100100100101000100010110101010101101011 0100101010010100100010101010110101000101010101101010001010101011010010110010100010110101010101101011010010110100010010010010100 1000101101010101010001000101101010101011010101011010110100101101000100100101100101000001000101010101101001011001010000001001010 0001011010101011110101010011010101001010101000101010010101010010101010100010100010110101010101101011010010110100010010010010100 0100101010010110101010101101011010010110100010010000010010101101011010010111010101011010000100101011010110100101110101010110100 0100101010010100100100101001001010100010010101101011010010111010101011010110100101101000100100100101000100010110101010101101011 0100101010010100100010101010110101000101010101101001011001010000010001010101011010010110010100010110101010101101011010010110100 1000101101010101010001000101101010101011001010000010001010101011010010110010100010110001001010110101101001011101010101101000011 0100101010010100100100101001001100101000100010110101010101101011010010110100010010010010100100101010001000010010101101011010010 0100101010010100100010101010110101000101010101101010010101101011010010111010101011010110100101101011010010110100010010010010100 0101101001011010001001001001010001000101101010101101001011010001001001001001010001000101101010101101001011010001001000001001010 0100101010010100100100101001101100101000001000101010101101001011000101101010101011010101011010110100101101000100100101100101000 0100101010010100100100101001001010100010010101101011010010111010101011010110100101101000100100100101000100010110101010101101011 0100101010010100100010101010110101000101010101101010001010101011010010110010100010110101010101101011010010110100010010010010100 1000101101010101010001000101101010101011010101011010110100101101000100100101100101000001000101010101101001011001010000001001010 0001011010101011110101010011010101001010101000101010010101010010101010100010100010110101010101101011010010110100010010010010100 0100101010010110101010101101011010010110100010010000010010101101011010010111010101011010000100101011010110100101110101010110100 0100101010010100100100101001001010100010010101101011010010111010101011010110100101101000100100100101000100010110101010101101011 0100101010010100100010101010110101000101010101101001011001010000010001010101011010010110010100010110101010101101011010010110100 1000101101010101010001000101101010101011001010000010001010101011010010110010100010110001001010110101101001011101010101101000010 0100101010010100100100101001001100101000100010110101010101101011010010110100010010010010100100101010001000010010101101011010010 0100101010010100100010101010110101000101010101101010010101101011010010111010101011010110100101101011010010110100010010010010100 0101101001011010001001001001010001000101101010101101001011010001001001001001010001000101101010101101001011010001001000001001010 0100101010010100100100101001101100101000001000101010101101001011000101101010101011010101011010110100101101000100100101100101000 0100101010010100100100101001001010100010010101101011010010111010101011010110100101101000100100100101000100010110101010101101011
0 0 1 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 1 0 0 0 0 1 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 1
海報設計.數位設計師 「數位設計」有別於傳統設計的部分,在於媒材及工具的運用。 一般設計需要紙、筆等,數位設計則需藉助軟體方能完成作品。 以此概念為主軸發想,彙整出個人常用的八款設計軟體,每款自 成一格,在所屬的方位以該軟體的運用特色及表徵展現其用途。 中下方以程式運算字體呈現主標,四個邊角以象徵電腦運算之 0 與 1 表現科技感。
30
雜誌封面設計.封面人物 以 Illustrator 網格繪製臉部五官及髮型部分,搭配搶眼的單色塊, 三角簍空凸顯個人臉部,是為整體之視覺重點,強調「獨特」。 副標條列個人認為設計師所需具備的特質,維他命感的繽紛色系 營造出靈巧俏皮的感覺。
31
Digi-Designer Expression/Creativity/Patience/Dignity/Charm/Mind
110019034
國立臺北教育大學 系所內容十分多元,以科技為 主軸,囊括電子、程式與設計 等,積極培育跨領域人才。 富含創意與熱情,團隊激盪與 通力合作,屢獲競賽佳績。 設計理念 結合燈泡及機器人的概念,充 分表現科技主軸與靈活創意的 思考頭腦。
數位科技設計學系
玩具與遊戲設計碩士班 國立臺北教育大學
數位科技設計學系
玩具與遊戲設計碩士班
數位科技設計學系 ( 含玩具與遊戲設計碩士班 ) 系所官方網站& Logo 設計 十分榮幸獲師長指名,擔綱系網主美術。 負責設計要項,包含: 1. 網站配色 2. 系所 logo 設計 3. 網站元件設計 4. 版面配置(圖文間距及排版等) 以活潑跳躍的配色呈現系所形象, 明亮開朗的黃搭配富科技感的藍,完整表現系所風氣。 清楚明瞭的告示看板與元件,帶給瀏覽者便利與新的視覺感受。
34
個人網站設計〈桃閣〉 本作呼應著我個人的氣質風格。 俏皮帶些詭譎的配色,以輕鬆逗趣 的字體在簡單的版型設計中增添樂 趣,可愛而簡約。
35
資料庫系統網站設計 音樂廳售票系統 資料庫課程的實作,以 DW 完成。 實際結合資料庫,建立前端網站提 供使用者購等服務。 以富質感清新的樂廳場景做為背 景,同色系古典安穩而柔和的咖啡 色系設計元件,加上變化呈現出現 代感及簡約感。
大而清楚的圖像式選單,功能一目瞭然。 搭配動態顯示效果,鼠標移過即變換圖片, 增加互動感及使用性。
36
國立臺北教育大學.人文藝術學院 系所官方網站設計 系上團隊接案, 組內人員:韓秉軒、許銘峯、巫家瑜、王韻涵。 此案中我擔任唯一之設計師。 客戶訴求為活潑繽紛而富人文氣息,以原 logo 配色為主軸,選單部分 加上漸層呈現質感。 背景呼應流動而富有活力的藝術氛圍,主視覺呈現張力、表達學院宗旨, 陳設三欄活動相片點綴版面並提供瀏覽者最新資訊。
/ 供客戶選擇之配色設計,定案為藍綠色系。
38
遊戲主選單
遊戲畫面
2D 卷軸遊戲設計 窩果葉之森 本作為參加巴哈姆特 2013 ACG 創 作大賽之作品, 組內人員:許銘峯、李菁琳、郭千 慧、王韻涵。 我的負責工作: 1. 主角設計 2. 動物階梯造型設計 可愛的動物風格搭配擬人化以及表 情漸變效果,是一大特色及巧思。 多款動物形象,運用鮮明活潑的繽 紛色彩,吸引目標客群孩童,為一 舒壓益智、老少咸宜之輕鬆小品。 遊戲主選單
39
遊戲角色設計
遊戲元件設計
40
〈Wormy〉 2D App 小品遊戲 「Wormy」為個人獨力完成之遊戲企劃設計, 為一款考驗反應能力之休閒小品。 遊戲角色為雙頭的小蟲膠囊,logo 以俏皮的蟲蟲形象呈現, 搭配可愛活潑的色系,主題一目瞭然。 元件設計運用簡約的幾何造型、UI 部分也以簡單的無彩色表 現,與繽紛的色感取得平衡。
41
/ 遊戲主畫面
/ 元件設計
/ 遊戲畫面
42
Romance Oliva Ong
eee
Romance / 封面封底
《Romance》-Olivia Ong 歌詞本設計
整體以乾淨清爽的淺藍綠色系襯托華裔新加坡女歌手 Olivia Ong 清新溫婉的氣質,滿版的寫真搭配簡約文字及簡單色 塊,如同她的音樂風格,純粹而無過多裝飾。
1.A Love Theme 作詞:Olivia Ong 作曲:仔仔 (Will Peng).Olivia Ong I love you I love you I love you I do I love you I love you I love you I do I love you I love you I love you I do I love you I love you I love you I do I love you I love you I love you I do I can see the colours in your eyes My feelings arise And the mirror catches on to what We feel deep inside Playing off the colours in your eyes Underneath the starry skies I don't ever have to make believe As the gaze turns wide and bright Baby the smile you see It's everything I want it to be
2. 海枯石爛 作詞:施人誠 / 仔仔 作曲:仔仔 這幾天你在那個城市天氣一定晴朗 因為你就是個太陽 有空想念我的話就上線來說晚安 讓夢裡星光燦爛 別再擔心我什麼了 別把我寵壞 只要你平安回來 就夠浪漫 這幾天沒有你在當然有些平淡孤單 但我感謝這孤單 讓我更加確定你是我缺少的那一半 完整我的那一半 不怕明天的世界 會變成怎樣 每天看見你笑臉 我就心安 不管外面的世界 想變成怎樣 我們還有我們的 小小天堂 我有你放在心上 生命就有了重量 風來也不會飄盪 一起看海枯石爛 一起等地老天荒 慢慢愛 不慌不忙
我有你守在身旁 眼睛就可以勇敢 看歲月怎麼漫長 就算真海枯石爛 就算已地老天荒 還相愛 就沒遺憾 ( 不遺憾 )
Let it rain, rain For after such a weather
*
The rainbows And the laughter And the serious smile It's teasing you pal Like it's coming to get you
3.Let It Rain 作詞:Olivia Ong 作曲:仔仔 Oh the sky grey On this work day You're just playing along Just to see the day through You're lonely and blue Writings on the window There's a deep longing sigh You're far off in thoughts You heart's grown all cold It would be fun if you could sing a song
Sunshine will come
Oh they wish for you To be happy again But you're locked up inside You're missing your cue Feeling weary Stop running away You're finding it hard to breath *
Let it rain, rain It's the perfect weather for contemplating
eee
43
I know just how I feel This is how it should always be You have always been a nice surprise Of sorts for me Baby baby you make me believe In all my dreams You don't ever have to second guess Right now I do confess When I think of love I think of you Now you know I want you too I'm falling into the stars *
4.Ready For Love
我等待我淪陷 某個時間人物和地點
All my friends keep googling, I maintain.
作詞:Olivia Ong 作曲:仔仔 (Will Peng).Olivia Ong
Oh I'm Ready For Love 憑直覺預感 心開出花瓣 就值得培養灌溉 Ready For Love 趁未來未來 打動我靈魂 牽手去瀏覽
hey hey hey Sing! Sing me a song! Let's have a party all life along, Sing me a true Fly to the moon, ain't nothing more that you can do,
Ba… 準備 被理智出賣 Ba… 趕快 被浪漫打敗 Ba… 準備 被理智出賣 Ba… 趕快 被浪漫打敗
hey hey hey Sing! my baby boo, Sing 'till the red pill now turns blue, Sing me a tune, Sing me the blues, I'm tryna party boy with you.
可能是電梯裡面 他撞翻我的 Latte 聽他道歉半個月 還聽不厭 又或許關係遙遠 是朋友朋友的同學 躲雨碰見後再陸續 躲進電影院 要擦過多少肩 才冒出三丈粉紅火焰 Oh ~ 我等待我淪陷 某個時間人物和地點 Oh I'm Ready For Love 憑直覺預感 心開出花瓣 就值得培養灌溉 Ready For Love 趁未來未來 打動我靈魂 牽手去瀏覽 Ba… 準備 被理智出賣 Ba… 趕快 被浪漫打敗
他愛不愛逛書店 對心理學涉不涉獵 懂不懂應付我偶爾 無害的善變 要擦過多少肩 才冒出三丈粉紅火焰 Oh ~
* 5.Sing
Sing me a song!
作詞:梁永泰 作曲:梁永泰 / 王知音
A little bit of good, A little bit of bad, I'll call you back on my ipad, A little bit of tech, A kiss on the neck, How do you say I'll be right back,
A little bit of school, A little act of cool A little bit acting like a fool, A little bit of this, A little bit of that, I think I'll make it on my own, And I'm, just tryna get to heaven, With some of these dream intact,
6.Invisible Wings 作詞:Olivia Ong 作曲:王雅君 Here I am I'm always trying to be strong When I'm hurt I won't shed a tear I'd rather sing a song I will sing of a pair of invisible wings That will take all my fears away I won't think about what others have that I don't Coz' I see that I desire to make this path my own I'll put on a pair of invisible wings And it will take me to higher heights
I'm fallin' love, with the idea, of you, baby... I'm fallin love, with the idea, of you, baby... And if my shoes can keep me running, It won't be too long, Just a little bit, a tiny little bit, Just a little wit, I'll be fine so... *
And all there folks try get ahead, And I've been there before, But my friends keep telling me, Stop and breathe...
eee
I have hope that I will find myself, in a better place You and I will take this journey walking hand in hand And I know I have a pair of invisible wings To guide me through this race All my hopes and dreams shall be everlasting As I take flight on invisible wings *
I'll take flight and there I see my dreams That lay ahead (And) No longer will I be afraid Close my eyes And I can feel the winds beneath my wings It's the voice that will carry me through
8. 邊走邊看邊想 作曲:仔仔 / 作詞:陳信延 坐一趟 隨機的 午後公車 貪心地 品嘗著 孤獨的 幸福片刻 看一看 身邊的 陌生乘客 只有我 沒計畫 不曉得 哪裡下車 耳機內 這女聲 哼著法文 好像說 這旅程 有什麼 將要發生 快樂就是這樣 (Go with the flow, Go with the flow) 讓我享受這緩慢 (Let's take it slow, Let's take it slow) 邊走邊看邊想 (Just let it go, Just let it go) 生活可以很簡單 (What you wanna do, Where you wanna go)
快樂就是這樣 (Go with the flow, Go with the flow) 讓我享受這緩慢 (Let's take it slow, Let's take it slow) 邊走邊看邊想 (Just let it go, Just let it go) 未來美在有忽然 (What you wanna do, Where you wanna go) *
9.Back To Life 詞曲:Lolene Everett / Brandon Howard / Oliver Goldstein / Justin Franks I was headed for the danger zone Feeling all on my own Now that you`re gone Didn`t ever think I`d smile again After the tears and the pain the love went away And now I`m ready
I learned how to say goodbye Let go of the past Freedom at last from feeling so low And I made a promise to myself That I`m never gonna hurt again Been broken hearted too long Sick and tired of crying alone From this moment I`m back to life Remember who I was before you Now I`m alive and feeling brand new From this moment I`m back to life Now the after burn of you and me Felt like a first degree emergency Resurrected the agony Now I`m finally ok now I`m making my way Now I`m ready Coz` I learned how to say goodbye Let go of the past Freedom at last from feeling so low And I made a promise to myself That I`m never gonna hurt again
看一片 偶然的 美麗景色 想一想 過去我 曾經擁有什麼 來到了 某一站 安靜小鎮 喜歡上 呼吸著 無重力的快樂
*
別急著 決定什麼 就讓直覺帶領我 別急著 選擇什麼 一切再說又如何
Been broken hearted too long Sick and tired of crying alone From this moment I`m back to life Remember who I was before you Now I`m alive and feeling brand new From this moment I`m back to life 9.Back To Life 詞 / 曲:Lolene Everett / Brandon Howard / Oliver Goldstein / Justin Franks I was headed for the danger zone Feeling all on my own Now that you`re gone Didn`t ever think I`d smile again After the tears and the pain the love went away And now I`m ready
Now the after burn of you and me Felt like a first degree emergency Resurrected the agony Now I`m finally ok now I`m making my way Now I`m ready Coz` I learned how to say goodbye Let go of the past Freedom at last from feeling so low And I made a promise to myself That I`m never gonna hurt again *
I learned how to say goodbye Let go of the past Freedom at last from feeling so low And I made a promise to myself That I`m never gonna hurt again
10.Amazing Grace 詞曲:John Newton. Traditional Amazing grace, how sweet the sound That saved a wretch like me I once was lost, but now I am found Was blind, but now I see Through many dangers, toils, and snares I have already come 'Tis grace that brought me safe thus far And grace will lead me home Oh... Lord... Oh... grace...Oh...Oh...Oh... And grace will lead me home *
網路學習科技研究所 Network Learning Technology 網路學習科技研究所 Network Learning Technology
網路學習科技研究所 Network Learning Technology 網路學習科技研究所 Network Learning Technology
網路學習科技研究所 Network Learning Technology
網路學習科技研究所 Network Learning Technology
45
國立中央大學網路學習科技研究所 logo 設計 經學姊推薦擔綱設計,目前設計仍未定案。 上圖為憑藉個人對於系所印象之創作: 鉛筆圖案象徵學習,與 wifi 符號融合,呈現網路學習之意涵。 其後瞭解系所主要訴求活潑,利用數位相關才能製作學習教材,使教育 系統不再枯燥乏味,因此重新設計: 以朝氣黃與科技藍做搭配,運用遊戲小精靈的造型營造出童趣感,加上 表情代表以人為本,著重教育溝通,並加上 wifi 符號,帶出以網路傳遞 訊息的趨勢。
46
3D 模型.中式房屋 3DMAXs 建模練習。 中式雙層建築,細節有垂掛的燈籠與半開的窗戶等。
48
研究計畫 此研究橫跨介面設計、商業行銷、圖像傳播等多面相,有利於構圖設計及資訊的傳達。
行動裝置照片呈現方式對使用者選擇之影響 ---- 以食物照片為例
一、 諸論 甲、
研究背景與動機
隨著科技的日新月異,行動裝置大量普及並滲透到人們的生活,資訊的傳播模式與型 態也隨之轉變。無論在查閱資料或商業行為上,網路成為主流的交流媒介,也帶動許 多企業商機。人們無時無刻都拿著手機瀏覽資訊,網路行銷開始成為一個趨勢,商家 將產品照片置入網站中宣傳,而在資訊的傳達中,視覺的感官衝擊往往扮演著舉足輕 重的角色;而諸如 Facebook、instagram 等社群網站,一張相片搭配簡述文字捕捉 目光,更是現代人新的交流方式。 在手持行動裝置中,畫面所見的資訊範圍有限,好的照片構圖與配置使意象更清晰, 也容易令人印象深刻,進而達到宣傳行銷的訴求。
乙、
研究目的
本研究將以食物照片做為主要探討例子。無論是親友拍攝透過網際網路相互分享推 薦,亦或是商家提供的菜色寫真,如何讓畫面的呈現,展現出食物吸引可口,並達 到引人注目的效果,是本研究所探討的重點。本研究首先將針對市面上食物相關的 App,以照片中物件的配置與運鏡做簡單分類,並從中挑選幾種具有代表性的方式與 本研究所設計的呈現方式一同置入行動裝置中做實際的使用者測試,透過比較各種不 同的視覺效果,進而找出適合食物的呈現方式及建議。供設計師做為構圖及置入的參 考,並讓照片印象更深入人心。 此研究橫跨介面設計、商業行銷、圖像傳播等多面相,有利於構圖設計及資訊的傳達。 本研究之目標: 1. 研究目前在行動裝置中,食物照片所呈現的構圖及運鏡方式並做分類 2. 探討其中何者較吸引目光、有較好的宣傳效果,並歸納其原因 3. 探討不同年齡層及性別的各別的喜好差異
49 02
二、 研究架構
初步 探討
‧ 藉由文獻分析與資料收集以了解相關理論及現況分析
實驗 擬定
‧ 依據資料收集,設計三種供試驗之形式照片及擬訂四個受試者族群
實驗 方式
‧ 邀請受試者使用行動裝置體驗隨機之三種供試驗之形式照片,主要目的為了解使用 者對於各形式照片的感受與偏好
成果 記錄
‧ 透過實驗任務操作進行計測、運用問卷調查法 (Questionnaire) 進行問卷填寫:使用 者體驗感受量表。 ‧ 在實驗後使用訪談法 (Interviews),與受試者進行簡單的訪談,同時進行觀察與記錄。
結論
‧ 將結果數據加以統整分析後,針對實驗結果說明研究成果、結論與建議,並提出後 續的探討與研究。
三、 研究方法 本研究將以三種食物照片構圖 ( 表 1) 及四個不同年齡族群的受試者 ( 表 2) 做使用者測試, 分類如下: 名稱 示意圖
1. 特寫式
說明
以菜色食材與細節為特寫, 通常利用去背,留下盛裝容 搭配餐具、裝飾等營造主題 近距離拍攝 器,常見於日系菜單目錄中 氛圍,襯托食物本體 5 種不同食物各一張 5 種不同食物各一張 5 種不同食物各一張 為減低雜訊,5 張食物照片將隨機於測試中出現,以免照片本身其他因素影響實驗結果
數量 附註
2. 平拍式
3. 情境式
表 1 供試驗之食物照片構圖示意
50
研究計畫 此研究橫跨介面設計、商業行銷、圖像傳播等多面相,有利於構圖設計及資訊的傳達。
名稱 說明
A. 青少年 B. 青年人 C. 壯年人 D. 中年人 以 國 高 中 學 生 ( 約 以大學生、研究生 ( 約 以 約 莫 25~35 歲 為 主 以 約 莫 25~35 歲 為 主 12~18 歲 ) 為 主 要 受 18~25 歲 ) 為 主 要 受 要受試範圍。 要受試範圍。 試範圍。 試範圍。 每一族群各 20 人 ( 男女比例 1:1/ 各 10 人 ) 共 80 人
人數
表 2 受試者年齡層分群
五、 參考文獻 郭志龍(2008)。平面廣告圖像之運鏡與注意力對產品涉入意願的影響。國立臺灣科技大 學設計研究所碩士論文。 曾馨瑩(2013)。行動裝置圖片資訊與選單型式之適地性服務應用軟體介面設計研究。國 立臺灣科技大學設計研究所碩士論文。 李佳穎(2009)。網路書店使用者介面之資訊呈現與商品圖片型式對使用者體驗感受之影 響。國立台灣科技大學設計研究所碩士論文。 何宗翰(2003)。圖形化呈現方式應用於行動電話人機介面之研究。中原大學資訊管理研 究所碩士論文。 吳岳剛(1987)。平面廣告圖文互動與記憶的關係研究,廣告學研究第十一集。 王雅慧(2013)。雜誌應用程式數位化視覺資訊架構之設計研究。國立臺灣科技大學設計 研究所碩士論文。 張欣雯(2010)。使用者中心之產品介面設計與研究 - 以手持式行動裝置設計為例。國立 臺灣師範大學設計研究所在職進修碩士班論文。 歐上晉(2003)。網站首頁視覺設計要素與使用者滿意度之相關分析研究─以汽車製造業 首頁為例。銘傳大學設計管理研究所碩士論文。 許銘文(2006)。個人網站視覺元素與設計內容表現之研究。雲林科技大學視覺傳達設計 系碩士班論文。 馮淑萍(2000)。全球資訊網頁視覺傳達之使用者介面設計要素研究 - 以台灣企業形象網 頁為例。雲林科技大學視覺傳達設計系碩士班論文。
51
讀書計畫
學生有幸於大學考取數位科技設計學系,期間紮實訓練設計、應用程 式開發等專業技能。一路上接觸並涉獵諸多領域後,了解自身終究想從事 設計專業,並飽含著強烈的學習動機與期待。 除持有學習熱忱之外,了解身為研究者之專業以及不斷接觸新知的心 態是必不可少的。我期待經過師大設計所的課程與學習訓練,俾以剖析、 融合,增進自己在專業領域上的思維之突破,並盡己之力回饋母校。
‧ 短 期 計畫 1. 考取碩士班,進一步加強及拓展對設計相關領域的專業素養知識 2. 積極參與計畫案,充實獨立研究之能力,了解實務瓶頸及新資訊 3. 擴展視野及了解學術與業界現況,參與各種相關研討會
‧ 中 期 計畫 1. 鑽研國外設計市場與生活結合之現況,比較研究、整合思維 2. 積極參與設計比賽,與他人切磋,並累積作品集 3. 參與藝術展覽志工,陶冶性情並培養藝術知識 4. 繼續進修外語,進而探討不同國家的設計界現況,提升國際觀 5. 籌備靈感及費用,參加紅點設計大賽
‧ 長 期 計畫 1. 進入設計相關工作領域,結合理論與實務貢獻所學。 2. 與各領域優秀人才交換訊息,以了解現今國際社會之真正所需並與 自身數位專業結合發展。 3. 計畫修讀博士且不忘終身學習讓自己走在時代的前端。 4. 學以致用,實現所學貢獻社會。
除了在課業與專業上積極努力,亦規劃時間安排運動保持健康並陪伴 家人。同時也廣泛閱讀報章雜誌及論文、藉由網際網路瞭解世界的設計動 向,拓展視野、充實自我。
52
校內成績
53
54
佐證資料
/ 多益英語能力證明書
55
/2011 臺北數位創作競賽得獎證明
56
佐證資料
/ 台灣電通實習證明書
57
/ 期末專題展得獎證明
58
LIO