北科互動設計系在做什麼?最完整介紹(大學部)


文章系列介紹

作為設計師度過的每一個平凡日子。

這篇文章要來開箱兼介紹我的大學科系——國立臺北科技大學 互動設計系 究竟在做什麼?

友情提示:本篇文章適用於互動系大學部,如果你有興趣的是互動所,請參考互動系學生來分享!準備北科互動所你不得不知的專業名詞和議題!

2019年9月,我如願用統測推甄考上我自己心目中的第一志願——國立臺北科技大學 的 互動設計系。

高中就讀廣告設計科的我,雖然覺得設計海報、平面類東西很有趣,但我還是比較喜歡動畫、網頁等多媒體領域設計。然而,這些領域都是廣告設計科比較少關注的部分,因此我那時就決定大學要往多媒體方向進修。當時打聽到北科的互動設計系學的和我感興趣的領域比較相關,考量北科校譽不錯、學校地理位置又好,我就一股腦地填志願了😆。

在搜集資料時,我發現網路上關於北科互動設計系的介紹真的很少,並且大部分都還是跟研究所有關(我想看的是大學階段的介紹啊~~),直到現在還是一樣。為了幫助廣大未來想讀互動系的學弟妹,我決定以現役北科互動系大四生的角度自己寫一篇💪。

2023.5 更新:本網站全新收錄互動系108級畢業製作系列文章!相信學長姐的畢業製作心得會對於想要入學的你有所幫助!請透過以下連結查看:

  1. 從頭開始紀錄我的北科互動系畢業製作《茶嶼茶語》!
  2. 北科互動系108級畢業製作專訪:產學合作組
  3. 北科互動系108級畢業製作專訪:APP設計組
  4. 北科互動系108級畢業製作專訪:遊戲組
  5. 北科互動系108級畢業製作專訪:體感互動組

互動設計系四年都在學什麼?課業負擔重嗎?需要會寫程式嗎?

互動系要學的不多,只有億些些(笑)
要學的不多,只有億些些(笑)

首先,互動系要學習的東西挺雜的,基本上你什麼都要會一點。以高中讀設計的同學來說,除了你熟悉的設計以外,想在互動系暢行無阻你還需要具備基礎程式概念、甚至是自己會寫程式才行喔!不過不用擔心,程式可以在入學後再慢慢開始學習(不如說大家都是開學後才開始學習的)

你會在四年內接觸到互動裝置設計、網頁設計、UIUX設計、AR/VR、3D建模與動畫、遊戲設計、多媒體(影片)設計、音樂設計⋯⋯等領域。雖然大家都說互動系要學習的東西很多,但我自己感覺這些項目分攤到四年裡頭其實也還好。再者,系上的作業大多都是分組進行,因此有志同道合的夥伴一起鑽研會令你事半功倍。同時,也因為接觸過許多不同領域,你的視野會大大地打開,也許你會從這些事物中找到未來工作、進修的方向。

以下就不同的領域分門別類介紹:

互動裝置設計

互動裝置最常出現在文創園區、博物館或是「白晝之夜」等以藝術為主題的活動中。舉凡光雕投影、大型投影幕或平板操作,各種經由你操作後會使裝置本身產生變化的裝置都是互動裝置。2021年知名日本互動團隊TeamLab在士林科教館的展演就是很經典的例子。團隊設置了大型的投影牆,當體驗者揮動手臂,就會有花兒在投影牆上隨著你的手臂揮舞軌跡舞動。

互動裝置沒有特定的形式,裝置大小也不固定。有時裝置可以大到數十米高,有時也可以是掌心中的一個小玩意。你會在互動系中學習運用迷你電腦(Arduino、Raspberry Pi)或是手邊有的器材(手機、平板、投影機)來做有趣的互動裝置。

2021年10月teamLab在台北士林科教館的展覽
Arduino和其他電子材料
Arduino和其他電子材料。Photo by Robin Glauser on Unsplash

UIUX設計

UI設計的全稱叫做使用者介面設計(User Interface Design),是專注在「介面」的設計。所謂的使用者介面指的是人與機器進行互動時所需透過的介質,人們透過「介面」與機器進行互動並達成想要的目的。舉例來說,人們經由操作ATM的畫面來達成提款的目的,這個ATM就是機器,而ATM機器螢幕上所顯示出的畫面就是使用者介面。

