Stella Hsu portfolio

Page 1

‘13

‘17

PORT FO _LIO YUAN HSU


CONT-

ENTS


1 2 3 4 5 6 Y UA N H S U PORTFOLIO_’13-’17

P1

GRAPHIC DESIGN

ILLUSTRATION P1 3

PACAKGE DESIGN

P2 2

2D

P2 7

WEB DESIGN

ANIMATION

SILK SCREEN PRINTING P3 6

PHOTOGRAPHY

P4 1

BRANDING


ABOUT ME " W HE R E 關於我

YO U CO MFORT ZONE END S , YOUR L I FE BEGI NS ."

許元

對於我來說能夠打動人心,貼近人心的就是好的設計,每一個創作背 後都有屬於自己的故事,但好的作品並不是自己做了開心就好的,而 是來自於團隊的分工合作,所以努力增加自己的實務經驗,有任何合 作機會或學習,絕對抱著熱忱做到最好。


E D U C AT I O N

2017長庚大學工 業設計媒體傳達 組畢業 G R A D U AT E D F R O M C H A N G G U N G U N I V E R S I T Y I N D U S T R I A L D E S I G N M E D I A C O M M U N I C AT I O N

AWA R D S R E C O R D

入圍2017新一代 金點新秀設計獎 -視覺傳達設計 類 2 0 1 7 Y O U N G P I N D E S I G N AWA R D 長庚大學105學 年度院長榮譽榜 DEAN’ S LIST, CLASS OF 2 0 1 7 CHANG

CUNG UNIVERSITY

長庚設計獎第二 名 S E C O N D P L A C E O F C H A N G C U N G D E S I G N AWA R D

EXPERIENCE

合聿設計實習 2 0 1 6

SUMMER

U N I O N AT E L I E R I N T E R N

香港 W

H O T E L 平面設計接案

2015

SUMMER

H O N G KO N G W H OT E L C A S E

創兆網路科技公 司網頁設計合作 2 0 1 5

SUMMER

E C O N S U LT W E D D E S I G N C O M P A N Y C O O P E R AT I O N C A S E

喜堂文創喜帖設 計合作 K I O N G - H I ’ W E D D I N G I N V I TAT I O N SKILLS

電腦繪圖及編輯 相關軟體 A D O B E I L L U S T R AT O R ADOBE PHOTOSHOP ADOBE INDESIGN

網頁設計及互動 相關軟體 A D O B E D R E A M W E AV E R

動畫及影片剪輯相關軟體 AFTER EFFECT ADOBE PREMIERE

C O N TAC T

YUAN-HSU +886-987-161-447 CARBOMBOM2 3 @ GMAI L. COM

DESIGN


GRAPHIC DESIGN

1


1

W E D B A N N E R

香港 W

HOTEL

HONG KONG W HOTEL

WED BANNER / GRAPHIC DESIGN

04


1

W E D B A N N E R

香港 W

HOTEL

HONG KONG W HOTEL

WED BANNER / GRAPHIC DESIGN

05


香港 W

HOTEL

HONG KONG W HOTEL

WED BANNER / GRAPHIC DESIGN

06


1

B R O C H U R E D E S I G N

香港 W

HOTEL

HONG KONG W HOTEL

CHRISTMAS PARTY BROCHURE / EDITORIAL LAYOUT / GRAPHIC DESIGN

07


08


1

I N F O G R A P H I C

化妝視覺資訊海報 INFOGRAPHIC / GRAPHIC

09

THE MAGIC OF MAKE UP DESIGN


品牌精神 喜堂文創致力完成每對新人心中最完美的夢 想,秉持著辦自家人婚禮的態度,堅持用恆 心、細心、耐心、熱心、愛心與創新的服 務精神為新人打造幸福婚禮,打造 新人專屬客製化選單,你們的 需要就是我們想要辦到的。

