Page 1

Fashion Visual UI/UX Designer

郭采瑀 POTRFOLIO

設計作品集

2 0 1 8


1

p4-5

自我介紹與履歷

2

p8-15

平面與袋包

3

p16-37 服裝設計

4

p38-41 影像作品

5

p42-47 使用者中心互動設計

6

p48-51 設計 For 國立交通大學


郭 I B M

采 -

( 2 0 1 8

瑀 TSAI-YU KUO S u m m e r

I n t e r n )

U I / U X

D e s i g n e r

0931820121

姓名

郭采瑀 KUO TSAI-YU

02 2939-5521 116 台北市文山區秀明路二段 6-2 號 4 樓

生日

1993/01/21

kuotsaiyu.06g@g2.nctu.edu.tw https://www.facebook.com/MIKuo5521 自我介紹 About me:

157cm/46kg,水瓶座B型,家中的老大姊 是個對生活非常有熱情,喜歡藝術、設計、致力於讓生 活變得更好的應用藝術所研究生,從師大附中畢業後追 尋著夢想來到了服裝設計,學習服裝設計後了解到設計 的不同面向,在工作了一年後,對於更深入人心的服務 設計深感興趣,我個人的特殊經歷讓我在對答上更能同 理受測者,這是同學給我的評論!師長們對我的印象總 是認真負責且有創意.而我最大的優點便是有效率,做 事又快又好. 大二時曾到紡拓會實習,在專案經理身旁當她的小助手, 也由於我的辦事能力,在實習過後便成為正式的工讀生. 平時休閒興趣是聽音樂、彈吉他,閱讀各類書籍與上網獲 得新知識.大二到大四都擔任班上的副班代,細心負責, 大四這年成為畢業生委員會活動長,主辦實踐大學畢業展 演,規劃活動流程、人力安排、軟硬體確認…等.

工作經驗 Work experience: 2015/9-2016/12 和慶針織廠股份有限公司 - 國貿業務 2013/7 - 2015/4 財團法人中華民國紡織業拓展會 - 專案助理 TITAS 展 協助策展 2014/5-2015/4 台灣龐立製作有限公司 - 穿衣助理

電腦技巧 Computer skill: PS Photoshop Ai Illustrator ID Indesign Microsoft Office

: ●●●●● ●●●●○ : ●●●●● ●●●○○ : ●●●●● ●●●●○ : ●●●●● ●●●●●

Word/Excel/PowerPoint

中文打字 150 以上 / 英文打字 100~125

語文程度 Language skill: 中文 台語 英文

: ●●●●● ●●●●● : ●●●●● ●●●●○ : ●●●●● ●●●○○

公益 / 活動 / 社團 Activities: 師大附中 御天康輔社 美宣長 師大附中 71 屆畢業紀念冊美編 陽光基金會 臉部平權代言人 實踐大學自有品牌 PRAXES 工作人員 實踐大學服裝設計系三年 / 四年乙班 上下學期 副班代 實踐大學服裝設計系 54 屆 畢業生動態展演 後台場控 實踐大學服裝設計系 55 屆 畢業生委員會 活動長 實踐大學服裝設計系 55 屆 畢業生動態展演 總場控 交通大學應用藝術所 - 協助設計校慶 60 週年商品 參加 CHI 競賽 - Food for you 參加 CHI 競賽 - Toilet Guide 交通大學應用藝術所 - 設計 106 級畢業典禮主視覺

學歷 Educational background: 2017/9 - 在學中 交通大學應用藝術研究所 2011/9 - 2015/6 實踐大學-服裝設計學系 2009/9 - 2011/6 國立臺灣師範大學附屬高級中學 1218 班

得獎紀錄 Award: 2010 總統教育獎 2011 陽光基金會 - 陽光公益獎 2013 實踐大學在校生服裝動態展演 入圍 2014 疤痕協會演講比賽 第一名 2015 實踐大學畢業展 入圍

興趣 Interes


書封設計:觀看的方式 Redesign the book cover 2013.1 閱讀《觀看的方 式 》 - John Berger 後,為此書設計書封 . 此書 提「及視覺性 的感知最為直接的感染 力」,卻又批判觀者參 與藝術的 意圖,觀看的 方式取決於觀者身處的 環境背景、信仰、先有 的知識或 偏見等,觀看 的方式來自觀者的抉 擇。 我認為此書的封面 適合以誤 導作為概念, 設計出觀與看兩字相 容,仔細看方得看出觀 看兩字合而 為一的細 節,就如同對待藝術作 品一般,必須靜下心 來,才能體會出 箇中不 同 . 「當我們『看』著 一片景觀時,我們將自 身置於其中。如 果我們 『看見了』以前的藝 術,我們會置自身於歷 史。」