套用前述的例子就能發現生活中有許多的介面,常見的有手機平板APP、網頁、ATM、智慧電視、手錶、汽車,比較特別的還有工廠機具電腦介面、醫院推車上的隨車電腦等等。

UI設計並不是單純地依靠直覺或創意進行排列組合。基本上,進行UI設計就等同於你正在設計一項未來要給很多人使用的「工具」。既然是給很多人使用的工具,那依照大眾的使用習慣來設計才合理,對吧?就好比家中的剪刀也是依照多數人的手平均尺寸來製作的。這時就是UX設計,全名使用者經驗設計(User Experience Design)出場的時候了。在UX設計中,研究者會透過各式各樣的方法來了解使用者的使用習慣、操作環境,並收集各項對設計會產生影響的因素。最後,研究者會產出一份研究報告給UI設計師去執行設計,或是提出一些創新的解決方案或建議。常見的研究方法有問卷、訪談等等,還有許多數不清的設計圖表可以運用。

UI設計。Photo by Amélie Mourichon on Unsplash

網頁設計

看過前段UIUX設計介紹後,你會發現網頁設計其實就是UI設計裡頭的子分類。但是,網頁設計中也有許多要特別學習的專業知識。例如網頁究竟是怎麼呈現在我們的眼前的、如何撰寫網頁、什麼叫做前端與後端、什麼是資料庫等等等等。

AR/VR設計

你有玩過「Pokemon Go」嗎?像Pokemon Go那樣使寶可夢透過手機螢幕,彷彿出現在現實環境中的技術就是AR(Augmented Reality,擴增實境)。而需要將眼睛全部罩上,彷彿進入另一個世界裡頭的技術則是VR(Virtual Reality,虛擬實境)。你會在互動系中學到如何建立有趣的AR或是VR體驗,而學校也有提供VR環境需要用到的綠幕教室、VR眼鏡等等。

3D建模與動畫

進行設計時,擁有3D建模的技術能夠幫助你快速地製作和別人說明用的概念圖、或是製作用於最後輸出的精細設計稿。同時,你還可以讓你的3D模型動起來,做成動畫。互動系使用的3D建模軟體有3ds MAX、Rhino,不過根據同學的使用喜好也可以選擇MAYA、Blender。3d軟體的概念都是共通的,只要上手一個以後另外的軟體很快就能上手。

遊戲設計

相信很多人進互動系的原因都是因為可以設計一款原創的遊戲吧?在互動系,你會學習如何運用Unity遊戲引擎來製作你想要的遊戲內容。為了讓遊戲有邏輯地動起來,你還會需要一點關於撰寫C#程式碼的知識。互動系常使用的遊戲引擎是Unity,如果你有特殊的畫面或效果需求,也可使用Unreal(另一款遊戲引擎)來製作。

以下是我和我同學們在課堂中製作的作品喔!

課堂中製作的小遊戲「彈彈動物」
「我以為我不會得糖尿病,但想不到如今我得了!?」。Credit:洪錫範
「鳩地正法」。Credit:林沛琪

互動設計系的學生構成

互動設計系分為兩種組別,分別是視覺傳達設計組(美術)與媒體設計組(程式)

互動設計系的學生構成主要可以分為兩類:一是和我一樣,就讀廣告設計科、美工科或其他美術相關科別的學生;二則是來自資訊、電機電子類科的學生。統測選填志願時,學校會依據專長種類開放 視覺傳達設計組 和 媒體設計組 兩組招生。

美術專長的學生能夠選擇視覺傳達或媒體設計組,而資訊、電機電子專長的學生只能選媒體設計組。因此,班上大約有四分之三都是美術專長的學生,剩下四分之一才是電機電子專長。基本上兩組的學習內容沒有什麼不同,幾乎都是共同上課。唯一不同只有特定幾門課有必修、選修的差別(例如同一門課視傳組列為必修,但媒體組是選修)。

另外,大二時會有來自創意設計學士班的同學加入互動系。該班的性質比較特殊,學生一年級可自由選修互動設計系、工業設計系、建築系的課,二年級才會選依志願分發到各系。分發後基本就和該系的二年級學生無異了。