品牌 故 事 喜堂文創是一個提供喜事設 計的團隊,熱愛設計與創意 商品。喜堂文創團隊成立於 2013年春天,我們知道在生 命樂章中.有著許多令人歡 欣的時刻結婚.新生.特別 的紀念日。

企 業經 營理 念 我們專注 嚴格控管所有流程,每一處細微末節,我

品牌標誌之設計理念

們都不願意放過,我們大膽 擺脫以往吃吃喝喝的喜 宴印,呈現講究質感的經典婚禮,我們堅持 要讓新

品牌標誌結合愛心與鑽石兩個元素,

人和親友們,輕鬆自如地享受這場美好的精緻宴會,

愛心代表著喜堂為新人傳遞幸福,以

我們用心 為您客製化,創造獨一無二的喜帖。

及用最真誠的心來為新人完成夢想中 的婚禮,鑽石,代表喜堂的專業也為 客戶帶來最頂級的設計團隊,享受最 高的待遇,及愛情的永恆。

10


1

G R A P H I C D E S I G N

喜堂文創設計案

KIONG-HI’

WEDDING INVITATION / REBRANDING / GRAPHIC DESIGN

喜堂文創為婚禮顧問公司,主要提供的服務是客製化喜帖 設計三款喜帖與謝卡,概念以創新擺脫以往純平面的傳統 喜帖,運用紙的藝術,折線跟雷切雕字等,設計出三種不 同風格的喜帖。

11


12


I L L U S T R AT I O N

2


2

I L L U S T R A T I O N

餅乾包裝設計插畫 COOKIE PACKAGE DESIGN ILLUSTRATION / PACKAGE DESIGN 14


2

P A C K A G E D E S I G N

餅乾包裝設計插畫 COOKIE PACKAGE DESIGN ILLUSTRATION / PACKAGE DESIGN 用自己的故事重新設計小時候常吃的餅乾,融入爸爸與我的回憶來設計 插畫主題結合台灣各個景點,色彩運用,利用黑白線稿及彩色來分別餅 乾的口味。

15


16


2

I L L U S T R A T I O N

嚐初回憶

餅乾外包裝插畫 COOKIE PACKAGE ILLUSTARTION ILLUSTRATION / PACKAGE DESIGN

17


天然植物插畫 FLOWER ILLUSTARTION ILLUSTRATION / PACKAGE DESIGN

18


2

I L L U S T R A T I O N

肥皂包裝設計 SOAP PACKAGE DESIGN ILLUSTRATION / PACKAGE DESIGN 將插畫結合在肥皂的外包裝,用網版印刷 印出來,用天然植物也表示肥皂的天然, 更直接將各種味道的香皂,利用植物來作 區分。

19


20


2

P A C K A G E D E S I G N

夜市小吃包裝設計 TAKE OUT FOOD PACKAGE DESIGN ILLUSTRATION / PACKAGE DESIGN

21


2 D A N I M AT I O N

3


3

C H A R A C T E R D E S I G N

23


人物高度表

動畫角色設計 ANIMATION CHARATCER DESIGN ANIMATION / CHARACTER DESIGN 主角人格特質

喜歡指使人 強迫症 控制狂 情緒起伏大

24


3

A N I M A T I O N

動畫故事場景 ANIMATION

25

CONTROL

ANIMATION STORYBOARD


動畫週邊設計 POSTCARD DESIGN ANIMATION

NO PA I N , N O GA I N

E VE RYONE H AS CH ANG E D

KEEP F IGHTING.

EXC E PT M E . .

故事大綱 景氣蕭條的時代,貧富差距明顯,男主角是一個有強迫症,很愛控制人的人, 愛指使別人做事情,直到有一天,在下班回去的路上,突然天空變黑,飛碟出 現把大家吸走包括男主角,外星人統治了城市,將每個人身上都裝有外星怪物 頭上的怪物會將人產生的情緒吸走,而人就會立馬變呆滯,男主角頭上的怪物 跟其他人長得不一樣,於是他開始展開一場冒險準備拯救城市。

26


L OA D I N G . . .