山與人 ISLANDER 2013.6 以原住民圖騰做為發想,轉變服裝形式,運用簡單的剪裁,花樣的設 計,展現原住民圖騰的現代風貌。服裝以紙為媒材,將設計圖樣大 圖輸 出,非布料型式的造型結構,相較布料更為硬挺,呈現古今激盪的新奇 美感。此作品與誠品書店合作短期展出。


帽飾設計:空襲警報 Hat design: Air raid alert 2013.5 當小兵空降在人的腦袋瓜上面,會是怎麼樣的一個情況,以此為概念設 計出擬真的玩具小兵空襲人類的帽子。使用建築模型草皮材質全面撲滿 帽身,另外將玩具小兵縫上。推出後大獲好評,於 「六文錢」網路商店 限量販售 .


袋包設計 Bag design 2014.11 以海洋為主題進行一系列設計,融入防水袋的捲邊設計以及規劃蛙鞋的 放置位置,運動樣式的袋子混搭上銀色皮革,製造出衝突的平衡。


服裝設計:解構 Fashion design 2013.12 球穿的衣服穿在人身上會是怎麼樣 ? 帶著玩樂與實驗的精神 , 轉換 立體與平面的絕妙關係 . 與 Anrealage 設計師森永邦彥腦力激盪,切割圓球找出平面版型, 最後穿載人台上造成意想不到的效果 !


服裝設計:EYE OF CITY Fashion design 2013.6


從未知的設計師設計理念開始推敲,仔細思考 設計脈絡並蒐集資料, 在製作 MOOD BOARD 的 同時漸漸明 朗的設計思維,是這次設計中學習最 多的部分,而最後教授揭曉設計師時, 在與當年度 的作品對比 .


品牌創作:COLORFULIA Brand design 2014.6 球穿的衣服穿在人身上會是怎麼 樣 ? 帶著玩樂與實驗的精神 , 轉換 立體與平面的絕妙關係 . 與 Anrealage 設計師森永邦彥腦 力激盪,切割圓球找出平面版型, 最後穿載人台上造成意想不到的效 果!


COLOURFULIA colou rfulia COLOURFULIA colou rfulia COLOURFULIA colourfulia


服裝設計:細節設計 Fashion design 2013.12 以片片珊瑚交織成格,選擇柔軟 的布料表現海水溫暖與親近,一折 一 折都是層層的驚喜,層層的珊瑚生命 亦或是層層的水壓,這種奇景就 是 : 表面的和平,海面下的絢爛,因此在 裡布呈現我在海中所攝影的照 片,分 享我所見的美與驚嘆。


圓的狂想 ( 服裝周入圍作品 ) Fashion design 2013.6 一圈再一圈,圈出圓與球的狂想世界 ! 在一個圓形的世界旋轉奔跑, 沒有現實世界的摩擦、冷漠與灰暗,我們幻想的烏托邦,人們和諧相 處、圓融,和歌起舞的人們,旋轉、 跳躍。旋轉再旋轉,碰撞而不會受 傷 ; 一圈再一圈,圈住彼此的生活 圈 ; 一層又一層,進入我們的繽紛樂 園 ......。


品牌制服設計 : IKEA Uniform design 2014.1 分析品牌定位後替品牌做制服設 計,在工作服設計上,選用 IKEA 辨 識度極高的藍色與黃色搭配,以藍 色為主,黃色拉鍊為輔,壓線設計出 藍圖結構類似室內設計的設計藍圖, 並在其中設計口袋與筆插,使其實 用 性更高 ; 後方的箱摺提供活動量,而 腰間的鬆緊帶能依照體型變化做 調 整,袖口與褲口寬提供活動量。


Under the sea Fashion design 2014.2 從一次旅遊體驗我愛上了海,在 這個作品中大量運用數位印花,將照 片與珍珠、魚群等海洋圖像做混淆視 聽的搭配,誤以為是扣子的珍珠其 實 只是平面印花 . 轉化海洋生物的線條,應用在服 裝上,搭配數位印 花,大自然的美在 任何表現下都美的無憾 .


失明前我想記得 Fashion design 2015.4 太陽散發耀眼的光芒 , 光線走過好幾 光年投應在每個人身上 , 我看 見你 , 因為有 光 . 每天睜開眼 , 都能被刺眼的耀陽感動 , 是的 , 今天我 還看的見 , 但我還是必須不斷 複習你的輪廓 , 直到光線再也無法進入我 的 眼睛 , 我會記得光線在你身上流竄 , 放射閃 閃動人的光芒 . 從金色 太陽光到失去色彩銀色太陽光 , 到最後黑色看不見 , 將放射光芒轉換為 線 條 , 從中心、從兩旁,用百摺、盒摺、明顯 車線表現光的線條,剩下 的亮片表現剩下 能見的光點 .