互動設計系課程地圖
互動設計系課程地圖

校園環境

2024 Feb. update: 更新了校園環境的照片

系所環境

互動系四年,基本上你都會在北科的光華館四樓度過。雖然互動系隸屬於設計學院,但除了系辦以外,教室並沒有和其他設計科系一起安排在設計館(可能是因為互動系比較新,成立的時候設計館沒多的位置了)。

每個年級都會在光華館四樓有自己獨立的教室(也稱作“工作室”),並且一用就是三年。大學四年級時才會統一更換到410教室。你會使用的教室就是該學年升大四的學生原先使用的教室。工作室可謂你的第二個家,專題等課程都會使用工作室來上課,並且沒課的時候你也可以當作休息室、倉庫來使用。

光華館最大的教室是400多媒體展演教室,系上經常使用此教室來舉辦講座、交流會,校內成果展、畢業展的場地多半也會選在這裡。順帶一提,同棟的一、二樓則是前兩年新改裝的學生餐廳空間,肚子餓了可以直接下樓去吃飯,還蠻方便的。

互動設計系 光華館階梯
互動設計系 光華館階梯
互動設計系 光華館設計工廠
互動設計系 光華館設計工廠
互動設計系 光華館中庭
互動設計系 光華館中庭
互動設計系 光華館410教室
互動設計系 光華館410教室
互動設計系 光華館400教室
互動設計系 光華館400教室
互動設計系 光華館設計工廠
互動設計系 光華館設計工廠
互動設計系 光華館設計工廠
互動設計系 光華館設計工廠
互動設計系 光華館中庭
互動設計系 光華館中庭
互動設計系 光華館410教室
互動設計系 光華館410教室
互動設計系 光華館403教室
互動設計系 光華館403教室
互動設計系 光華館400教室
互動設計系 光華館400教室

特色

每學期從不缺席的設計專題

互動系四學年,也就是八個學期都要製作設計專題。每一學期老師都會公布一個主題,讓你依據這個主題去發想作品。主題的範圍有時很大、有時很小,要看該學年專題總負責老師的出題喜好。

像我(108入學)的大部分都是屬於開放式的題目,基本上做什麼都可以;不過109級的題目就有限定創作的種類,例如使用AR技術來做作品。遼闊的題目讓你有很大的空間可以發揮想像,但也可能讓你不知道做什麼比較好;反之,範圍小的題目好處是要做什麼比較明確,但可能會限制你的創意發揮。

你可能會好奇大一第一學期新生什麼都不會,要怎麼做專題呢?答案是:用演的(少部分實作,大部分演戲XD)。在大一的時候,的確會有技術跟不上想法的情況,因此大部分的同學都會用「演」的搭配美術圖、簡報等道具來告訴老師自己想做的是什麼。不過也有天賦異稟的同學可以把東西真的做出來。我自己感覺這階段主要還是訓練把具有可行性的創意想法傳達給老師是最重要的。

想要了解專題的校內展覽過程請參考我的Behance「逮丸ㄟ焦仔」。

學習和不同專業的人合作

互動系有很多課都需要分組。因為班上學生的專長各異,所以你一定會和不同專長的同學分到同一組。不論是做簡報、做影片、寫網頁、製作專題,每種項目都需要美術/程式兩路人馬通力合作,才能完整呈現。這時你就會發現「溝通」是一項很重要的能力。以往自己都待在同領域的舒適圈,彼此的思考模式相近,就算講行話、簡稱對方都聽得懂(譬如設計系常說的:有一種XXX樣的感覺、先這樣再那樣)。但是,和另一種領域的人合作時就完全不是這麼回事了。

美術圈的人會覺得程式人很死板,而程式人會覺得美術圈的人思想太過奔放、無法實現。事實上,互動系的環境就是在模擬未來出社會的職場,你要在跨部門之間溝通,練習將腦中的想法用清晰、準確的語言表達出來。這項能力很多時候甚至比你的專業能力還重要,當你無法好好向別人說話,你又要怎麼期待別人能理解你的作品或能力的價值呢?

即使是美術背景同學仍需會寫程式