WEB/APP DESIGN

4


4

W E B C O M M E R C I A L

GOGORO網站廣告設計 GOGORO COMMERCIAL WEB DESIGN WEB DESIGN / MOTION GRAPHIC

28


4

W E B C O M M E R C I A L

設計概念說明 現在的網站,越來越多有動態的部分,廣告 更不用說,首頁用全幅結合 GOGORO 的宣傳影片 製造動態感,內分頁也用滑動動態跟動態按 鈕,運用滑鼠滑動創造,字體的動態感,讓 看到這網站廣告的人,看完更想去買。

29


30


4

A P P D E S I G N

排HOHO手機軟體設計 APP DESIGN / UI / UX DESIGN

31

HOHO APP DESIGN


32


4

A P P D E S I G N

設計概念說明 消費者並不喜歡過多的等待時間,同時店家面對大量的排隊人潮,也必 須同時處理帶位及客人等待的怨言,因此我們發想出結合預約餐廳及叫 車兩大主要功能,讓消費者在出門前或路途中,事先預約好位子及需求 ,不會千里迢迢到了餐廳卻發現原來根本無法用餐等困擾,同時為了消 費者的路途,我們也安排了安心接送叫車服務。

33


34


4

W E B B A N N E R D E S I G N

創兆網路設計公司設計案 WEB BANNER / WEB DESIGN

ECONSULT WEB DESIGN COMPANY

網路購物平台的商品廣告,從拍攝商品到修圖,設計廣告橫幅 一手包辦。

35


SILK SCREEN PRINTING

5


5

P H O T O G R A P H Y

眼鏡攝影

GLASSES PHOTOGRAPHY

PHOTOGRAPHY

以眼鏡為主題,在生活中所有有可 能眼鏡出現的場景,將它捕捉住。

37


38


5

L A Y O U T D E S I G N

眼鏡型錄

GLASSES CATALOG

SILK SCREEN PRINTING / LAYOUT DESIGN

運用網版印刷,將眼鏡的照片曝光 ,印出不同風格的眼鏡型錄。

39


40


BRANDING

6


6

B R A N D I N G It is a long established fact that a reader will be distracted by the readable content of a page when looki ng at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop p have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the It is a long established fact that a reader will be distracted by the readable content of a page

It is a long established fact that a reader will be distracted by the readable content of a page when looki ng at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop p have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the It is a long established fact that a reader will be distracted by the readable content of a page

It is a long established fact that a reader will be distracted by the readable content of a page when looki ng at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop p have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the It is a long established fact that a reader will be distracted by the readable content of a page

http://www.kionghi.com.tw/

喜帖|謝卡|婚禮展架|掛軸|簽名版

六日及國定假日不營業 Tel. 04-2565-1078 Tax. 04-2565-2357 台中市中清路4段180號3樓 週一到週五 9:00a.m.-18:30p.m.

Mail. service@kionghi.com.tw 喜帖|謝卡|婚禮展架|掛軸|簽名版

台中市中清路4段180號3樓 週一到週五 9:00a.m.-18:30p.m. 六日及國定假日不營業 Tel. 04-2565-1078 Tax. 04-2565-2357 Mail. service@kionghi.com.tw

藝術總監

許元

喜堂文創品牌設計案 BRANDING / CIS BOOK

KIONG-HI’ BRANDING

品牌故事 喜堂文創是一個提供喜事設計的團隊,熱愛設計與創意商品,喜堂文創團隊成立於2013年 春天,我們知道在生命樂章中.有著許多令人歡欣的時刻結婚.新生.特別的紀念日,當 喜事來臨的那一刻,總想大家分享我們的喜悅。

品牌標誌之設計理念 品牌標誌結合愛心與鑽石兩個元素,愛心代表著喜堂為新人傳遞幸福,以及用最真誠 的心來為新人完成夢想中的婚禮,鑽石,代表喜堂的專業也為客戶帶來最頂級的設計 團隊,享受最高的待遇,及愛情的永恆。

