Portfolio November,2015

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