
資安尖兵大挑戰|互動遊戲學資安
Game UI Design (Web).Illustration
Overview
資安尖兵大挑戰為一款線上遊戲,於2021 SEMICON TAIWAN 國際半導體展的 SECPAAS 資安館展出,旨在透過遊戲的方式,傳遞資安觀念的重要性及台灣資安產業與資安產品的特色。
Time / Roles / Client
Time: 2021
Design Lead: Cindy Su
Game UI Design: Hui Hsin Yang (My role👽)
Illustration: Hui Hsin Yang (My role👽)
Web Development: Sunny Chang
Project Management: Robert Huang, Elsa Wang
Client: 工業技術研究院(工研院)
Objective
本專案除了透過線上遊戲的方式於展覽中推廣資安相關知識,玩家答題全對亦可參加抽獎活動。為達成這兩項目的,並透過展場硬體設備提供良好的遊戲體驗,綜合各面向目標如下:
目標用戶|展覽中的參觀者
遊戲裝置|展場中的兩台電腦各自外接大螢幕
設計風格|客戶期望為像素風格 (pixel art)
問答題型|三選一的選擇題
問答內容|資安服務相關的非普及性知識
遊戲結果|5題全對可參加抽獎
Challenge
奠基於客戶需求與專案目標,透過設計、技術、專案管理三方團隊的協作,從以人為本的思考出發並考量展場可能突發狀況,製作能達成遊戲目標、視聽效果、符合開發技術可行性的資安線上遊戲。
Solution
介面設計上,為遊戲賦予故事性和趣味,將科技感的實驗室結合復古像素風格,融入五道資安題目中,讓玩家在進入資安實驗室闖關答題與抽獎的同時亦達到傳播資安知識的目標。






Flowchart
整合遊戲題目、抽獎機制、遊戲敘事,並與工程團隊討論技術可行性與限制,規劃遊戲流程與操作邏輯。

Storyboard
透過Figma軟體進行團隊協作,將設計稿切圖拼成每格運鏡的完整畫面,利於不同團隊對遊戲視覺有一致的概念,讓專案進展更順利。分鏡腳本中,遊戲動畫的構成以一次運鏡為單位做拆解,標註運鏡方式、時間、音效等說明。
Prototype
Learning & Takeaway
同時滿足商業目標、開發技術限制、設計目標是這次專案經驗中最大的收穫之一。實務經驗中,專業能力不只是從設計的角度對專案進行思考,更需要綜觀全局解決問題的能力。
此外,非常感謝從提案到設計交付,一起共事的團隊成員們,讓這款線上遊戲能於展場中順利運作並獲得好評,尤其特別謝謝我們設計團隊的設計總監Cindy,帶領我走完整個專案並一同討論各項利於專案進行的設計解決方法。