我可以很篤定地告訴你,進來互動系後一定要學會寫程式。無論是做遊戲、寫網頁、做互動裝置,這些東西背後都需要有程式驅動。因此你會寫程式的話,你就可以在分組時提供額外的戰力支援。以我自己的經驗舉例,我大概花了一年的時間從完全新手蛻變成可以隨心所欲寫程式。如果你從大一入學就開始學習的話,最快大二開學就可以學會了。這時,你比起大一整年都在經歷迷茫、試應期的同學來說,你就超前了許多。

你可能會覺得資訊類科學生在互動系一定是如魚得水。但其實就我的觀察發現,他們多數和你一樣也沒碰過互動系所需要的程式(Unity C#/ HTML 那些),只是因爲過去的學習經驗使他們較習慣程式,所以看起來很輕鬆而已。因此,大家的起跑點都是一樣的喔。

當然,你也可以大學四年都靠著其他同學來幫你寫程式,但我可以告訴你這樣做可能會有哪些風險供你評估。

首先,會寫程式是專題分組時很有力的籌碼。因為班上會程式的同學比較少,所以你會寫程式就不用愁沒人跟你一組,更多的時候還是你能夠挑組員。反之,如果你只會美術有很高機率你都需要看負責程式的同學臉色,且進度也都掌握在他手上。只要有意外,就會讓你的專題開天窗或效果大打折扣。我相信你不會希望這種狀況發生在畢業製作上。

第二,好不容易升上大學,我誠摯建議你可以去嘗試看看新的東西。互動系裏和平面設計、美術相關的課程少之又少,如果你又抗拒寫程式的話,那幾乎就沒有東西可學了。如果就這樣空轉到大學畢業,你和其他學生的就會有四年的實力差距,這個差距對未來找工作或考研究所是很不利的。

第三,互動系大部分的科目都需要寫程式才能完成。這些科目有時是分組作業,但也有個人作業的情況。當分配工作的時候,人家總要因為「你不會寫程式」而需特意將某些工作排開不分給你,如果你的美術能力不是強的驚天地泣鬼神,久而久之,你就會變成別人眼裡「比較不好合作」的那群人。而你要知道,分組時別人總是會優先去找更好合作的同學。

利用實習提前體驗業界生活

在遊石設計實習的最後一天
2022年我在遊石設計開始了為期六個月的UI設計實習

北科有規定學生在畢業前需要完成320小時的實習。多數的學生會在大二升大三的暑假完成,不過你也可以選擇利用一整個學期的空堂時間或其他寒暑假搞定它。能夠實習的場域基本上沒有限制,但為了你的未來著想,會建議以和自身科系專業有相關的場域比較好。場域可以自己找,也可以由專題老師為你推薦(要看老師,有些不會幫你推薦)。

實習是個很珍貴的機會,可以讓你思考大學畢業後,哪個方向你比較有興趣。以互動系來說,學生多數會分成遊戲設計、互動裝置設計、UIUX設計三大類。遊戲設計類多半會到多媒體公司、遊戲設計公司去實習;互動裝置設計類則有可能去如參視等知名互動公司實習;UIUX設計類會到相關設計公司去(如我的實習公司遊石設計)。

每年春天系上都會舉辦「實習大會」,由已經完成實習的學長姐們向學弟妹分享實習經驗與注意事項。然而,我自己感覺聽完實習大會後馬上找實習+跑文件流程會很趕,所以建議是提前一年參加實習大會,比較不會慌張喔。

想要了解更多我的實習經驗可以參考此篇文章。

相關資源

其實互動系的學長姐們有做過很多關於互動系的介紹、作品了,只是一直缺乏一個妥善的整理。我把相關的資訊都列在下面了,如果有興趣可以看一看喔!

系網站與資源

教師個人網站

2024 Feb. update: 對於系所教授的專業研究領域有興趣的同學,可以參考以下網站喔!由於不是每位教授都有提供個人網站,因此這裡只放上我更新時有收集到的。

姓名職稱網站
曹筱玥教授/系主任作品集
鄭建文副教授互動音樂與多媒體實驗室
戴楠青副教授人機互動與行為研究實驗室
韓秉軒助理教授個人網站

作品

介紹影片

系上活動

互動之夜是互動系每年下學期慣例的活動。注意表演背景的3D動畫全部都是系上的學生自己做的喔!

展覽紀錄

粉絲專頁

我們互動系108級即將在2023年舉辦畢業成果展!如果想知道我的最新作品或是更多互動系相關資訊,歡迎追蹤以下FB和IG!

互動設計系 108級畢業展「繭」

常見問題

這裡記錄了大家常問我關於互動系的問題,如果你的問題沒有在上面,歡迎透過聯絡表單 或是我的Instagram私訊我,我會盡快答覆。

Q : 我未來想就讀互動系,我該趁開學前的暑假預習哪些科目比較好?

如同文章開頭所提,互動系要學習的東西很多,要想透過暑假全部準備起來是不可能的。因此我建議你可以從以下的圖表中選擇自己喜歡的路線。只要準備一個科目,其實就很足夠幫你擋掉開學後的負擔了喔!剩下來不會的科目再靠省下來的時間想辦法學習。

趁著入學前的暑假選擇自己喜歡的預習路線吧!
  • 影音剪輯路線:After Effect + Premiere Pro(基本的影片剪輯、配樂與動畫特效)
  • 寫網頁路線:Html + Css + Javascript
  • 製作遊戲路線:Unity + C#
  • 3D建模路線:3ds MAX或是Rhino(Blender也可以,需留意這不是學校會教的軟體,因此開學後還是要熟悉指定軟體的介面,但3D概念是通用的)
  • 寫程式路線:Python 或是你有興趣的程式語言(像我是學iOS 的Swift)(這條路線對於完全程式新手來說比較容易迷茫)

※ 如果是對UI/UX設計有興趣的同學,很遺憾入學前暑假我並不推薦你先預習這部分的科目。因為UI/UX是屬於大二、大三的科目,並且需要專業的理論知識作支撐才會學得有用,這部分等到時老師教你就足夠了。建議你優先把精力放在大一會出現的難關上面。

※ 以上的路線可以透過Youtube或是利用線上課程平台來學習(推薦)。Youtube雖然有許多免費的課程,但課程完整度很取決於上傳的創作者。有時創作者看點閱率不好就不更新教學影片了(真實經驗)。另一方面,線上課程平台因為每堂課都要付費、且平台上競爭者多的關係,能夠獲得大量高評價的課程通常真的教的很好、並且會循序漸進帶你入門。你可以依照習慣的語言選擇Hahow或是Udemy、Skillshare等平台。我自己是還蠻推薦Udemy的,裡頭課程常常破盤大特價,且內容都很優質,只不過語言都是英文居多就是了。

Q : 互動系適合使用蘋果電腦(mac)嗎?

要看情況還有mac的晶片種類,有時適合有時候不適合。

互動系的課程沒有一定要使用Windows電腦,就算只使用mac絕大多數時候也沒問題。我自己互動系四年就是使用mac(Intel晶片),過程中除了一門課一定需要用Windows以外,其他課都通行無阻。比例的話,班上80人裡差不多有10人是使用mac。另外,使用Intel晶片的mac,你可以選擇利用虛擬機安裝Windows,這樣電腦就可在macOS與Windows雙系統間切換;但如果是M1等M系列晶片,就不能夠安裝Windows(雖然也是有辦法但不建議)。

在同價位下Windows電腦通常提供比較好的性能搭配,但是就筆電的耗損率來說也較高;而mac雖然性能給的比較少,但提供業界標準的色彩顯示螢幕(這對於設計師來說很重要!),且耗損率也比較低。況且現在M1晶片效能也沒有差到哪裡去。就看自己評估需要用到的工具有無支援、需要哪種特色以及預算囉。

Q : 讀互動系電腦需要到什麼規格比較好?

不管是Windows還是Mac,都不要選文書機(這類的筆電通常長相比較輕薄、纖細,但也有例外)!互動系會需要做3D建模、動畫算圖、跑遊戲等,這些項目都很要求電腦的效能。因此最好買電競等級的旗艦筆電(Win)或蘋果的專業款(Macbook Pro),應付四年的需求。

追蹤我的IG帳號@chengyi_hsieh

我的最新動態都在這裡!

追蹤

RECOMMEND

PROMOTION

全面釋放設計生產力

集結超過10種以上專業工具的Spaciing(Figma plguin),可幫你省下可觀的寶貴時間。

立即購買