2
3
4
童 筱 絜
5
Tung Hsiao-Chieh tel / 0911952172 mail / hsiaogai1229@gmail.com
國立台灣科技大學 National Taiwan University of Science and Technology 主修 創意設計學士班 商業設計組 Design Undergraduate Honors Program - Commercial Design 中等教育學程 Secondary Education Program 室內與傢俱設計學程 Interior and Furniture Design Program
6
參展紀錄 Exhibition
2015 生活在舊城的三十天 Life in Taichu for 30 Days 2015 台科設計週 忐忑子女 Taiwan Tech Design Week: Children on Trapeze 2015 NINGs 攝影展 NINGs Photography Exhibition 2014 台科設計週 終端極體 Taiwan Tech Design Week: Terminal Code 2013 你有什麼毛病展 What's Your Problem Exhibition 2012 所有格字型展 Our-Type Typeface Exhibition
活動經驗 Activity Experience
2015 Behance 台灣作品集 Behance Portfolio R - Head of Visual De
2015 台科設計系 16 屆畢業 Design Graduation - Head of Body Cop
2015 台科設計週 忐忑子女 NTUST Design Wee - Head of Administr
2014 草綠色的貓現代舞展 Modern Dance Fes
2014 台科現代舞社 副社長 Modern Dance Club
2014 1/8 第二期創設班刊 1/8 Creative Design - Journalist and Cop
2014 工商業設計系與創設 NTUST Design Fres - Head of Costume
7
工作坊經驗 Workshop Experience
集交流 文宣長 Reviews Taiwan esign Section
2015 高橋善丸平面設計創作營 Best Work Takahashi Yoshiharu Graphic Design Workshop -Best Work
業展 文案組長 of Yodex Exhibition py Section
2015 蘭陽版畫繪本工作坊 大樹是寶 繪本出版 Yilan Woodcut Picture Book Workshop -Published the Picture Book: The Treasure of Trees
女 執行秘書組長 ek: Children on Trapeze ration Section
2015 Oscar Tomic 紡織創新材質工作坊 Soft Wearables: Re-materializing electronics
展 副召 stivel - Vice Organizer
長 b - Vice President
文案記者 n Magazine, 2nd Issue py Writer
設聯合迎新 服裝組長 shman Camp Section
2015 OpenHCI 人機互動工作坊 OpenHCI Workshop 2015 訊變 數據實體大師共同創作營 Visualising Invisible Workshop 2015 台灣藺草學會 愛藺工作坊 Taiwan Yuan-li Handiwork Workshop 2015 台灣義築協會 木工工作坊 AHA Wood Furniture Workshop
8
關於我 About Tung Hsiao-Chieh
軟體與技能 Software and Skills
我是童筱絜,目前就讀國立台灣科技大學 主修工商業設計系的商設組,同時修習室 內設計學程與教育學程。我是個對許多領 域充滿好奇心,而且勇於嘗試、樂於學習 的人。我熱愛聽故事和說故事,課外時間 喜歡透過不同國家的設計、電影、音樂觀 察不同文化和下孕育的各種風格和元素, 也透過各種活動交流、志工服務,深入認 識不同角色的人們,透過走進社會,接觸 不同的生活經驗的過程,除了挖掘創作的 更多可能性,也慢慢清楚身為設計師的自 己在社會中的自我定位。
大學期間的訓練讓我在許多領域都廣泛涉 略: 平 面、 包 裝、 品 牌、 網 站、UIUX、 影像媒體、動畫。而我的專長是將抽象概 念精簡的視覺化,以及找到視覺中的機會 點。軟體能力方面,平面上除了手繪,我 使 用 Adobe 的 Illustrator、Photoshop、 Indesign;此外我能編寫 CSS 和 Html 架設 網站、使用 Sketch 繪製 UI;而影像處理及 2D 動 畫 製 作 上, 使 用 After Effect、Final Cut、Arena。此外,我有許多跨界學習、 策劃展演的經驗,磨練出善於與人溝通以 及高效率處理事務的能力。
Tung Hsiao-Chieh is a student studying commercial design at National Taiwan University of Science and Technology (NTUST) in Taipei. Now she is a senior and studying s e c o n d a r y e d u c a t i o n program,and Interior and Furniture Design Program at the same time. She loves to observe the diversity of cultures from enjoying different kind of music, movies, and design. Also, being volunteer and participating in different types of activities help her to know which way to go in the future as a designer.
Tung Hsiao-Chieh is good at graphic design, packaging design, branding design, user interface design and 2D animation. Visualizing obstract concepts precisely is her specialty. Her graphic software experience is Adobe Photoshop, Illustrator and InDesign. Also, she has knowlege of CSS and HTML to build websites, and skills of Sketch to design user interface. She has big enthusiasm on making motion graphic and 2D animations. The video software experuence is After Effect, Final Cut and Arena. Furthermore, she has much experience of working with people have different spacialties. It is the reason why she has good communication skills.
9
設計與教育 Design and Education
團隊合作 Teamwork
我認為設計與教育都是不斷累積和溝通的 過程。由於身為卓越師資培育生,我有許 多走進教育現場的經驗,除了愛與榜樣之 外,分享和互相了解可以讓彼此學習更多。 設計也是一樣,不同背景、有不同經驗的 人們聚集,即使用的是不同的語彙,如果 能分享和吸收別人的想法、交流和整理, 我們能有更多創新的可能,也能做出更精 準的設計。
善於團隊合作和經營團隊氣氛是我重要的 個人特質。大學在台科創設這三年半,是 我的求學經驗中跟同學最要好的時期,除 了分組作業的合作經驗外,我和班上同學 經常一起舉辦各種活動和展演、講座,也 樂於擔任各種職位。從中我學習和業界溝 通接洽的技巧、展場與時間的規劃,以及 企劃統籌的重要性。
She believe that both deign and education are the process of communication. As a student of secondary education program, She have many opportunities and experience of teaching. As a designer and a teacher, she believe that sharing and communicating with people is the finest way to learn more and design better. Trying to observe things with different ways, we can designed more percisely and innovatively.
Tung Hsiao-chieh is good at teamwork and organization. During the three years of studying at National Taiwan University of Science and Technology, she spent her free time to hold many performance events and design exhibitions. By holding activities, she leaned the importance of the atmosphere of a team when work together with other peaple.
10
目錄 Contents
01
02
0
字母便當 Bento Boxof Alphabet 攝影 Photography 文字設計 Typography
玉荷包 Litchi 文字設計 Typography 海報設計 Poster
八分之 One Ei 雜誌編
p.12
p.16
p.18
06
07
0
茶黨 Tea Party 包裝設計 Packaging 插畫 Illustration
Grace and James 婚禮蠟燭 Golden Wedding 包裝設計 Packaging
一福堂 Yi Fu T 包裝設
p.30
p.36
p.40
11
12
13
外宿者客廳 Tiny Living Room 傢俱設計 Furniture
國王午休 Lazy Nap 傢俱設計 Furniture
哺乳類 One Ei 插畫 Ill
p.50
p.54
p.58
11
3
之一 : 從 1/8 到 1/2 ighth: 1/8 to 1/2
編排 Magazing Editing
8
堂栗子燒 Tang Chestnut Cake
設計 Packaging
3
類朋友 ighth: 1/8 to 1/2
lustration
04
05
Behance 台灣作品集交流 Behance Portfolio Reviews 識別系統 Visual Identity 活動策劃 Event Planing
子石豆漿 Zishi Soymilk 品牌識別 Brand Identity 包裝設計 Packaging
p.22
p.24
09
10
水蜜桃太郎 Peachmomotarou 使用者介面 UIUX 插畫 Illustration
百善笑為先 NTU Joke King 使用者介面 UIUX
p.42
p.46
14
15
另一個宇宙 Another Space 插畫 Illustration 動畫 2D Animation
進門 Living with You 微電影 Micro Movie
p.60
p.64
12
01
字母便當 Bento Box of Alphabet CM Magazine 收錄 Featured on CM Magazine [2014]
13
14
我熱愛烹飪和美食,透過分享食物,人與 人可以很快拉近彼此的距離,甚至可以感 受彼此的文化和環境。在這個計畫中,我 嘗試將味覺視覺化,利用台灣食材製作系 列字母便當,希望用美食作為語言,傳達 台灣的文化風格和特色。
I love cooking and tasting gourmet food, and believe that sharing food can make people closer. In this project, I used Taiwanese household food ingredients to make the series of Bento Box of Alphabet to visualize the sence of taste.
15
16
02 玉荷包 Litchi 高橋善丸平面設計營 Best Work Yoshimaru Takahashi Graphic Design workshop, Best Work [2015] 「當最開始的抽象想像都達成在字型上,就是作 品完成的時候。」高橋老師的這句話給我很大的 啟發。在為期一週的創作營中,我選擇以荔枝和 貴妃圓滾滾又可人的形象,完成玉荷包的字型海 報創作。 "It is the timimg of finishing a work when the abstract purposes are achived."Professor Yoshimaru said. In this workshop, I tried to use the imagination of Litchi and Yang Yuhuan, which are round and adorable, to design the typography poster.
17
18
03 八分之一:從 1/8 到 1/2 One Eighth: From1/8 to1/2 台科大創意設計學士班 101 級班刊第二期 1/8 NTUST Creative Design Magazine, 2nd Issue [2014] 台科大創意設計學士班 101 級班刊第二期由班 上九位同學利用 2014 年暑假自主發行,是本 屬於創設 101 的班級回憶錄。在這本班刊的製 作中我擔任單元主題企劃以及文案記者,在編 輯企畫以及邀稿、內文整合都有許多學習,也 感受到文案記者與編排者間的溝通,會直接影 響整體作業的流暢度。 During the summer vacation of 2014, my classmates and me made the class organ to record our memories. I was one of journalists in the team and in charged of the copy of two themes. In the period of making One Eighth, I learened the importance of good communication between jounalists and editors, which usually helps projects go well.
19
Team members / 黃省元 謝佳紜 黃曼玲 林逸晟 陳弘謦 孔繁瑋 林妤恒 陳冠儒 Allocation / Journalist
20
21
22
04 Behance 台灣作品集交流 Behance Portfolio Reviews Taiwan 10/31, 2015 舉辦於國立台灣科技大學設計學院 Be Held in NTUST College for Design on 10/31, 2015
Behance 作品集交流是官方授權在世界各地由設計師自發 性舉辦的設計師盛宴,內容及形式自由,通常包括設計演 講、展覽、作品自由交流等。在這次活動中我擔任文宣長, 依照官方的視覺手冊製作相關輸出品,此外也負責三位講 者的接洽。透過和前輩們及同學們交流我得到許多反饋, 也看見自己的特色和能夠改進的地方。 Behance Portfolio Reviews is an officially authorized event which has been held in different cities for designers to share works and opinions with each other. In the prep team, I was the head of visual design section. I was in charged of making layouts complied with Behance official guidline. During discussing with other designers, I found both my advantages and room having to be improved.
23
Team members / 黃省元 林妤恒 魏廷恩 陳奕廷 孔繁瑋 陳冠儒 江泓儒 李思萱 Allocation / Head of Visual Design Section
05 子石豆漿 Zishi Soymilk 學生作品 視覺傳達設計 Visual Communication Design Course [2014]
子石豆漿是結合台灣傳統豆漿文化與現代東方 時尚元素的國際化豆漿品牌,試圖創造視覺與 味蕾的衝擊、提供絕佳的宵夜經驗,使台灣美 食與世界接軌、將歷史注入新的靈魂,讓消費 者得到的,超越想要的。 Zishi Soymilk is an international brand which combines the traditional Taiwanese food culcure with contemporary oriental visual materials. Zishi offers consumers the best experience of having late-night supper, and wants to bring the culture of soymilk in Taiwan to the whole world. Let the consumers always get more than they want.
25
26
C 15% M 100% Y 90% K 10%
C 0% M 0% Y 0% K 0%
C 0% M 0% Y 0% K 100%
子石豆漿的標誌結合傳統木刻印章與現代文 字設計風格,標準色選自經典的文字章暗紅 色搭配正黑與純白,品牌的整體視覺風格簡 約、東方、現代。在這項專案中我從品牌的 前端企劃、品牌視覺規範、企業識別系統, 到實體店家的餐具及外帶系統、氣氛經營都 明確地定義。
Zishi Soymilk is an oriental and fashionable brand. The logo of Zishi Soymilk combined the imagination of traditional woodcut seals with contemporary typography style. In this project, I clearly formulated the spirit of the brand and completed the visual identity guide book.
27
28
29
30
31
06
茶黨 Tea Party 學生作品 包裝設計 Packaging Design Course [2015]
32
茶
茶黨禮盒的創作中我嘗試結合兩項看似無關的元素產 生激盪。茶黨運動原為發生於英國的稅收社會運動, 茶黨茶葉禮盒,以社會運動讓民意自由借代運動、喝 茶,解放身體、讓精神自由。在盒型結構上,選用跳 脫框架的五邊形盒型,在理性中創造不規則;視覺上 運用系列的淡彩插畫,襯托清爽脫俗的品牌意象。
運動
茶黨
I tried to combine tea and exercising, the two elements which seems unrelated, to generate something new. The name "Tea Party" was taken from a social movement which was taken place in England. The freedom of public opinion represents the release of spirit from siping tea and taking exercise .
33
34
35
36
07 Grace and James 婚禮蠟燭 Grace and James: Golden wedding 學生作品 包裝設計 Packaging Design Course [2014]
延續 Grace and James 品牌包裝都是方盒的設 定,試著發想紙方盒的更多可能性。這次包裝 中,我大膽使用大面積的霧面金色、結合濕紙 盒與異材質,從平凡中延展華麗。而盒型設計 的過程中,我學習精準的計算濕紙盒的芯板厚 度對表紙的影響,也認識紙張的更多可能。 To discovered more possibility of cardboard box, I boldly used gold in large area and tried to use paper and acrylic at the same time. In this project, I learned the way to precisely calculate the influence between thickness of cardboard and the paper in surface. I also learned more posibility of making paper to design.
37
38
39
40
41
08 一福堂栗子燒 Yi Fu Tang Chestnut Cake 學生作品 包裝設計 Packaging Design Course [2014]
一福堂是台中的百年糕餅舖,而其聲名遠播 的栗子燒採用傳統日式核果與精選栗子,熬 煮成完美黃金比例。我將栗子燒 1:1 打印在 外包裝上,讓消費者能明確地知道食品尺寸, 利用鮮明的水藍色、加上側邊栗子造型的簍 空易開機構,提升包裝的活潑感。 Yi Fu Tang is a famous Pastry in Taichung, and Yi Fu Tang Chestnut Cake is one of the most popular products in the shop. To let consumers know the size of the cake before purchasing, I printed the 1:1 sized chestnut cake on the surface of cardboard boxes.
42
09 水蜜桃太郎 Peach Momotarou 學生作品 使用者介面設計 User Interface Design Course [2014]
為什麼大家都不常吃水果呢 ? 為了鼓 勵大家建立良好的飲食習慣,水蜜桃 太郎利用可愛的角色象徵使用者的實 際健康狀態,以角色培養和辨識遊戲 的方式帶領使用者學習挑選美味水果 的方法、提醒使用者每日需攝取的各 種維生素量,一步步教育使用者補充 蔬食的重要。 The purpose of Peach Momotarou is to tell users the importance of having good dietary habit and encourage users to eat fruits. By fostering the role of Peach Momotarou and playing games, users will learn right ways of choosing delicious fruit. Moreover, the condition of the role also reflect users' health.
43
44
Tarou
Blue
水蜜桃太郎的目標使用者是初等教育年齡的小 孩,配色上使用清新、活潑的色調,卡通式、 簡潔大方的視覺風格及介面設計讓孩童能很快 上手。這個 app 最特別的功能是:只要對著水 果拍照,就能自動辨識水果及其維生素含量, 成功辨識後角色會吃下一單位的該份水果並取 得養分。水蜜桃太郎的專案讓我學習到使用者 介面以及使用流程的設計方法,以及如何找出 讓 app 與眾不同的機會點。
Kid
Peach Momotarou is an app designed for children under 12 year-old. I used light and lively colors and simple user interface for children to use the app easily. The most special feature of Peach Momotarou is that users' roles can get nutrients by taking pictures of real fruit. The health of roles imply the condition of our little users. In this project, I learned how to design user interface and flows for specific users.
45
46
10
百善笑為先 NTU Joke King 使用者介面設計 使用者經驗分析 UI/UX Design [2015]
為了慶祝創辦三週年,堅持每天發文的臉 書人氣話笑話粉絲專頁「台大笑話王 生傳 陳儒元」笑話團隊精心打造笑話 app 百善 笑為先,希望透過臉書沒有的專屬功能及 貼近使用者情境的使用者介面,更加實踐 團隊初衷:「當世界充滿憂鬱腐敗時,讓 一個笑話解救你的人生。」 The team members of "NTU Joke King", a popular Facebook page, made a joke app to celebrate the 3rd anniversary of the page. In this project, we want to create brand new features that Facebook doesn't have, and be closer to our users through better UI. We want use the power of laughing to save people from pressure and depress. Team members / 陳儒元 黃紹綸 翁紹航 Allocation / UI UX
47
48
49
改善臉書粉專無法達到的專屬功能:收藏笑話、搜 尋機制、隨機笑話等功能。基於使用者的閱讀時間 與環境,將 UI 底色設定為深色,易於使用者在室內 或昏暗時閱讀;由於使用者年齡層落在年輕族群、 性別沒有明顯落差,且 app 著重粉專管理員與使用 者的發文內容,於是將視覺風格設定為易閱讀的極 簡現代風、標準色設定較中性的配色。
Our goal is to do things that Facebook can't do, like joke collection, joke searching bar, and ramdom jokes,etc. We designed mobile UI based on user study we did. Taking our dvisual settings for instance, since users usually read jokes indoor, and most of them are college students, we designed the black background and used light green as accessorial color.
50
11 外宿者客廳 Tiny Living Room AHA 木工創作坊作品 AHA Wood Working Workshop [2015]
利用重心的計算、空隙間的節料,讓一 張輕便茶几重量控制在 2kg 內,為所 有的 3 坪生活空間外宿者們打造像家鄉 的客廳一樣有安全感的紓壓空間,想念 家鄉時,就在外宿者客廳窩一窩。 This is a coffee table which want to provide warm feeling to young people who don't live with their family. I calculated the barycentre of the chair and the room between two slats to control the weight of Tiny Living Room within 2kg.
51
52
300mm
400mm
400mm
因為受限於狹小的住宿空間以及搬遷頻繁,外 宿者的傢俱通常需要可以一物多用,例如能夠 同時當椅子和桌几。所以在木材的尺寸上,盡 量選擇較輕薄的方案,而在結構上加強讓作品 穩固的方法。
Since Living in narrow space and frequent relocation, house-renter usually hope their furnitures have multiple features. So, I choose teak as material and used math ways to reduse the weight of this work.
53
87.5째
54
12 國王午休 Lazy Nap 學生作品 木工傢俱 Furniture Design Couse [2015]
讓工作狂也忍不住要休息,是國王午休 的目標,我利用大面積的座椅空間、微 往後傾的靠背以及扶手,提供使用者舒 適的體驗。所有的連接處都用簡潔的榫 接代替釘子,除了安全之外更顯大器。 Lazy Nap wants to let workaholics find the truth that they also need to relax. I designed big sitting area, tipsy seat back and nice armrests to provide comfortable experience for users. For safe considerations, I used mortises to replace nails.
55
56
57
87.5°
製作過程中,我練習了非常多種榫接 方式,其中最複雜的是扶手處的指接。 我將椅面設定為 45cmx45cm 的正方 形,並且在椅背設計 2.5 度傾斜,大 面積的靠坐,讓人想不放鬆的打個盹 都難。
I used different kinds of mortises, and learned ways to use wood working tools and machines. The sitting area of Lazy Nap is 45cmx45cm, and the tilting degree of the seatback is 2.5 degrees.
58
13
哺乳類朋友 The Mammals 學生作品 設計繪畫 Illustration Design Course [2015]
利 用 粉 彩 重 複 疊 合 時, 粉 料 混 合 產 生 的 柔 軟 質 感, 我 繪 製 一 系 列 的 哺 乳 類 動 物 以 及 生 態 環 境。 一 直 認 為 動 物 們 就 像 人 類 小 孩, 在 殘 酷 的 環 境 中 仍 然 快 樂 而 自 由 自 在 的 生 活, 而 粉 彩 的 特 性 正 好 適 合 可愛的他 們 。
I love to soft and warm effect when mixing powder of Soft Pastel andI always admire mammals because they always looks joyfol. So, I used the feature of Soft Patel to draw a series of mammals and nature surroundings.
59
60
14 另一個宇宙 Another Space 學生作品 動畫關鍵影格 Keyframes of 2D Animation [2015]
這 是 畢 業 製 作 的 動 畫 keyfr am e, 嘗 試 以 沒 有 透 視 的 畫 面 和 特 殊 的 配 色 表 現 所 有 空 間 和 材 質, 製 作 有 想 像 空 間 的 2 D 動 畫。在這個專題的製作過程中,我 練習使用最簡單的畫面、最簡潔的用色表現情境,以及 利用特殊的造型繪製讓畫面變得更有想像空間。 These series of illustration is actually keyframes of an animation. I tried to use special colors and frames without perspective to create an imaginative animation. In this project, the most difficult part is present the deepest emotion with the most simple apperence.
61
62
這 是 一 個 關 於 生 命 議 題 的 故 事, 延 伸 長 輩經常告訴未成熟的孩子死者都會去另 一 個 世 界 這 件 事, 發 展 一 個 新 的 故 事 , 敘 述 小 孩 如 何 理 解 大 人 的 善 意 謊 言, 如 何體會生命的盡頭將肉身與靈魂分開的 這件事。
Another Space is a story about death. I want to display how chirldren realize that spirit and the body will seperate after people die. How children face the death of their family, their pet, or their friend. Is it the best way to lie to our children things we don't really know?
63
64
15 進門 Living with You 學生作品 微電影設計 Micro Movie Course [2014] 這是一部以第三人稱角度旁觀敘事的微電影,討論師生戀、忘 年之交議題,劇情安排上最特別之處是,觀眾在影片的結尾才 能意會整個故事的原委。這部微電影是我接觸影像實拍的第一 部完整作品,在團隊中我負責分鏡腳本繪製、片頭動畫製作, 以及擔任女主角。透過這部作品,我學習影像製作的流程、劇 本架構及故事安排,以及劇組分工的方式。 Living with You is a story told by the third person. The story is about student-teacher romance. Spectators can not know the key element of the story before the endding of the micro movie. It is the very first time for me to make a micro movie, and I in charged of making storyboard, Titles animation. I am also the leading actress. I learned the process of making videos and ways to create stories. Team members / 吳順涵 張嘉芸 黃曼玲 鄧君儀 魏偲羽 Allocation / Storyboard, Leading Actress, Titles Animation
65
66
67