2
2009-2012 Kuan,Pei-Hsuan's PORTFOLIO
官佩萱作品集
3
個人簡歷 Resume
04 - 07
平面設計
Graphic Design 海報設計 / 音樂會視覺設計 / 圖文書創作 / 版畫創作個展
08 - 31
產品設計
Product Design FOLDY 掃街工具車 / 食設計 / 年長設計 / 空氣清淨機設計 / 再生傢俱設計
32 - 67
介面設計
App GUI Design i CAN Interactive Communication System / Trip talk APP
68 - 87
設計實務
Design Practice 數位像框分析與設計
88 - 97
設計活動參與
Design Activities TTD 台科大系展 / 蘆竹湳拱井裝置藝術 / 熱血心設計 - 候鳥計劃
98 -125
Introdution/ 關於我 about me
官佩萱 / Pei Hsuan, kuan Aug 10 / 1990 Chayi / Taiwan Email / chau521711@hotmail.com 台灣科技大學工商業設計系 ,2012 年畢業班級
School Record
就學經歷 2003-2005 嘉義市立蘭潭國民中學 美術班
2006-2008 國立嘉義高級商業學校 廣告設計科
2009-2012 國立台灣科技大學工商業設計系 工業設計組
6
Autobiography
自傳
來自，阿里山的大家庭
所學，多方學習保持對設計的熱忱
來自嘉義市，老家在阿里山，成長於樸實溫
在工設的四年，訓練了更清楚的思考邏輯，
暖的大家庭，有六對叔叔嬸嬸與一打堂兄弟
細微的觀察、分析以及轉化的能力。
姊妹，我是官佩萱。
除此之外，對商業設計的課程相當有興趣， 多次選修相關課程，課程中除了應用工設所
態度，收獲來自耕耘
學之外，也藉由這些課程學到與工設不同的
老家在風景區民宿經營，從小常有機會面對
思考方式以及不同的設計觀點。
不同的客人，習慣面對人群。服務性質的工
接觸各個領域的設計人、事、物並從中檢視
作內容讓我體會長輩的辛勞，也因此建立了
自己的學習態度與處事觀點，是我保持對設
現在的處事態度 ─ 收穫，來自耕耘。
計熱忱的方式。
未來，給自己一個機會歸零，重新開始 國中，學美術；學習描繪、觀察、美感。 高中，學廣告設計；奠定平面設計的基本概念。 大學，學工業設計；學分析、歸納，訓練邏輯思考能力，學習換個角度看事情，學習解決問題。 未來，我想把自己歸零，給自己一個機會在商業設計研究所重新開始。 因為在做這個領域的作品時，我感受到一種前所未有的專注，及完成作品後的滿足感，這樣的感覺是在 做其他作品時很少感覺到的，因此我心裡一直有一個聲音告訴我：我一定要給自己一個機會，讓自己去 做有熱情的設計，自在地做設計。未來兩年，我想帶著這四年的所學，到一個全新的領域，讓心態歸零 虛心學習，重新開始，讓過去與未來碰撞，創造更多可能性。
7
Resume / 個人簡歷 the experiences from 2008 to 2012
Copetitions
競賽參與 2008-2010 第三屆晟銘盃應用設計競賽 -Turn 入圍 第三屆晟銘盃應用設計競賽 -Turn 人氣獎第一名
2011 通訊大賽 Android 使用者介面設計競賽 冠軍 APP STAR 高手爭霸戰大賽 亞軍
嘉義市學生美展「平面設計類」 第一名 全國學生美展「西畫類」 佳作 全國商科技能競賽「平面廣告製圖」 21 名
Special Experience
特殊經歷 2009-2010
2011
台科大精誠榮譽學系系晚會 場佈組長
台灣百年設計展交鋒展 參展
咖啡店 33 號 店章設計
咖啡店 33 號版畫 個展
咖啡店 33 號 咖啡豆豆袋設計
第一屆蘆竹湳古井裝置藝術 參展 第 30 屆新一代設計展「國科會前瞻概念設計計畫」 參展 台科大設計系展 TTD「過程孕育風格誕生」 展件負責人 台科大設計系展 TTD「過程孕育風格誕生」 展場組
8
Softwares
應用軟體 2012 第 31 屆新一代設計展 工業設計類銅獎 第 31 屆新一代設計展 廠商贊助獎 2012 Reddot Product Design 入圍
2012 竅門設計事務所 實習 高雄駁二特區熱血心設計 策展團隊 好 young 創意特展 參展 台灣設計師周 Tea Party 幕後工作人員 台灣設計師周「FLOW」設計星勢力 參展 第 31 屆新一代展前記者會 台科大工設組代表 2012 台灣科技大學工商設計系工設組畢籌會 文宣組組長
9
平面設計 Graphic Design
10
圖文書創作 / 紀念音樂會視覺設計 / 海報設計 / 版畫創作個展 /
11
01 官於，你我他 / 版畫創作圖文書 To my lovely family
創作理念 我的老家在阿里山，在大家庭中長大，家族感情緊密，休假 時時常回老家相聚。 2010 農曆年偶然在老家翻出數本爸爸和叔叔年輕時的照片及 堂兄弟姊妹小時候的照片，引起創作的動機，將照片裡的回 憶及故事透過版畫媒材表現並撰寫文案，編輯成圖文書。
12
13
14
Graphic Design - Book Edit & Design
15
16
Graphic Design - Book Edit & Design
17
02 家族紀念音樂會 / 主視覺設計 2012 Memorial concert 家族每年都會舉辦紀念音樂會，感念兩位長輩，同時也是一個 讓家族成員團聚的好機會，同時也會有許多老朋友會來與我們 聚首敘舊。 音樂，啤酒，老照片是今年活動的主軸，因此主視覺主要概念 將環繞村莊的溪水轉化為啤酒的意向，象徵熱情邀約老朋友及 家人回家吃飯，背景則是老朋友們對豐山最熟悉的印象 -- 塔山 群、石鼓盤大橋，營造一種賓至如歸溫暖的感覺。
紀念音樂會邀請卡
18
片 照 老 ， 酒 啤 ， 樂 音
Graphic Design - Poster Design
2012 豐賓山莊 紀念音樂會＆啤酒節
19
03 海報設計 Poster Design
1 / Name Design
3 / Letter Cutting
1 / Name design 用具個人特色的姓氏“官”做主軸，加上最常出現的 裝扮，凸顯個人特質。
2 / POP Style Poster 普普藝術多以貼近生活的議題作為主題；海報選定貼 近現代人生活的“抗癌”作為主題，主視覺是近來常 用來抗癌的花椰菜，提醒民眾蔬食的重要性。
3 / Letter Cutting 2 / POP Style Poster
讓一個字母露出最少的面積，卻還能清楚辨識，關鍵 在於抓到字母最重要的特徵－視覺傳達最種要的事。
20
4 / Cubism Style Poster
Graphic D esign - Poster Design
21
04 1/2 Espresso / 版畫個展 Block print Exhibition in coffee33
展覽動機 咖啡店 33 號是位於嘉義市郊的自家烘培咖啡店。 2009-2011 年， 替 咖 啡 店 33 號 設 計 4 款 店 章 及 一 款 豆 袋 章。2011 年 8 月 以 咖 啡 店 為 題 設 計 5 幅 版 畫 作 品， 合 同 五 款 店 章， 以 合 作 形 式 舉 辦 店 內 的 第 一 場 個 人 創 作 畫 展 1/2 Espresso 版畫個展。
聯合展出 / 咖啡店 33 號、官佩萱 展出內容 / 版畫、店章、畫冊 宣傳 / 咖啡店 33 號、官佩萱 攝影 / 李哲仁、Ada、官佩萱 美術 / 官佩萱 文案 / 官佩萱、李哲仁、林宜潔 編輯 / 官佩萱 媒材 / 版畫
22
Graphic Design - Block Print Exhibition
23
Exhibition Concept
展覽概念 第一次遇到超人是在他媽媽的早餐店裡，他正在 “ 創業中 ”，送每 個買早餐客人喝咖啡。我不好意思地跟他說：『我不能喝咖啡』， 認識他更多以後，被他熱愛咖啡且樂於分享的敬業精神感動，我 跟超人說：『有一天我可以喝咖啡的話，我第一杯咖啡要喝你沖 的咖啡！』。 果真 2011 年，我喝了人生中的第一杯咖啡 - 1/2 Espresso 的特調 拿鐵。第一次喝咖啡，我當然不懂深焙淺焙還是偏酸偏苦，我唯 一喝得出來的是：體貼顧客的心加上想分享咖啡的心， 1+1 在這 種時候絕對大於 2 ，於是決定將個展取名為 1/2 Espresso，並將 咖啡店 33 號作為展覽主題。
24
2011 2010 2009
Graphic Design - Block Print Exhibition
Stamps Design
店章設計
25
Design the Images
主題構思 1/2ESPRESSO 個展與咖啡店 33 號合作展出，作品題目主 要表達咖啡店的經營理念及工作態度。創作內容透過在咖 啡店的觀察，挑選符合店內精神的文案及搭配的元素，部 分則與咖啡店老闆及主任討論提供文案及圖片。
01
26
02
Graphic Design - Block Print Exhibition
03
04
01 / Share,sharing lights up the coffee 02 / ROCK'N ROLL'S STYLE 03 / 我們在咖啡店 33 號，期待為你煮杯咖啡 04 / 烘豆中
27
28
Process
製作過程
晾乾 /
Graphic Design - Block Print Exhibition
製版 / 木板、橡膠板
印版 / CASON 紙 配色 / 咖啡店 33 號老闆的外號是「超人」。 店裡隨處可見超人的飾品，以這樣的特點做為配 色的依據，挑選紅色和藍色做為版畫的主色調。
29
30
Graphic Design - Block Print Exhibition
31
咖啡店33號
圖/文
32
官佩萱
Graphic Design - Block Print Exhibition
33
產品設計 Product Design
34
FOLDY 掃街工具車 / 食設計 / 年長設計 / 空氣清淨機設計 / 再生傢俱設計 /
35
05 FOLDY / 輕型掃街工具車 The street sweeper for Taipei 台北市有 7200 多位清潔隊員，常見他們在街道上的辛勤打掃的身 影；但他們使用的清潔工具隨處停放反而影響街道觀感。 以 2016 台北市爭取世界設計之都為前提，以提升都市美感為目標； 我們用改良的掃街工具車，打造不一樣的清道模式，讓設計實踐 在台北街道 ! 首先，以輕型清潔機具掃除馬路面，取代目前以人力為主的掃除 方式，提高清潔效率及全面性。人行道和汽機車停放位置，則由 輕巧的工具車 FOLDY 進行掃除。 FOLDY 輕巧、可收摺而方便攜帶，掃街人員在清掃完畢後能輕鬆 的將工具車歸回分隊統一保管，為整頓街景的第一步。制定清潔 隊 的 CIS 識 別 系 統， 打 造 專 業 形 象， 提 升 民眾對清潔隊的職業認 同感，變身維護台北市容的專業職人 !
2012 畢 業 製 作 官佩萱 & 陳尹之 指導教授 / 董芳武
教授
王俊隆
老師
周育如
老師
指導單位 / 都市酵母 模型指導 / 太平洋自行車
36
Product Design - FOLDY the treet sweeper
37
Problems Discribtion
問題描述 清道夫的工具車應該是維護市容的重要工 具，而不是不堪使用又破壞市容的障礙物。 1) 物件 / 清潔工具車是維護市容的重要工具，目前 功能不足提供清潔隊員使用。 2) 環境問題 / 工具車造型隨意停放造成觀感不佳的 情況隨處可見影響市容。 3) 環境特色 / 目標地區鎖定於人口稠密，注重街道 景觀、城市議題同時是發展觀光的台北地區。
Design Position
設計方針
改善市容
結構 基本功能
38
產業合作 開發
材質
外觀
輕便耐用
改善市容
都市管理 效益提升
清潔隊 改造 清潔隊員 職場認同感提升
台北市 化身設計城
Product Design - FOLDY the treet sweeper
工具收納
車體結構
專業形象
重新設計收納方式：垃圾桶、個人物
簡化垃圾桶空間，節省拿出垃圾的
設計工具車 CIS 系統，塑造專業形象。
品放置空間、掃具。
力氣，並減少車體重量。
39
Concept
設計概念 打 破 傳 統 垃 圾 桶 的 封 閉 空 間， 利 用 框 架 結 構 撐 起 垃 圾 袋。 除 了 能 夠 避 免 積 水 之 外， 鋁 合 金 為 主 的 車 體 達 到 最 佳 輕 量 化， 目 的 是規畫未來必須將清潔車在非工作時段歸 回分隊，淨化市容。 設計巧妙的配件收藏清潔工具、個人用品。 重 新 為 台 北 市 清 潔 隊 設 計 專 業 識 別 系 統， 提升清潔隊職業認同感 !
+ 電動機具＋ FOLDY 大 面 積 路 面 用 電 動 清 潔 機 具 先 行 掃 除， 取 代 目 前 以 人 力 為 主 的 掃 除 方 式， 提 高 清 潔 效率及全面性。 人 行 道 和 汽 機 車 停 放 位 置， 則 由 輕 巧 的 工 具車 FOLDY 進行掃除。
40
Product Design - FOLDY the treet sweeper
41
Features Description
設計特點
01 / 重 新 為 環 保 局 清 潔 隊 設 計 的 識 別 形 象 系 統， 兩個循環的箭頭加上馬路的單白虛線，代表維護 台北市市容的清潔隊。 02 / 用可收摺的框架取代封閉空間的大型垃圾桶， 能夠套置垃圾袋，讓推車更輕量，更方便收納、 移動。正方形框口邊角加上矽膠可將垃圾袋套緊。
02 03 / 掃 把 與 畚 箕 可 置 放 於 框 架 後 方 的 凹 槽， 並 利 用磁鐵吸附於橫桿，方便拿放及固定。 工具車握把以防水柔軟的塑料纏繞而成，可替換。 04 / 為 清 潔 人 員 設 計 工 具 包， 讓 他 們 在 工 作 時 有 專屬的置物空間放置個人物品及小工具，下班時 也可拆卸帶走。反光布車邊做為警示。 05 / 底 部 鋁 板 用 以 支 撐 垃 圾 袋 底， 底 板 鏤 空 具 排 水功能，方便清洗。三輪可平推旋轉，減少載垃 圾時推行的負擔。 後方設有腳踩剎車，能夠避免車子在傾斜的路面 滑動。
04
42
Product Design - FOLDY the treet sweeper
03
05
43
Behind the Scenes
模型製作花絮
44
45
06 潔減 / 廚餘桶設計 A better way to dispose of kitchen waste 媽 媽 們 常 在 水槽 邊 掛 上 塑 膠 袋， 收 集 菜 葉 和果皮，剩菜 剩飯則收集在鍋子裡。 用塑膠袋丟置果皮是個方便的方式，但長時間累積下來， 連帶被丟棄的塑膠袋是相當可觀的垃圾量。湯湯水水的 廚 餘 裝 在 鍋 子裡 除 了 觀 感 不 佳， 也 容 易 不 慎打翻，造成 許多困擾。 潔 減 廚 餘 桶 能同 時 盛 裝 堆 肥 和 廚 餘， 並 能 單手拿取，重 復使用，減少浪費。
compost kitchen waste
46
Product Design - Eat Project
47
Problems Discribtion
問題描述 塑膠袋造成環境污染 1) 滋生蚊蠅。 2) 每次使用都必須重複打開、綁起來，使用不便。 3) 倒垃圾時會沾手，塑膠袋容易掉入垃圾車。
廚餘用鍋子盛裝 1) 湯湯水水容易打翻，且佔空間。 2) 不易完全將廚餘倒進垃圾車，容易殘留在容器裡。
48
Product Design - Eat Project
49
Idea Sketch
概念發想 1) 廚餘湯汁瀝乾 / 濾水功能與水槽合併。 2) 避免產生異味 / 上蓋。 3) 與垃圾同時攜帶 / 單手可握持廚餘桶。
50
Product Design - Eat Project
51
Features Description
設計特點
雙層設計
上層底部墊高
分成上下兩層，上層有瀝水功能用於放置廚餘。下層附帶把手，用來盛裝果皮。
廚餘桶上層底部墊高，方便
倒垃圾時，將上下兩層疊起來，用單手持握下層的握把，就可以同時將廚餘和 果皮一併帶出，另一手可拿垃圾，不必手忙腳亂。
52
Product Design - Eat Project
便拿取，同時避免上層在移動時傾倒。
廚餘瀝乾 廚餘桶上層設計過濾水分的孔洞，孔洞的範圍符合水槽的過濾槽尺寸， 讓廚餘湯汁可以直接流進排水孔，避免弄髒水槽。
53
54
07 捷淨 / 假牙清潔盒 Design for my dear grandparends 七 成 以 上 的 爺 爺 奶 奶 使 用 假 牙 輔 助 進 食， 假 牙 清 潔 與 保養對口腔衛生及健康非常重要。 半 年 長 者 常 常 因 為 缺 乏 相 關 知 識 及 專 用 器 皿， 將 假 牙 隨 意 擺 放 而 造 成 遺 失、 掉 落 而 損 壞。 隨 手 擺 放 的 習 慣 也讓同住的親人感到觀感不佳。
讓年長者能更簡單且衛生的清潔假牙。
Product Design - Elder Project
透過了解假牙保養要點，重新設計假牙清潔專用器皿，
55
Problems Discribtion
問題描述 現有清潔容器不通風，滋生細菌 也常見爺爺奶奶為了讓清潔容器晾乾，而將它倒扣在 洗手台周圍，但清潔和本身沒有孔洞能讓水分充分瀝 乾，反而容易造成細菌滋生。
56
Product Design - Elder Project
使用經驗不佳 浸泡容器不具瀝乾功能，使用者必需徒手將假牙從清潔液 中撈出，容易造成汙染且使用經驗不佳。
觀感不佳 許多使用者習慣用衛生紙包覆假牙，隨意放置，易造 成他人不慎碰撞掉落或誤丟。
57
Features Description
設計特點 霧面處理 容器表面霧面透光處理，使用者可以清楚的辨認 假牙的位置以及清潔液的水位；其他人也可以從 假牙透光後的形狀判斷裡面的東西是假牙，但由 於霧化的處理，解決觀感不佳的問題。
濾水功能 產品分成上下兩件器皿和中間的濾蓋從浸泡假牙 到取出使用只要翻轉容器讓清潔液經濾水層和假 牙分開，就能將假牙上多餘的水分濾乾。
58
Product Design - Elder Project
59
Working Process
操作過程
60
假牙清潔盒共分為三件 上層容器 / 濾蓋 / 下層容器
Step1 / 將假牙放入下層容器
完成浸泡程序
Step 4 / 將容器翻轉，即可讓清潔液和假牙分離。
Step 2 / 倒入清潔液 / 清水
Step 3 / 將濾蓋盒上蓋蓋上
Product Design - Elder Project
Step 5 / 假牙瀝乾，取出使用。
61
08
HANG / 空氣清淨機 To purify the air in the hallway 玄 關 是 全 家 人 回 家 時 第 一 個 接 觸 的 空 間。 同 時也扮演這間房子給人的第一印象。 而玄關常常擺滿鞋子和鞋櫃，鞋子越來越多， 玄關開始充滿鞋子的異味。 HANG 空 氣 清 淨 機 因 應 室 內 玄 關 的 設 計 及 內 部擺設設計空氣清淨機的外觀。
62
出氣孔
Features Description
設計特點 倒 L 型節省空間 玄關設計常見幾種設計，樓梯玄關、和式木頭地 板玄關、只擺有鞋櫃的玄關。因應玄關特徵，將 空氣清淨機設計成倒 L 型，使用者可依需求掛於
進氣孔
鞋櫃隔層、樓梯台階等。
V 型平放 也可平放讓空氣清淨機呈倒 V 型態，放在平面面 積較大的樓梯平面或是鞋櫃內部。 Product Design-Air-cleaner
63
09 PONY/ 親子閱讀椅 Reading together brings parent-child relationship closer PONY 是一張用再生材料重組而成的親子閱讀椅，其設計 分為兩階段。
廢材解構 / 嘗試不同材料的搭配，透過解構材料，瞭解 材料的結構，重組以後，運用最少的材料，構成最堅固 的結構。
設計概念 / 以親子共讀為主要概念，希望透過親子共讀 拉近親子關係，以童趣的動物外觀引起小朋友注意，提 升閱讀意願，並增進親子互動。
64
Product Design-Regeneration Project
65
Design Concept
設計概念 親子閱讀 這張椅子以「親子共讀」為發想概念，希望 藉親子共讀，提高兒童閱讀書籍的意願，也 讓增加親子互動的機會。
Material
材料運用 回收紙管 主要結構；將數根紙管排列成預計達成的結 構形態，用塑膠繩綁紮固定，並測試其結構。
牛皮紙袋 椅將紙袋拆解，保留部分牛皮紙袋上部分圖 案，以蠟線縫製椅套及椅墊。
66
綁紮構成主要結構
回收紙捲
Product Design-Regeneration Project
大豆包裝牛皮紙袋
蠟線縫製
67
68
設計特點 色彩規劃
Product Design-Regeneration Project
Features Description
1) 保留大部分牛皮紙袋印刷的白色，免去額外上 色及噴漆塗料的浪費。 2) 選用高彩度的對比色—橘紅色 / 藍色臘線縫製 椅套，用高彩度的配色較能吸引孩童。
材料應用 1) 牛皮紙袋 / 縫製牛皮紙袋，椅套堅固且耐磨。 2) 毛巾布踏墊 / 兒童足部踩踏的結構上用毛巾布 料包覆，觸感柔軟。 3) 拉鍊 / 用拉鍊固定椅套，容易拆卸更換。
69
介面設計 App GUI Design
70
iCAN Interactive Communication System / Trip Talk app Design /
71
10 iCAN / 自閉症語言學習程式 Interactive Communication System for young Autisms 自 閉 症 兒 童 有 語 言 學 習 及 表 達 的 障 礙， 因 此 家 長 及 老 師 會 運 用 圖 卡 及 語 音 溝 通 板 教 導 他 們 學 習 單 字， 而 能 夠 造 句， 期望引導他們突破語言障礙，正常的與外界溝通。 但 市 面 上 的 語 音 溝 通 輔 具 價 格 昂 貴 且 攜 帶 不 便， 教 學 成 效
常用溝通語
也 不 佳。 家 長 及 老 師 自 製 圖 卡 需 耗 費 許 多 時 間 和 精 神， 造 成教學上的困難。
我要蘋果 我想上廁所
iCAN 結合前瞻科技與數位化分類系統，幫助家長教導自閉
去學校上學
症 學 童 時 能 夠 簡 單 地 操 作 讓 使 用 過 程 更 加 順 暢， 進 而 訓 練
我想洗澡
基本溝通力。
吃炸雞排
設計團隊 蘋果
主要設計 / 鄭群萌 介面設計合作 / 官佩萱 程式開發合作 / 陳雍協、蔡松昇、林霓苗
儲存日期：2011 使用次數：32 次 要
我
溝通圖卡與造句
指導老師
72
唐玄輝
教授
陳彥仰
助理教授
蘋果
常用溝通語
新增圖卡與編輯
新增圖卡與編輯 角色篇 角色篇
動詞篇 動詞篇
食物篇 我
我們
爸爸
媽媽
食物篇
他們
交通篇
交通篇
文具篇
文具篇
柳丁
炸雞腿
葡萄
薯條
奇異果
開水
三明治
蘋果
餅乾
漢堡
白飯
新增圖卡
動物篇
動物篇 爺爺
地點篇
奶奶
大家
你們
地點篇他 副詞篇
副詞篇 傢俱篇
傢俱篇 家電篇
家電篇
1
日常用品篇
日常用品篇
溝通圖卡與造句
溝通圖卡與造句
常用溝通語
常用溝通語
新增圖卡與編輯
GUI Design-iCAN Interactive Communication System
/ 07 / 20 次
溝通圖卡與造句
新增圖卡與編輯
73
Features Description
設計特點
溝通圖卡與造句
常用溝通語
圖卡造句練習，幫助孩童訓練口語能力。
儲存常用的句子，增加學習效率。
iCAN Intelligent Communication Board for iPad2 Individuals with autism are often unable to use oral communication to express themselves comprehensively and thus suffered from many communicational obstacles. Current solutions are heavy communication books where numerous pictures stored in order to prepare their oral presentation skills. With clear interface, easy operations, and lightweight, iCan integrates sounds, figures, words to smoothen the learning process for autistic children. Its functions include the help to pronounce words correctly, to structure sentences, and to collect personal database for figures. Through the aid of iCan, hopefully autistic children can learn basic oral communicational skills.
74
圖文轉換功能
擁有多種可依使用者喜好，例如相機拍照相簿
將圖片轉換為文字，進階學習認字能力。
匯入等新增圖卡與編輯圖卡的功能。
GUI Design-iCAN Interactive Communication System
新增圖卡與編輯
75
溝通圖卡與造句 角色篇
GUI Design
動詞篇
介面設計 食物篇 我
我們
爸爸
媽媽
爺爺
奶奶
大家
你們
交通篇 文具篇
動物篇 地點篇 副詞篇
傢俱篇 家電篇
日常用品篇
溝通圖卡與造句
01 / Logo Design
76
常用溝通語
02 / Word cards Design
新增圖卡與編輯
GUI Design-iCAN Interactive Communication System
03 / Icons Design
77
11 Trip Talk APP Design Share the trip,share the saying Team Members 官佩萱 / 台灣科技大學工商設計系 林奕岑 / 台灣科技大學工商設計系 羅子為 / 台灣大學電機工程學系 李鴻其 / 台灣大學資訊工程學系 張秉鈞 / 台灣大學資訊工程學系 張子文 / 台灣大學資訊工程學系
指導教授 陳彥仰 教授 / 電機資訊系 唐玄輝 教授 / 工商業設計系
78
GUI Design-Trip Talk app Design
79
Topic Search
題目發想與收斂 Brain Storming 由三個大方向：社會、經濟、自然搜尋相關的 事件與議題，發散式的發想可以得到比較多元 且廣泛的結果。
發散式發想 每個人發想數個議題，再將所有結果匯集起 來，討論每個議題和人的相關性及發展的可能 性，分類、排序，歸納出最適合的 10 個議題。
Idea 收斂 從社會、經濟、自然共 30 個議題中，進一步 列出可能性與發展模式，並統整並票選出適合 的 8 個議題。
Mind Mapping 使用者 / 廣泛的找出需求 app 的使用者，進 一步設定使用情境與需求。 需求 / 由使用對象推斷使用者的需求。 做什麼 / 因應使用者的需求，app 可以用哪些 手法解決這些問題。 場景 /app 使用的情境。 差異性 / 歸納現有 app 的功能，列出還有現 有 app 尚未做到的功能及尚存在的問題。
80
Persona & User Study 訪問對象 對象主要分為三類：學生、商務人士、家庭。 針對訪問對象列出題目，在訪問對象分享經驗 時，視情況加入問題詢問使用者的意見。
character mapping 整理出目標使用者的特色。 Persona：外向、喜歡旅遊、喜好分享、有效 率的整裡旅遊行程。 確認目標使用者後可明確的設定使用情境，進 一步歸納 app 的核心概念及功能。
Concept
概念設定 Scenario 設定最適切的使用情境，歸納出最重要的核 心概念。
5W1H WHO / 喜歡旅遊以及分享的使用者 WHERE / ANYWHERE WHEN / 旅遊前的準備、旅遊當下的搜尋 WHAT / 尋求朋友幫忙規畫行程
Concept 朋友口頭推薦的行程太模糊，不清楚。app 運用你 的社交圈，讓朋友替你規劃一趟好玩且值得推薦給 你的行程。 1) 讓你走一套朋友推薦的行程。
WHY / 隔空問路霧煞煞
2) 我問路，朋友指路。
HOW / 朋友幫我填行程
3) 結合地圖不迷路。
81
Mapout 主要功能 主功能：搜尋、好友編輯、行程列表。幫助使用者可 以更快速的找到旅遊資訊，並將編輯好的行程寄送給 朋友，讓行程更豐富；行程列表在旅遊途中使用，有 導航及即時編輯的功能。
82
行程列表
1) 拖曳景點到行程列表。
1) 行程地圖導航。
2) 排定行程時間。
2) 依實際情況可更改行程順序。
GUI Design-Trip Talk app Design
好友編輯
時間範圍搜尋景點 1) 顏色分類搜尋結果。 2) 搜尋時間範圍內可到達的景點。
83
Mapout / 情境影片 Mapout 主要設計概念讓旅行者可以在短時間內規劃 一趟行程，並即時將行程發送給在地的朋友，讓朋 友幫忙規劃行程。設定主軸是 " 規劃行程 "，因此將 app 命名為 mapout，有規劃、安排的意思。
84
END
85
Trip Talk Share the trip,share the saying 規劃出遊的資訊通常來自網路及朋友的推薦，這些資訊要如何有效率的整合 而能派得上用場呢 ? TripTalk 幫助旅行者搜尋鄰近景點並分類，旅行者能快速找到想要去的景點； 直向的 Map 介面告訴你與鄰近景點的關係，橫向操作的 timeline 模式則能 將景點快速的在時間軸上規劃，輕鬆的完成行程準備；最重要的是能將行程 分享給多位朋友，朋友幫忙修改行程並隨時提供建議；多人參與討論，讓行 程更豐富有趣！
Edit the trip 橫向的時間行程模式幫助旅行者快速將清單中的選項規劃到時間軸中，同時 可加入行程註解與建議或是修改行程順序，旅行者和友人可直接在這個平台 上互動，讓旅途更豐富更有趣。
86
Map 鄰近景點，並將景點分成吃飯、住宿、經典景點 及歷史足跡四類，幫助旅行者更快速的找到需要 的資訊，加入旅程的清單。
GUI Design-Trip Talk app Design
快速搜尋景點並分類搜尋結果；輸入目的地搜尋
Trip List 儲存規劃好的行程，並分享給多位朋友，讓 多位朋友可以同步在行程中加入意見。
87
User Interface
88
GUI Design-Trip Talk app Design
2012 UOID&AHCI Class
Trip Talk app design
89
設計實務 Design Practice
90
數位相框分析與提案 /
91
12 設計實務 / 數位像框設計 Digital Photo Frame Collaborative Design
92
Design Process
設計流程 操作行為 使用心理 人機互動關係
Design Trend Strategy New Life Style
Data Collect
Design
市場現況 產品定位、區隔 價格定位
目標族群特質 空間關係 使用情境
Analysis
WILL Design
The Case
唯爾設計
個案分析
產品設計實務課堂上六名同學所組成的設計團隊。 接
Technology / 電腦周邊產品代工。
受利欣科技公司的委託案，進行設計案報價評估及高中
Digital frame / 品牌自創數位相框 。
低三款數位相框之設計。
Market / 符合市場低、中、高價位。
設計團隊
Design Practice - Digital Photo Frame
產品規格 機能造型 材質配色
Form / 搶眼創新造型。
設計總監 / 陳尹之 設計師 / 羅正皓、 曾怡嘉 、張婉琪 、 吳嘉偉 官佩萱（LOGO 設計 / 相框共同設計）
93
Market Research
市場分析 照 片數位化 壓克力外框:
黑灰白+金屬色 飾框、亮面外殼、紋路裝飾
數位相框結構
顯示螢幕: LCD、LED 7~10吋
1) 材質 / 金屬、塑膠、壓克力。
軟體功能多 按鍵:
開關、menu、enter/OK、方向鍵(上下左右)、 options、volume 正面或背面
2) 結構 / 腳架、記憶卡插槽、7-10 吋 LCD 螢幕。 3) 按鍵 / 開關鍵、操作鑑，部分機型使用遙控器操作。
腳架:
塑膠、金屬
薄 記憶卡插槽 10,000 (NTD)
8,000 7,000
價格分析 調查市面上數位相框價位，依高中低排列並分析不同 價位之間功能、材質及外觀差異。後段設計時，可依 據市場價位，將高、中、低 三種價位的數位相框運用
5,000
設計明顯的區隔。 3,000 2,000 1,000
1.5
風格十字軸分析 將市面上的數位相框衣風格分成四種風格，利於後段 產品設計風格訂位。
94
1) 科技 & 冷調
3) 溫暖 & 親近
2) 實用 & 內斂
4) 新奇 & 特別
7吋
8吋
9吋
10吋
吋
Design Proposal
設計提案
Creating Value
高價位
依委託廠商要求，必須提出高、中、低價位相框設計各一款。 分析三種價位的數位相框對應的使用族群，分別是較高收入的
Adding Value
中價位
家庭、小家庭或夫妻、學生或辦公族等個人用途。 分別對應此三族群定義產品和使用者的關係進行設計。
Value For Money
低價位
Design Practice - Digital Photo Frame
Design Proposal A
設計提案 A
大家族、成熟
使用者定位 / 高價位 1) 使用族群 / 消費能力較高、三代同堂的家庭。 2) 產品風格 / 成熟、經典、大器、雅致。 3) 產品與使用 / 消費能力較高的家庭較願意消費用來營造氣氛的產 品，因此高價位的數位相框傾向以「創造價值」為主要設計目標。
形
風格分析
色
shape
簡練大器，不失細節／可與室
1) 單色主體，簡約低彩度用色。
色
color
2) 表達成熟、寧靜意象。
形
形
shape
1) 簡練大器，細節精緻。
單色主體／較低飽和度之色彩
質
質
texture 1) 霧面金屬與自然材質搭配。
簡練大器，不失細節／可與室內整體風格融合 霧面金屬與自然材質搭配／增 2) 使用特別素材增加質感及價值感。
2) 可與室內整體風格融合。
color
95
單色主體／較低飽和度之色彩，表達成熟意象
設計提案 / 高價位產品 主要針對家裡有長輩的高消費家庭。 針對長輩一有空閒便喜歡打電話和親朋好友聊 ON/OFF
天的習慣，這款相框可以一邊講電話一邊看相
VOLUME +/-
片，有來電時數位相框會播放來電者的照片。 底座與電話線連接同時也是充電座，背面貼上 木紋以增加手感。
USB ADAPTER
USB ADAPTER
充電底座
高價位產品 / 10吋(16:9) / 8000NTD
木紋材質，增加手感。
Design Proposal B
設計提案 B
小家庭、
使用者定位 / 中價位 1) 使用族群 / 小康家庭、新婚夫妻。 2) 產品風格 / 合適、裝飾、休閒。 3) 產品與使用者 / 中價位提案主要針對一般小家庭，數位相框對這樣的使用 者來說屬於家中裝飾物件，產品設計走向是增加生活新鮮感。
96
設計提案 / 中價位產品 前側與後側的特殊曲面造型，與市場現有產品 差異化。鮮亮的外型和顏色使本產品不論在賣 場或居家環境都引人注目。
風格分析
色 質
質
color
單色主體／較高飽和度 texture
1) 單色塑膠，高度光澤表面處理。
單體塑膠／高度光澤表
2) 強調曲面設計，從其他方正造型中凸顯出來。
形
形
shape
1) 造型搶眼、在小空間中凸顯為焦點。
造型搶眼／在較小室內
2) 中價位相框在市面上數量最多，因此
造型必須特別搶眼。
色
質
texture
Design Practice - Digital Photo Frame
色
color
1) 單色主體，高彩度用色。
單色主體／較高飽和度
2) 表達休閒、清新、新鮮意象。
單體塑膠／高度光澤表
中價位產品 / 7吋(16:9) / 4500NTD
USB Adapter
97
Design Proposal C
設計提案 C 設計提案 / 低價位產品 本產品設定為放大頭照的功能，使用者可以放上自 己鍾愛的孩子、寵物的相片。圓型的外框加上特殊 的使用方式，成為新穎的個人小物。 低價位產品 / 1.5吋(圓型) / 900NTD
98
個人、
使用者定位 / 低價位 1) 使用族群 / 個人。 2) 產品風格 / 有趣、活潑、娛樂。 化走向，使用者可放入和自己較親近的人或寵物的照片。
形 色形
形
shape
小巧可愛／特殊圓型螢幕，凸顯個人風格 shape
1) 體積小，造型圓潤可愛。 color
小巧可愛／特殊圓型螢幕，凸顯個人風格 雙色搭配／高飽和度之色彩搭配，
2) 特殊圓形螢幕，凸顯個人風格。
色 質 形 質
color texture 雙色搭配／高飽和度之色彩搭配， 1) 單色高光澤塑膠。 亮面塑膠／金屬圓型底座形狀呼應， shape 2) 金屬圓底角架，呼應圓形螢幕。
質
色
Design Practice - Digital Photo Frame
3) 產品與使用者 / 低價位產品主要針對學生或是上班族，主要為個人
小巧可愛／特殊圓型螢幕，凸顯個人風格 texture
亮面塑膠／金屬圓型底座形狀呼應，
色
color
質
texture
1) 雙色搭配，高彩度用色。 雙色搭配／高飽和度之色彩搭配， 2) 表達活潑意象。
亮面塑膠／金屬圓型底座形狀呼應，
99
設計活動參與 Design Activities
100
TTD 台科大設計系系展 / 蘆竹湳古井裝置藝術 / 駁二熱血心設計展 /
101
13 TTD / 台灣科大設計系系展 Taiwan Tech Design Exhibition 2011 台科大系展 -『過程孕育、風格誕生』；意思是在 創作、學習過程中思緒的碰撞、嘗試與韻釀，形成了最 後的作品風格，象徵一到三年級的學習過程，以及漸漸 形成的個人風格。
展場作品收件總管 / 官佩萱、侯思妤 展場組組長 / 林奕岑、官佩萱 現場導覽組長 / 官佩萱、侯思妤
作品展出 / 假牙清潔盒、再生傢俱設計
102
在這裡，我知道，一群人為了同一個目標全心 付出的氛圍，是會渲染並讓人著迷的。 Activities - TTD Exhibition
103
早上 10:00 主視覺背板安裝，牆面處理。
晚間 20:00 主視覺進場，展品進場。
104
下午 15:00 地板貼帆布。
清晨 7:30，終於趕上。
105
後記 我擔任工設組收件人。我負責聯絡所有任課老師，請
開展那天早上我們都難以置信，除了收件人外，我同
老師推薦學生作品，再逐一收件。數次開會篩選作品。
時是展場組的組員之一，從挑選素材、購買材料、製
接不完的電話和 email，重複和每一位同學更正檔案格 式及名稱，這樣繁雜又爭議的工作，讓我瀕臨崩潰。
作展桌，到最後持續了 21 個小時的馬拉松場佈，全 程參與。
但也因為擔任這項工作，我學會更有系統的整理繁雜
和展場組長林奕岑一起試驗材料，一起決定展件擺放
的展件，用人員網絡更有效率的收集展件；最重要的
方式，一起製作展桌，開展前 3 天一起面對失敗的主
是，和幹部及作品的作者溝通，有效的溝通和客觀的
視覺，最後動用所有可以動用的工作人員，開幕前一
判斷，是這項工作最困難也讓我學到最多的部分。
個小時將所有事情完成，我們都難以置信。
百分之百的設計系，系展期間我看到設計人的精神和 態度，我看到所有幹部和組長為了排山倒海的作業、 系展繁雜的事項和無止境的會議焦頭爛額，卻還是堅 持往下做。 和大家一起把事情做到最好，是我最幸運的事，謝謝 他們，謝謝我是台科大設計系的一份子。
106
一群人一起努力把不可能變成可能的那種執著。
Activities - TTD Exhibition
107
14 巨人園丁的花園 / 蘆竹湳古井裝置藝術 Installation Art for the dry wells
簡介 蘆竹湳鎮是一個客家聚落，保有許多傳統紅磚屋及古井。面臨人口外移的問題， 紅磚屋無人居住，年久失修，居民想保留這些傳統建築但缺乏經費修復。 主辦人陳老師是當地的居民，也是藝術家，由於對於家鄉的情感，極力爭取機會 維護當地富有特色的紅磚建築及古井，於是策畫了這個裝置藝術活動。 第一屆蘆竹湳裝置藝術計畫共有 6 座古井，每口井由 1-2 位同學負責，我們共出 動了 9 位同學，兩度前往場地勘查及討論概念，並在暑假期間安排了 9 天，前往 施行。
召集人 / 陳世政老師、許和義老師、許理事長 地點 / 苗栗蘆竹湳鎮 參與學生 / 官佩萱、何柏舒 參與內容 / 古井裝置設計、周邊環境重新規劃
108
Activities-Installation Art
109
設計概念 這口古井位於一戶三合院的後院，屋主平常在這裡種一些 農作物和花卉，景的旁邊有一棵老樟樹，附近的鄰居時常 到這裡來乘涼、聊天。 於是我們將部分毀壞的古井設計成巨人的大腳，廣場上則 分佈兩個大腳印，再與屋主一同把所有花卉重新整理，將 整個空間營造成巨人園丁的後花園，好像有一位巨人園丁 每天把花園整理好，歡迎大家到這裡乘涼，聊天。
110
施工細節討論。
巨人腳印前製作業 - 整地。
紅磚作為巨人腳丫主結構。
35 度艷陽，斗笠必備。
古井內側斑駁，用瓦片（當地廢材）美化。
善用當地淘汰建材：紅磚、
。
裝置完成 / 巨人腳印、巨人大腳、明亮後花園。
、瓦片、石頭，物盡其用。
111
112
後記 但是真的心存感激，在竹南的這九天，陳老師夫妻一手包
趣的點子，同時也在紙面上繪製模擬圖，準備和陳老師
辦我們的吃住，社區發展協會安排了五位志工，分配在每
進一步的討論施工細節。殊不知，我們的概念仍然不夠
一處古井協助我們施工，我們有半數以上都是女生，搬運
縝密，許多部分在施工上有難度，於是第二次前往討論
材料、拌水泥甚至是架鷹架這些吃力的工作，真的很謝謝
整整花了一整天的時間調整概念及討論施工細節，過程
志工叔叔阿姨們還有陳老師的協助，沒有他們，我們真的
中聯繫當地居民，希望利用當地廢棄建材做為材料，與
做不到。
當地特色建築呼應，也能讓廢材再生。 我大學的最後一個暑假，我覺得很幸運有這樣的機會；這 9 天真的過得很扎實，我從身體力行的工作中體會到坐在 我們笑稱這是一個禮拜的下鄉勞改；這大概是我們四年 來作息最正常的 9 天，每天八點戴上斗笠上工，下午五 點滿身汗水泥土收工；工作內容是疊磚頭、拌水泥和貼 瓦片等這些我們從沒做過的工作，每天都灰頭土臉的收 工。陳老師總是笑著說：你們這些都市雞，不知道還能
電腦前做設計體會不到的事，像這樣大型案例的實際施做 讓我學習到安排施工進度的技巧，學到施工的工法，更讓 我放了一個很不一樣的暑假，深刻體會到原來我的所學可
Activities-Installation Art
概念和施行間的平衡，第一次場勘後我們便開始發想有
以這樣與別人合作，幫助一群對自己的故鄉有情感和期待 的人們。
撐幾天。 這 九 天 深 深 的 體 會 到， 畫 設 計 圖 跟 實 際 施 工 真 的 差 很 多，即便施工前已經詳細的和陳老師討論，仍然有許多 事情是我們無法預期及掌握的，因為從沒接觸這些素材 也 少 有 機 會 接 觸 裝 置 藝 術， 加 上 每 天 在 34 度 的 高 溫 下 做著我們這些都市雞所謂的 " 粗活 "，說真的，好辛苦。
113
15 候鳥計劃 / 駁二熱血心設計展 Bing an intern in Qiao Design for 4 months
114
我經歷了絕對難忘、 絕對深刻的一個暑假。
Activities-1000birds
就是這樣，
115
Concept
策展概念 候鳥計劃的策展視覺策略以雁為象徵 , 隱喻許多小夢想因 為同樣的目標而聚集成大夢想 , 平凡的個體因為聚集，產 生了新的力量與可能性。 熱血心設計的空間規劃到展出作品 , 全都環繞著這個中心 思想 , 由個體慢慢的聚集成群體 , 每個個體看似平凡 , 但 卻是群體中不可或缺的部分。 我們以木夾板製作 1000 隻雁鳥 , 由單獨的雁聚集成數量 龐大的雁群，每隻雁從工廠生產後，就準備開始在台灣各
1:30 展場縮比模型
地暫歇並飛往溫暖的高雄的旅程。
粉絲頁宣傳
116
117
Around the island
環島計劃 執 行 的 設 計 師 們 分 成 東 西 兩 條 路 線 , 由 台 北 出 發， 沿路拜訪近三十個弱勢團體、老人安養中心及偏遠 小 學 , 請 民 眾 在 每 隻 雁 身 上 畫 上 他 的 夢 想， 最 後 東 西兩條路線的設計師帶著雁群與夢想在高雄駁二特 區展館會合，成為展館的主視覺，夢想起飛的象徵。
118
On the way
途中 從台北一路往南，到新竹鄉間的仁愛之家、彰化田邊的 淳樸國小、南投廟邊的日照中心再到嘉義山上、台南海 邊 ... 將近兩個禮拜馬不停蹄地領着衣群可愛的老人家， 小孩子，跟我們一起完成候鳥彩繪的工作。對我來說， 最感動的，是看著他們專心的畫完手上的木鳥；最滿足 的，是他們拿著終於完成的木鳥，雀躍的要我們替他拍 Activities-1000birds
照留念，他們很開心，我也很滿意。
119
120
Exhibition Setting
熱血場佈 這 裡 是 駁 二 藝 術 特 區， 用 台 糖 糖 廠“ 改 建 中 ” 的 展 場。 到 了 現 場 才 知 道， 施 工 進 度 嚴 重 落 後， 我 們 沒 有 辦 法 如 期 施 工， 如 果 要 如 期 完 工， 何 老 師 說：『阿婆生孩子，金拼咧！』。 於 是 開 始 了 每 天 10-14 個 小 時 不 等， 又 熱 又 硬 又 趕 的 展 場 佈 置。 我 們 把 雁 鳥， 一 隻 一 隻 小 心 地 拆 袋、 編 號、 重 新 裝 袋 ... 近 八 百 隻 雁 鳥 幾 乎 把 我 們 淹沒。
繁 瑣 的 事 情 完 了， 還 有 粗 重 的： 把 它 們 掛 到 4 米 的 天 花 板 上， 坐 升 降 機 上 上 下 下， 架 木 條、 依 施 工 圖 分 配 雁 鳥 位 置、 噴 漆、 小 心 地 拆 袋、 微 調 高 度 ... 需 要 膽 大 心 細 的 工 作， 就 這 樣， 整 整 七 天 頂 著高雄的高溫與雁鳥為伍。 在 這 裡 再 一 次 體 會 到 一 群 人 一 起 工 作 的 力 量； 但 這 次 更 熱 血， 更 具 使 命 感； 因 為 在 我 們 手 上 的， 是 背 着 大 家 夢 想， 準 備 起 飛 的 雁 鳥； 雖 然 每 天 都 又髒又累，但心裡踏實而開心。
121
主持設計師 / 何忠堂、王俊隆 實習設計師及布展人員 / 官 佩 萱、 黃 筱 媛、 張 晏 誠、 黃 心 愉 林 千莉、廖郁宣
122
Activities-1000birds
123
124
125
2009 -2012
Kuan,Pei-Hsuan's portfolio
官佩萱個人作品集
聯絡資訊 0912780039 issuu.com/19623 chau521711@hotmail.com guanchu79810@gmail.com
特別感謝 竅門設計工作室，帶領我們一起飛向不能的任務 ＿ Rock 老師、何老師。 畢業製作指導老師，黑暗中指引明路 ＿ 董芳武教授、王俊隆老師、周育如老師。 畢業製作夥伴，陪我一起渡過難產，迎接新生 ＿ Yaya Chen。 台科大設計系全體教授與老師 ＿ 因為要求，所以我們成長。 97 級畢業班，一起完成系展和新一代設計展 ＿ 畢籌會、系學會夥伴們。 太平洋自行車，費盡心思陪我們一起製作模型 ＿ 邱耀炫經理、林鳴皋總經理。 苗栗蘆竹湳裝置藝術，陪我們在 34 度的高溫下完成任務 ＿ 陳世政老師、社區發展協會全體。 咖啡店 33 號，給我一個舞台讓我發揮 ＿ 李哲仁、Ada。 Trip Talk app 設計團隊，最好溝通的 ＿ 台大資工團隊。 雖然是個人作品集，但沒有你們，我的經歷不會這麼精彩。
參考資料 Getty Image / Behance / Google / issue