42


6

B R A N D I N G

中文標準字-橫式 a.

c.

5.8A A

b. d.

22mm

英文標準字-橫式 11K

a. K

b.

c.

d.

22mm

企業中文指定字體 中文標體使用 儷黑pro

印刷專用中文字體

企業英文、數字指定字體 英文標體使用

Ar i al Bol d 43

A BCDEFGHIJKLM NOPQRSTUVW XYZ a bcdef ghijklmnopqrst uvwxyz 1 234567890


視覺輔助圖案 a.

b.

a

1.75a

d.

c.

色彩系統規範 結婚是個男生女生的結合 藍色代表男生粉色代表女生 藍色也代表著喜堂的專業 粉色則給人幸福感及結婚的喜氣

CMYK RGB PANTONE

100/52/0/60 0/50/101 654C

CMYK RGB PANTONE

4/26/20/0 243/204/193 2377C

CMYK RGB PANTONE

0/0/0/0 0/0/0

44


EXTREME BEAUTY


BRAND STORY 現代女性尋求刺激的夜生活,而夜店酒吧成為比美比炫的舞台。 blackpanther給予妝容上新奇刺激的視覺饗宴,讓使用者成為全場焦點! Modern women seeking exciting nightlife , bars and nightclubs become the stage of beauty contest. BlackPanther gives an exciting feast of visual on the makeup, allowing users to become the spotlight !

SPRITE

WORDMARK

LOGO

PUBLISH COLOR

ELEMENTS

Gives you wings Even goddesses are jealous of

SLOGAN

EXTREME BEAUTY

TYPEFACE

LINE

FUTURA

RGB

CMYK

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

BANK GOTHIC

SOILD

GRAY SCALE

MONOTONE

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

HOLLOW OUT

儷黑pro

PANTONE

黑豹黑豹黑豹黑豹黑豹黑豹黑豹黑豹黑豹 黑豹黑豹黑豹黑豹黑豹黑豹黑豹黑豹黑豹

CLEARSPACE

STANDERD LOGO COLOR RGB : #000000

RGB : #dd358c

CMYK : C0/M0/Y0/K100

CMYK : C6/M88/Y0/K0

PANTONE : Black C

PANTONE : Rhodamine Red C

RGB : #ffffff

RGB : #302a5a

CMYK : C0/M0/Y0/K0

CMYK : C94/M100/Y50/K3

PANTONE : White

PANTONE : 2735 C

RGB : #51c1e6 CMYK : C61/M0/Y7/K0 PANTONE : 305 C

RGB : #3a3a94-#2a2676

gradients

CMYK : C89/M87/Y9/K0C90/M100/Y22/K0 PANTONE : 7672 C-7680 C


6

B R A N D I N G

視覺識別VI(Visaul Identity)

Brand STORY 現代女性尋求刺激的夜生活,而夜店酒吧成為比美比炫的舞台。 blackpanther給予妝容上新奇刺激的視覺饗宴,讓使用者成為全場焦點! Modern women seeking exciting nightlife , bars and nightclubs become the stage of beauty contest. BlackPanther gives an exciting feast of visual on the makeup, allowing users to become the spotlight !

SPRITE 給你一對翅膀 一對連女神都嫉妒的翅膀 Gives you wings Even goddesses are jealous of

SLOGAN

EXTREME BEAUTY

Logo INSIDE LOGO DESIGN 夜裡,女性化身為叢林裡悄然無聲的黑豹,在霓虹四射的夜裡活躍。 Beauty turns into the silent black panther inside the jungle at night, dancing among the neon night.

Logo WIDTH & LENGTH 必須以等比例放大縮小 Must be proportional to enlarge or reduce

3.8B

CLEAR SPACE 以logo字首B為基準 Base on first letter B as the clear space

0.5B

11.8B

47


視覺識別VI(Visaul Identity)

Logo DONʼT 請勿將logo使用於任何以下狀況 Don’t use logo in any situation in the following

