the
PORTFOLIO of Kennyi Tsai
2009
2015, 06 I am always a beginner in Graphic Design.
2009
2015, 06
CONTENTS
#1 About
04
Introduction Work Experience SOHO Experience
#2 Graphic Design
08
500 Days Of Summer Linda! Linda! Linda! The Place Beyond Pines White Bird In A Blizzard Rumba The Notebook Christmas Rose Return To Innocence / Touch Your Sky Bottles Illustration
#3 Projects The Mountain Highway Museum The Recording Of M3 Construction FDlogos urHoodies Concert CoolerGraphics Flyers & Banners Logos & Typo Yufeng kid's school furniture iMACHi
32
03
#1
ABOUT
Introduction _ 05 Work Experience _ 06 SOHO Experience 簡介 _ 05 工作經歷 _ 06 接案經歷
04
#1 About
05
Introduction
KENNYI TSAI 蔡
孟欣
#A 簡介 Introduction 台灣 , 彰化縣伸港鄉
1990 國立高雄師範大學 工業設計學系 畢
Changhua, Taiwan 1990 National Kaohsiung Normal University bachelor of Industrial Design
Work Experence / SOHO Experence
#B 工作經歷 Work Experience 2013 - 2014 FDlogos / 網頁 FDlogos / 摺頁 DM TotalKoozies / 購物網站 urHoodies / 網頁 CoolerGraphics / 2014 年 商品目錄編排 杯套相關商品傳單
2014 - 2015 高雄市政府公務人力發展中心 / 網頁＋後台登入頁面 全國學術電子資訊共享聯盟 / 網站畫面提案 公路總局 M3 建置全紀錄 / 網站 國家同步研究輻射中心 人員體外輻射劑量查詢 / 查詢頁面 後山文物館 / 網頁＋後台登入頁面
#C 接案經歷 SOHO Experience 裕豐傢俱 / 名片編排
CoolerGraphics / 2015 年 商品目錄編排 公路總局 源碼檢測管理平臺 / 登入頁面
i-MACHi 艾瑪奇通訊行 / Facebook 大頭貼照＋封面相片
06
07
#2
GRAPHIC DESIGN
500 Days Of Summer _ 09 Linda! Linda! Linda! _ 11 The Place Beyond Pines _ 12 White Bird In A Blizzard _ 13 Rumba _ 15 The Notebook _ 17 Christmas Rose _ 18 Return To Innocence / Touch Your Sky _ 19 Bottles _ 25 Illustration _ 29
戀夏 500 日 _ 09 琳達！琳達！琳達！ _ 11 末路車神 _ 12 暴風雪中的白鳥 _ 13 舞舞舞 _ 15 手札情緣 _ 17 聖誕玫瑰 _ 18 視覺傳達 _ 19 多媒彩應用 _ 25 插畫應用 _ 29
08
#2 Graphic Design
09
starring
JOSEPH GORDON-LEVITT ZOOEY DESCHANEL
directed
MARC WEBB
written
SCOTT NEUSTADTER MICHAEL H. WEBBER
version #01
[ 戀夏 500 日 ]
電影海報設計
500 Days Of Summer
148mm x 210mm May, 2015 movie poster
10
version #02
11
[ 琳達！琳達！琳達！ ]
Linda! Linda! Linda! 148mm x 210mm May, 2015 movie poster
電影海報設計
[ 末路車神 ]
電影海報設計
The Place Beyond The Pines
105mm x 148mm June, 2015 movie poster
14
version #02
[ 暴風雪中的白鳥 ]
電影海報設計
White Bird In A Blizzard
148mm x 210mm
< version #01
May, 2015 movie poster
15
[ 舞舞舞 ] Rumba
電影海報設計
148mm x 210mm May, 2015 movie poster
[ 手札情緣 ]
電影海報設計
The Notebook
148mm x 210mm July, 2015 movie poster
[ 聖誕玫瑰 ]
電影海報設計
Christmas Rose
148mm x 210mm October, 2013 movie poster
19
視覺傳達
海報設計
Return To Innocence / Touch Your Sky 148mm x 210mm January, 2012 poster
version #01
20
21
選擇主題作為主圖，進行繪製，在 這裡我選擇牛與白鷺鷥。 依 照 各 種 指 令 進 行 創 作， 例 如 解 構、重複、加入相片、加入故事性 等等。 累積ㄧ定數量的草圖，從中挑選適 合進入電腦做後期處理的圖像，使 用 Photoshop 做 修 改 與 添 加。 最 後以一系列的海報呈現此次設計。
22
version #02
23
version #03
version #04
24
25
多媒彩應用 Bottles
海報設計
190mm x 120mm June, 2010 booklet
27
Pudele
Bouteille
Botella
28
Pudel
選擇選擇ㄧ日生活用品作為主圖，進行繪製，在這裡我選擇ㄧ小塑 膠壓瓶。使用各種媒材與手法創作，例如限時十秒、十五秒、三十 秒內完成；限制只能使用左手；限制只能使用黑白媒材；限制必須 使用非筆材；限制以立體方式呈現等等。 累積ㄧ定數量的草圖，從中挑選適合進入電腦做後期處理的圖像， 使用 Photoshop 做修改與添加。在這裡我以 " 瓶子 " 做主軸，各國 語言作為輔軸，以ㄧ本小書的方式呈現此次設計。
插畫應用 29
Illustrations
215mm x 145mm May, 2011 poster
version #01
挑選適合製作的參考圖片，開始進行解構，觀察畫面能 夠分成哪些部分，而每個部分又能用哪個英文字母來取 代。大致構想規劃完成，即開始加入字母，挑選風格與
30
字型合適整體畫面的字母，稍做變形後置入，整體畫面 配色則直接從參考圖片中截取。
version #02
31
#3
PROJECTS
The Mountain Highway Museum _ 33 The Recording Of M3 Construction _ 37 FDlogos _ 41 urHoodies _ 43 Concert _ 45 CoolerGraphics _ 47 Flyers & Banners _ 51 Logos & Typo _ 53 Yufeng kid's school furniture_ 55 iMACHi _ 56
後山文物館 _ 33 M3 建置全紀錄 _ 37 FDlogos 購物網站 _ 41 urHoodies 商品網頁 _ 43 全國學術資訊資源共享聯盟 _ 45 CoolerGraphics 目錄 _ 47 商品傳單設計 _ 51 Logos & 標準字設計 _ 53 裕豐傢俱 _ 55 艾瑪奇通訊行 _ 56
32
後山文物館 33
網站視覺設計 / 切版
The Mountain Highway Museum 1170 x 1685
April, 2015 website, CSS3, HTML5
Index
page - Info
page - life
logotype
details of the banner
M3 建置全紀錄 37
網站視覺設計 / 切版
The Recording Of M3 Construction 1170 x 1685
January, 2015 website, CSS3, HTML5
index - timeline
a.
b.
a. page - login b. page - history
40
logotype
FDlogos 41
FDlogos
1024 x 768 April, 2014 website
購物網站視覺設計
Index
urHoodies 43
urHoodies 1024 x 768 May, 2014 website
網頁視覺設計
全國學術資訊資源共享聯盟
網站視覺設計提案
Concert
1170 x 768 January, 2015 website
Index
innerpage
CoolerGraphics 47
商品目錄設計
CoolerGraphics 2015 Catalog 148mm x 210mm July, 2014 catalog
cover
48
51
商品傳單設計 Flyers & Banners
Logos & 標準字設計 53
Logos & Typo
54
裕豐家具
名片設計
Yufeng kid's school furniture 90mm x 54mm
September, 2014 namecard
front
back
艾瑪奇通訊行
粉絲專頁大頭照、封面相片設計
iMACHi
500px x 500px , 850px x 315px August, 2015 profile picture , cover photo
profile picture
cover photo
fan page mock up
POSTSCRIPT
關於創意，於我而言是一種常態思路之外的展 現和跳脫：由Ａ到Ｂ可能有常見的十種方法和 少見的千萬種方法，而那千萬種方法，就是創 意。 創意是一種能量，它帶來驚喜。要如何恰當運 用，就需要仰賴設計。關於設計，於我而言是 一種整理，將創意做整理，將產品外型作整理， 將使用流程作整理，將文字作整理，將圖像作 整理，藉由花時間的整理讓各種流動順利：流 動可以是實際操作上以及精神上，因每個人的 操作習慣和美感見解不盡相同，常有人認為某 些設計對使用上沒有助益，不以為然，但對我 來說，設計是打入水中的小石頭，重點在於漣 漪，我們會因為通過設計的流動，進而激發出 某些想法，或是改變某種觀念，那才是設計最 終的目的與價值。
CONTACT ME 任何案件欲討論及合作，或者 只是想要打聲招呼，歡迎與我 聯絡！
kennyitsai@gmail.com https://www.facebook.com/kyokyox2
2015
FUTURE