劇服設計:閃焰假面 Fashion design 2017.2 2018 金穗獎 最佳劇情、最佳動作、最佳製片 「生命是無止境的掙扎」 十九歲的阿泰因家中欠債,黑幫看上他矯捷的身手,成為一 位討債小弟,想著有一天能還完債帶著憂鬱症的姊姊遠離這 一切。私底下的阿泰其實是一位蒙面摔角手「閃焰假面」, 在一次比賽中,他意外打贏了聯盟“安排”要獲勝晉級去日本 當練習生的對手,命運此時向他招了手……


臉部平權 Film 2015.5 與陽光基金會合作拍攝臉部平 權宣導影片,內容為我本人真實故 事 改編 . 截至目前共獲得 276 萬人 點閱 .


第五屆金馬電影學院 : 動物之心 Film 2013.11 2013 年與導演侯孝賢合作金 馬電影學院 : 動物之心,原本是借場 地供拍攝,但在與劇組人員討論 後決議更改劇情,邀請我共同創作與演 出 . 電影主要講述一群紀錄流浪貓的大學生畢業製作的過程 . 王嬿妮、宋迪、莊佳龍、張亨如、 陳衍盛、溫知儀、廖克發、羅偉 恩聯合作品 主要演員 : 黃河、丘芹銓、符蓉、 鐘瑤、郭采瑀


廁所嚮導 Toilet Guide 2018.1 從發現問題開始,我們觀察到行動不便的民眾在使用廁所上會遇到 非常多狀況,我們執行了脈絡訪查訪問八位行動不便的患者與家屬,再 用親和圖歸納問題:1. 舊式門檻造成輪椅進出困難 2. 資訊通知不易,需 要內外接應 ex: 衛生紙用完了 3. 坐下不易,需要有人輔助 4. 找不到廁 所 綜合以上發現我們製作了三種 persona 以及進行腦力激盪等發想, 最終設計出一款能夠和廁所內裝置連動的 app


Toilet Guide

Author: Po-Wei Chou, Shang-Hsun Lu, Wan-Yun Hsieh Institute of applied arts, National Chiao Tung University

Assistive System Of Accessible Toilet For Physically Disabled People

Contextual Inquiry

Design Process

Prototype touch screen

We went to Hsinchu MacKay Memorial Hospital and interview eight disabled people who need access to the toilet and their caregivers, using contextual inquiry, asking for details about their background and the location, flow and difficulty they encounter when using accessible toilet. We have found that 6 out of 8 have problems finding accessible toilet while going out, 7 out of 8 think the facilities in accessible toilets should be improved. All of them hope there could be toilet to give them barrier-free environment to help them live a normal life.

Affinity Diagram We stick the post-it on the wall. After three layers of classification, we find out problems that will affect people with physical disabilities using accessible toilet and their caregivers. In summary, we found that the existing accessible toilets still have many inconveniences and problems to be improved even if they meet the basic needs of them.

Brainstorming We conducted several brainstorming sessions under different themes according to the two personas. Each team member explains their design concepts, selects ideas that are creative and interesting. Choose one direction and then brainstorm again to make wider divergence. Finally choose from the new designs. Consider feasibility and existence of practical applications. We get ideas such as improvement of toilet equipment, automatic toilet cleaning, multi-purpose wheelchair.

Storyboard We present the process in storyboard. From the user's point of view, testing if our design really solve these problem and the flow is smooth. Consider that the closest toilets need to be found quickly and effectively. And then use QR code to pair with the toilet. Make personal adjustments (phone app and toilet touch screen). Press the SOS button (mobile app and toilet touch screen) at any time during the emergency to dial quickly the three emergency contacts set up by the individual and will also notify the nursing station at the same time to provide the quickest support so that the user can have a comfortable and safe toilet flow.

QR code scanner

Usability Test

Customer Journey

The testing process first gives the user the context of needing to find a toilet in an unfamiliar environment, allowing the user to prescribe his or her own usage in an imaginative manner. The test process to ensure that users can fully understand the interface design and functionality without the prompts,

Use for The First Setting

1. Sign in

2. Start: Find/ Match toilet

3. Choose toilet type

4. Map guide

5. Floor guide

6. Toilet preview

7. Positioning

8. Match with toilet

9. Check connected

10. Control system

11. Rating toilet

After Personal Setting

Direct connect to toilet

1. Sign in 2. Start page , Find or Match with toilet 3. Choose toilet type: Accessible / male/ female toilet 4. Map guide: system will show the position of the toilet of the chosen type 5. toilet position, system will show the position of the toilet 6. Toilet preview, toilet detail (tissue...) and comments 7. Positioning, navigate to the specified location 8. Match with toilet, close to QR code scanner 9. Check connected 10. Control system, Adjustable height toilet/ Controlled-temperature toilet / Auto-fill toilet paper machine height toilet/ Controlled-temperature toilet / Auto-fill toilet paper machine 11. Rating for toilet 12. Emergency calling

