視覺設計 · 包裝 · 3D · 互動網頁

將複雜內容, 轉化為清晰而有溫度的視覺體驗。

本工作室為活動、教育、文化及品牌項目提供視覺設計, 並按項目需要結合動態內容、3D 與 Three.js 互動網頁, 建立可理解、可使用及可延伸的品牌體驗。

活動視覺 包裝與資訊設計 Three.js Prototype
Scroll
01 / Selected Work

由概念開始,
走進真實場景。

每個案例以不同方式呈現,從主視覺延伸、互動遊戲、包裝成品, 到高資訊密度內容與數碼宣傳,展示設計如何真正被使用。

點擊圖片可查看附水印的放大版本。

作品重點

主視覺延伸包裝與實物社交媒體宣傳互動體驗/Three.js

由概念整理、版面轉譯,到實際輸出與展示,每個案例都以可被使用的方式呈現。

Case 01

都市綠油油嘉年華

以統一角色與自然場景建立活動主視覺, 再延伸至 A3 海報及大型橫額,兼顧遠距閱讀、資訊層次與現場識別。

負責範圍活動主視覺、海報、橫額
應用場景社區及環保主題嘉年華
交付內容印刷及場地宣傳物料

工作室筆記 同一主視覺需要同時適應近距離閱讀的海報,以及遠距離觀看的橫額。 因此角色比例、活動名稱與資訊區域會按輸出尺寸重新編排,而非單純縮放。

Case 02

環保教育互動遊戲及紀念品

由角色卡、棋盤到現場互動,案例以滾動故事呈現, 展示設計如何由平面內容走進戶外公眾活動。

01

建立角色識別

角色卡需要同時承載角色個性與教育訊息, 因此正反面以一致色彩與框架建立辨識度。

02

轉化為大型遊戲

棋盤採用高對比路線、角色與起終點標示, 讓參加者在戶外環境中仍可快速理解玩法。

03

形成參與體驗

大型地墊遊戲讓設計由觀看轉化為參與, 參加者在遊玩過程中接觸環保訊息。

04

進入活動現場

角色卡被製作成實體活動物料, 讓工作人員能夠以更具互動性的
方式介紹內容。

Case 03

Pizza精靈店:食材去哪兒?

將遊戲主題、角色與玩法資訊整合為完整盒裝視覺, 並呈現由平面包裝設計至實物生產的成果。

Case 04

天然護理產品包裝系列

以柔和自然色調區分不同產品功能, 並在細尺寸標籤內整理品牌、產品名稱與必要
資訊, 建立一致的產品系列識別。

01 / 03

甜睡噴霧

以柔和黃色及星點建立輕盈、舒緩的睡眠產品印象。

02 / 03

潤手霜及潤唇膏

以花卉色彩區分產品功能,同時維持系列一致的資訊結構。

03 / 03

天然紫草膏

以紫草圖像與圓形標籤配合小型金屬盒,保持清晰而容易辨認。

Case 05

塑膠分類及回收資訊設計

將塑膠分類、回收去向、處理流程與再造物料等高資訊密度內容, 整理成具系列感、適合現場閱讀的教育展示。

Information Design

讓大量內容仍然容易閱讀。

兩幅易拉架使用一致的色彩、圖示與資訊層級, 將複雜流程拆分成可快速掃讀的段落。

  • 分類與處理流程
  • 圖示化物料說明
  • 系列版面與遠距閱讀

Case 06

涵蓋節日、工作坊、社區活動及環保教育題材, 以不同視覺語言配合平台尺寸、宣傳目的與資訊密度。

02 / Services

從一個畫面,
延伸成完整體驗。

本工作室按項目需要組合平面、包裝、資訊、3D 與互動網頁能力, 讓視覺不只停留在單一輸出。

01

活動與宣傳視覺

主視覺、海報、社交媒體圖像、橫額、易拉架及多尺寸延伸。

02

包裝與資訊設計

產品標籤、包裝展開圖、教育展板及高資訊密度內容視覺化。

03

3D 與互動網頁

3D 物件展示、Three.js Prototype、虛擬展覽與互動數碼敘事。

03 / Studio

設計的價值,
在於被理解與使用。

本工作室熟悉活動、教育、文化與社區項目, 擅長將繁複資料整理成清晰視覺, 並持續發展 Motion、3D、WebGL 及互動網頁能力。

每個項目均先確認目標、受眾、交付內容與實際使用情境, 再建立一致、可執行並具延伸性的設計方案。

01

理解

確認目標、受眾、工作範圍、時程及預算。

02

整理

梳理內容層次,建立清晰的視覺方向。

03

發展

完成核心視覺,並延伸至所需物料與平台。

04

交付

按確認範圍修改、輸出及整理最終檔案。

04 / Start a Project

正在規劃一個
值得被記住的項目?

請提供項目類型、所需設計內容、預計時程及預算範圍,
讓本工作室更有效評估合作方式。