‘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
yǔ
畢業專題設計 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