8. Match with toilet

11. Rating toilet

Emergency

8. Match with toilet

12. Emergency calling

13. Emergency calling


APP design: Food for you someone who want sharing food 2018.1 What's the problem? Someone may want to eat some kind of food but the quantity of food is too big for oneself. Who's the population? Those who wants to have food in a reasonable quantity, since these people cannot finish all of the food on their own. Why important? If we can control the quantity of the food we want to buy, there can be fewer wasting of food. On the other hand, sharing can enhance the connection between you and those shared with you (e.g., family, friend, classmate). ​ Who are the stakeholders? Who wants to buy food but cannot deal with the big quantity of food.

our Video

our Web


1. Design problem statements: Food waste is a world-wide environmental and humane issue. The main reasons of food waste in consumption stage are excessive purchasing, over-preparation and unwillingness to consume leftovers. In this paper, we created a mobile application prototype, FoodForYou, as a channel to share surplus food with people nearby and take what she/he needs from others’ sharing. Users can search their favorite food sharing nearby their location, start a sharing, or participate one. Unlike existing surplus food and leftover sharing group on social media (e.g. Facebook), FoodForYou contains three key designs to enhance user’s willing to start or participate a surplus food sharing: 1. A personalized recommendation system,

2. Key users finding

3. Design process:

Based on our research findings, the reason why surplus food problem exists is that people often buy too much due to sale promotion. But why choose to dump food instead of eating it? We conducted a survey and questionnaire on the Facebook groups for sharing food with strangers, and also conducted contextual interviews on those who had launched or participated in sharing event. We found people have problem handling surplus food because of:

Test

peer review, cognitive walkthrough

Design

hi-fi prototype (marvel app), lo-fi prototype(paper)

>> do not know who they can give to in their neighborhood

Transform

>> cannot tell who likes their surplus food because the diversity of friends’ tastes.

information architecture, sketch

2. A dealing procedure >> hard for providers to manage sharing when there are multiple receivers.

3. A reputation system With the intention of helping people build a support network which will ease the various waste of food, FoodForYou can be a low-cost and efficient solution for surplus food sharing in the future.

behavioral model,

Define

>> mess up food receivers when they all want to take the sharing food

affinity diagram, personas, scenarios

>> reluctant to trasact with unfamiliar people

Discover

FoodForYou:

contextual interview, questionnaire

Sharing Surplus Food Efficiently with the Community Nearby 4. FoodForYou FoodForYou covers the whole food sharing process We divided the workflow into three stages: (1) setting up/finding a good sharing event (2) meeting in person (3) after transaction Users can see sharing events nearby or based on their preference. Providers can create food sharing with detailed descriptions. Meanwhile, receivers will see the information of events. During transaction, we provide sharing management and clothing notifications functionalities. Provider can confirm which receiver has completed the transaction. Both of them can leave comments on reputation rating system.

Lo-Fi prototype

Building Affinity diagram

Affinity diagram

Testing

5. Conclusion & Future Work We designed FoodForYou, a system for people to make it

whose needs are covered by our design, including item and

easier and faster to share surplus food. Currently, our design

receiver management, clothing notification, and review system.

focused on non-profit sharing and sharing with people nearby.

Through FoodForYou, our hope is to make a real impact toward

We aim to extend the features based on the feedback, such

encouraging the eco-friendly behavior and partnerships for

as adding mobile payment, social network connection, and

mutual benefit by food sharing.

following users with similar taste in the future. FoodForYou has potential to become an emerging product for group buying,

Wen-Yun She

Wen-Jie Tseng

Tsai-Yu Kuo

Hsuan-Jen Lee

Helena H. Lee

National Tsing Hua University

National Chiao Tung University

National Chiao Tung University

National Tsing Hua University

National Chiao Tung Unirversity


交通大學在臺建校六十週年紀念品 Souvenir for NCTU 2018.4 配合國立交通大學六十週年設計一系列商品,其中包含酒瓶設計 / 酒瓶包裝設計 / 典禮會場主視覺設計 / 校內校外羅馬旗 / 典禮餐會設計 / 禮品小物包裝盒⋯⋯等。部分商品於校慶當天販售。


❜㣐Ⱉ⼧ꂋ櫖鏤鎙

姻꬗

⿾꬗


交通大學畢業典禮設計 NCTU Graduation 2018 2018.4 目前製作兩種版本。 其一以視覺為主 / 另一板以裝置為主


2018作品集  
2018作品集  
Advertisement