一、 為什麼要辦這個活動？
你有過這些念頭嗎？
「身為設計師，好想把我的設計稿變成真的會動的工具，但想到寫程式就頭痛...」
「想幫自己的品牌做個小測驗或小計算機，但請工程師開發太貴、自己寫又不會...」
「聽過 AI 寫程式，但實際操作時總是被報錯搞瘋，不知道怎麼用...」
為了「有想法、沒技術」的你設計的！
在 AI 協作的 Vibe Coding 時代，我們不再需要逐行寫程式碼，而是學習如何與 AI 溝通。
我們會帶領你克服技術恐懼，親手做出一個「具備功能」的單頁式工具網站。
什麼是「具備功能」的單頁式工具網站？當天你會做出什麼？
一個輸入框： 讓使用者輸入資訊（例如：輸入生日、輸入品牌關鍵字）
一個互動按鈕： 當按鈕按下去時，網站會自動執行運算。
一個輸出結果： 立即顯示結果（例如：生成測驗分析、產出品牌段落）
不依賴於 AI 平台運作，而是一個獨立的、屬於你的數位作品
二、 活動資訊
日期： 2026 / 06 / 6 (六)
時間：14:00 – 18:00
地點： Happ. 小樹屋 - 楓香 401，地址：臺北市中山區民權東路二段46號 4樓-401房（捷運橘線中山國小站）
人數：上限30人
三、 報名條件與費用
報名條件：
對象： 設計師、創意工作者，有想法但不知道怎麼做出來的人
必備工具： 需自備筆記型電腦＊因場地插座數量與電壓限制，現場需輪流充電。建議在活動前將筆電充好充滿
不需要具備程式基礎（HTML/CSS/JS），只需具備想法與創作動機
活動費用：
一般票： NT$ 1,500
雙人同行推廣票： NT$ 2,800
四、 活動流程
時間 | 階段重點 | 執行內容細項 |
14:00 – 14:10 | 報到 | 參與者報到與自由交流 |
14:10 – 14:20 | 開場與活動說明 | 主辦方及講師介紹 |
14:20 – 14:30 | 講師主題講解 | 目標設定：明確定義「單頁互動網站」的產出標準 |
14:30 – 17:00 | 實戰製作與部署 | 實戰開發：在 AI 協作下產出第一個具互動功能的網站 |
17:00 – 17:30 | 作品展示與互測 | 參與者成果分享與交流 |
17:30 – 18:00 | 總結與自由交流 | 總結 Vibe Coding 開發流程關鍵點 |
＊現場會準備飲品與小零食，現場備有飲水機，為了守護地球，歡迎自備環保杯
五、 講師與主持人
特邀講師：
Saori｜軟體工程師
在 vibe coding 的教學中，我不只是帶大家使用工具，而是更重視「如何思考與拆解問題」，讓想法可以被快速驗證、反覆迭代，並逐步落地。
希望透過這樣的方式，幫助更多人用更低的成本，將自己的想法變成實際可用的成果。
主持人與助教陣容：
Mia Lin｜跨文化溝通與國際展會統籌，致力於協助各項專案精準落地
Yochi｜將商業目標轉化為數位產品，並熱衷結合 AI 開發實用工具
Suzy｜專精品牌視覺與大型活動統籌的資深平面設計師
李小胖 Bruce Lee｜開源社群的深度推動者，擁有豐富社群營運經
協辦單位：
- 旺兔設計工作室
什麼都能幫品牌變美的設計團隊！不管是網站規劃、品牌 Logo 還是包裝設計。不只要好看，還要能打動人心，用最精準的視覺幫品牌在市場上站穩腳步。
- toogood 好好粗甜點
手作提拉米蘇大福｜減糖｜無添加｜純粹的甜點
實作發想方向
1. 品牌專屬：互動小工具
這類工具能增加品牌與客人的互動感，非常適合有個人品牌或工作室的設計師。
- 報價試算器： 輸入設計項目（如 Logo、海報、網頁）、修改次數，點擊按鈕後立即顯示「預估報價金額」。
- 品牌色建議機： 讓使用者輸入一個「品牌關鍵字」（如：森林、科技、溫暖），網站自動跑出建議的 色碼。
- 設計排程產生器： 輸入活動日期，自動回推並列出各階段（初稿、二稿、定稿）的建議截止日。
2. 生活風格：個人化分析
這類網頁具備「小測驗」的性質，社群擴散力最強。
- 今日咖啡指南： 輸入你現在的心情或剩餘體力，按下去後推薦今日咖啡
- 極簡清單檢查表： 輸入當天必做的三件事，按鈕點擊後會顯示一段鼓勵的話
- 穿搭色系產生器： 根據當天氣溫（輸入氣溫），給出建議的穿搭主色調
3. 設計師的「冷笑話」與幽默
用程式來呈現設計師的日常辛酸，是練習邏輯最好的切入點。
- 改稿次數勸世機： 輸入目前的改稿次數，點擊後根據次數多寡顯示不同的勸世語句（如：次數 1 =「好的開始」；次數 10 =「請考慮加收費用」）
- 檔名隨機產生器： 點擊按鈕，隨機產出 最終版_真的最後一版_2026_0606.ai 這種幽默檔名
- 老闆通靈器：翻譯老闆口中那些模糊不清、像外星語般的指令
4. 實用功能：轉換與計算
- 設計尺寸轉換器： 輸入px數值與dpi，自動算出對應的 cm印刷尺寸。
- BMI 或 飲水量計算： 輸入身高體重，算出每日建議飲水量。
在發想時記得要符合以下結構：
- 一個輸入 (Input)： 使用者要填什麼？（數字、文字、選項）
- 一個邏輯 (Logic)： 程式要做什麼運算？（加減乘除、或是根據關鍵字換句話說）
- 一個輸出 (Output)： 畫面上會出現什麼？（結果金額、一段話、一張變色區塊）
I/O 逐點|設計師實驗室
是專屬設計與藝術創作者的跨域交流平台，我們由一群熱愛連結的獨立工作者組成。
因為熱衷於「把人聚在一起」，我們創造這個平台讓創作者相遇
從簡單的交流開始，一起玩出點什麼，讓改變自然而然地發生！
透過多元聚會打破創作孤島，讓每一次相聚都將轉化為實質養分，為你輸入洞察，輸出無可取代的影響力。
I/O Point by Point | Designer’s Lab
We are a cross-disciplinary exchange platform dedicated to designers and artists, founded by a group of independent professionals who are passionate about building connections.
Driven by our love for "bringing people together," we created this space for creators to meet. Starting with simple interactions, we aim to play, experiment, and collaborate—letting meaningful change happen naturally!