鏡射任一部位 mirror any part

圖文重疊 overlapping

添加漸層 adding gradients

消除任一部位 delete any part

更換任一部位 change any part

旋轉 rotate

改變顏色 change color

移動任一部位 move any part

壓縮寬度 compress width

Colors STANDERD LOGO COLOR RGB

CMYK

GRAY SCALE

PANTONE

RGB

CMYK

GRAY SCALE

PANTONE

MONOTONE

48


6

B R A N D I N G

視覺識別VI(Visaul Identity)

Colors STANDERD LOGO APPLICATION 不同底色 logo將會做調整 Due to different,logo will be adjust into different color

白底/透明底使用

黑底/深色底使用

照片的使用

Graphic ELEMENTS & PATTERN Pattern

Elements Standerd

Solid

Hollowed

49


視覺識別VI(Visaul Identity)

Brand Merchandise NAME CARD

PAPPER

ENVELOPE

Cindy Lai +886 912345678 blackpanther@bp.com

U000256 VIP NUMBER

VIP CARD

VIP Hotline : 0800 013 020 Red bull Taiwan Ltd reserves the right to amend the VIP terms and conditions without prior notice. In the event of any dispute, Red bull Taiwan Ltd reserves all rights of final explantion under applicable laws.

U000256 VIP NUMBER

STAFF CARD PACKAGING BOX

STAFF STELLA

STAFF BOARD STAFF PEN

STAFF UNIFORM

STAFF EVENT SUIT

50


6

B R A N D I N G

林希蒨

創辦人

M. 0988-951373 hsichien1212@gmail.com Web. museed.com.tw facebook.com/museed.tw

木音之實 MUSSED LOGOTYPE / BUSINESS CARD

51


Museed

木音之實有限公司

林希蒨 Museed 木音之實有限公司

創辦人

M.0988-951373 hsichien1212@gmail.com Web.museed.com.tw facebook.com/museed.tw

52


6

B R A N D I N G

03 123 4567 嘉義市 垂楊路 100號 SUN-THU 1 1 :3 0 -1 4 :0 0 1 7 :3 0 -2 1 :3 0

FRI-SAT 1 1 :0 0 -1 5 :0 0 1 7 :0 0 -2 2 :0 0

微樂丘 LOVE&CHILL LOGO / BUSINESS CARD / PACKAGING

53

DESIGN


03 123 4567 嘉義市 垂楊路 100號 SUN-THU 11:30-14:00 17:30-21:30

FRI-SAT 11:00-15:00 17:00-22:00

fb.com/lovechill

03 123 4567 嘉義市 垂楊路 100號 SUN-THU 11:30-14:00 17:30-21:30

FRI-SAT 11:00-15:00 17:00-22:00

54


6

B R A N D I N G

二牛犇

NGI NGIU BUN

LOGOTYPE / BUSINESS CARD / PATTERN DESIGN

56


台中市 東勢區 新豐街7號

04 2587 3488

56


6

B R A N D I N G

二牛犇

NGI NGIU BUN

PATTERN DESIGN

57


58


6

B R A N D I N G

G O O D D A Y

日日良選 GOODDAY SELECT LOGOTYPE / BUSINESS CARD / PACKAGAING

59

S E L E C T

DESIGN / MENU DESIGN


02 2345 6789 fb.com/ gooddayselect 台北市 中山區 伊通街

116號

02 2345 6789 fb.com/gooddayselect 台北市 中山區

伊通街 1 1 6 號

60


6

B R A N D I N G

單品茶飲

支持小農系列

冷泡茶

80

台茶18號紅茶

80

健康蕎麥茶

80

18號鮮奶茶

80

白珠鮮奶茶

80

十草六穀茶

80

伯爵鮮奶茶

80

80

經典阿薩姆

芋頭牛奶

80

高山烏龍

80

鐵觀音鮮奶茶

80

80

日日綠茶

蘋果鮮奶茶

松柏嶺青茶

80

烏龍鮮奶茶

80

烏龍

80

鮮果混搭

晶鑽葡萄柚果茶(綠茶,國產限定)

80

80

芭樂 芒果

鮮檸紅茶(18號紅茶)

80

80

芭樂 檸檬

鮮檸蜂蜜

80

80

芭樂 火龍果

檸檬百香果(蘆薈)綠茶

80

80

火龍果 香橙 檸檬

鮮榨蘋果青茶

80

80

鳳梨 香橙

水果QQ(檸檬柳橙百香QQ)

80

80

火龍果 百香果

80

火龍果 檸檬 香橙

80

奇異果 鳳梨 香橙(柳丁)蜂蜜

80

果茶

火龍果 鳳梨 檸檬 蘋果

果昔

61

草莓 藍莓 燕麥 蜂蜜 牛奶

80

草莓 香蕉 燕麥 牛奶

80

香蕉 藍莓 燕麥 牛奶

80

蔓越莓 藍莓 牛奶

80

加料

奇芽子

天然白珠

蜂農花蜜

愛玉 蒟蒻果凍

蘆薈

汽泡水 果露 Mojito 薄荷檸檬

80

藍柑 水蜜桃

8 80 0

果汁 葡萄柚

80

百香果

80

香橙

80

檸檬

80

火龍果汁

80

奇異果 薄荷

80


62


6

F I N A L

P R O J E C T

Shì

shuō

xīn

畢業專題設計 FINAL PROJECT GRAPHIC DESIGN / BOOK DESIGN / VISUAL

COMMUNICATION / MOTION GRAPHIC

人與人傳遞訊息的方法有很多種,最普遍的方式也就是透過文字來表達情感,然 而文字從何而來?世界各個古文明都使用符號來傳達及接收訊息,文字始於圖像 ,圖像符號是靈魂的語言,能直接進入頭腦最深層的無意識。然而現今,科技的 發達,大家都以通訊軟體取代書信,很少人在動筆寫字了。 表情符號及貼圖已經逐漸取代文字,視覺化很重要,以文字為本,延伸 出來的符號或是圖像,組成新的語言系統。希望憑藉單純的符號,向觀 者傳達想表達的意涵,同時也可能因觀者不同的解讀,而延伸出不同的 解釋。 一套全新的視覺傳達系統,不分國界,不分語言。

63

入圍2017金點新秀設計獎-視覺傳達設計類


64


6 F I N A L P R O J E C T

65


66


6

F I N A L

P R O J E C T

視說心語

SHI SHUO XIN YU

GRAPHIC DESIGN / EXHIBITION DISPLAY

視說心語 SYMBOL DICTIONARY 將所有的文字視覺化成圖像,常用的話語繪成兩百個符號來傳達,書 的內頁都有圖像的由來及例句的運用。

展覽成果 TSYH EXHIBITION 除了參加新一代設計展外,還自己辦畢業製作聯展,從場地租借到器 材設備都是自己與同學大家一起合作完成,還有贊助商的提案,到最 後電視由 BENQ 贊助,及最後的與場地老闆討論水電及配電為題,展場圖 的修改,第一次辦展難免有些緊張及不懂的地方,大家除了要忙自己 的畢製之外還要花時間一起討論公共事務及展場視覺等,最後才有如 此完美的展出,也學到很多寶貴的經驗。

展場空間 WOOLLOOMOOLOO WXY XHIBIT 展覽空間 台北市信義區信義路四段379號5樓 67


68


HSU YUAN

Graphic designer

0987161447 ca rbo m b o m 2 3 @ g m a i l . c o m

個人名片設計 PERSONAL NAME CARD DESIGN ILLUSTRATION / BUSINESS CARD

69


T h a nk yo u fo r v i ewi ng. ge t i n to uch wi th m e c ar bo m bo m 23@gm ai l .c om S H OW RE E L : https: //v i meo.c om/s tella h s u

70


END T RY E V E RY T H I N G


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.