Graphic Portfolio 2018

Page 1

Yannick Hsiao

portfolio ｜ 2018

catogory

Bioqueri品牌設計 Brand Design

快樂設計｜畢業設計專題

18

ＬＯＧＯ設計作品

26

其他作品｜電繪、名片、海報

32

互動式設計專題

38

實習經驗

40

流行設計專題

44

Happy Design｜graduation project Logo Design

Other Works｜Illustration, Business Card, Poster Interactive Project Intern

Fashion Project

2

4

YANNICK HSIAO 蕭今翔（1990）

Taiwan, Taipei City 0987-118-364 yannickhsaio@gmail.com Behance｜https://www.behance.net/shoshohsiao Lymma（ＵＩ練習生）｜http://www.lymma.net/designer/profile/4612

Education 學歷

2009-2013 銘傳大學 商業設計學系 畢業 Ming Chuan University Department of Commercial Design

License 證書

ACA Adobe Dreamweaver CS6 ACA Adobe Photoshop CS5 ACA Adobe Flash CS5 TQC Adobe Illustrator CS5 TQC Powerpoint 2007 TQC Word 2010 國際學術研討會 論文審查證明

Skill 技能

Experience 經歷

2015.01.05 至 2017.11.30 視覺／品牌設計師 [ 2 years 11 months ]

於 購明系雲科技股份有限公司

2012.07.01 至 2012.08.31 實習生 [ 2 months ] 於 碼戲園新媒體

Achievement 獲獎

2013｜榮獲 Adobe卓越設計大獎(ADAA) ／決賽優選 Finalist 2013｜台灣設計聯盟TDA 善設計 入選參展 2013｜銘傳大學 專題研究傑出獎 2012｜時報金犢獎 網路廣告類／銀犢獎 2012｜4A Yahoo!創意獎 ／最佳學生平面廣告獎佳作 2012｜時報金犢獎 環境廣告類／佳作

精通｜ Photoshop ／ Illustrator／Canon EOS 60D 熟悉｜ Premiere ／ After Effect ／ Dreamweaver ／ Indesign ／ Flash 初級｜ Adobe XD ／ Sketch ／ HTML

Workshop 研習

2015｜聯成電腦-青年就業讚計畫『多媒體設計人才培訓班』[320hrs] 2014｜糖口工作室 - 進階人像修片 [2.5hrs] 2013｜CIDA 一堂專門為設計師打造的攝影課結業證書 [12hrs]

3

＃Bioqueri ＃麥葵莉 ＃公司自有品牌商品 ＃天然植萃定位 ＃品牌LOGO設計 ＃包裝設計 ＃視覺拍攝 ＃Bioqueri ＃BrandDesigner ＃NatureSkincareBrand ＃LogoDesign ＃PackageDesign ＃VisualPhotoshoot 4

品牌介紹｜

45º

Bioqueri 定位為天然植萃系品牌，定價介於開價與專櫃之間。2016 年末開 始計劃籌備，由我擔任品牌設計師，負責設計 LOGO 設計、產品包裝設計以 及形象視覺照拍攝。 Bioqueri 品牌名稱中 BIO 是 BIOLOGY TECHNOLOGY 生物科技的縮寫，BIO 在許多歐洲國家還是純天然的標誌，而英文 QUERＹ是詢問的意思，這樣的 結合，象徵追尋自然的真理，而 slogan 是「找出肌膚真正問題，用植萃力 量褪回新生。」 透過這樣的意象，我設計了這款 LOGO，來傳達 Bioqueri 的品牌精神，靈感 來自神秘的麥田圈與日本家徽設計，是一個水平對稱的ＬＯＧＯ，另外我還設 計了 LOGO 圖形的動畫，在動畫中，會由下往上生成來表現植物新生。 LOGO動畫｜https://www.behance.net/gallery/62113001/LOGOBioqueri

5

英文標準字 ｜

Cambria (Regular)

微調

ABCDEFGHIJKLMNO PQRSTUVWXYZ abcdefghijklmno pqurstuvwxyz 1234567890

4.3b

a

a

b

6

b

其他LOGO設計提案｜

7

8

使用紙材｜ 自然再生紙系列 LV2984｜400 g/m

PANTONE 4715 U ｜打凸

麥粒酵素嫩白皂

使用紙材｜ 日本水波紋紙 JR1202｜400

PANTONE 2274 U ｜PANTONE 576 U ｜打凸

g/m

茶樹撫荳皂

9

麥粒酵素嫩白皂是 Bioqueri 的第一支產品，主打有小麥顆粒的天然活性皂， 當時已經確定後續有一款茶樹系列抗痘皂，因此將它定位為經典款的包裝設計 並用自然再生系列紙質，純打凸的設計，象徵品牌的自然純粹精神。 Credit Client｜AMZ & SHENG-TAI CO.,LTD. Package Design ｜Yannick Hsiao Photography｜Yannick Hsiao Visual Design｜Yannick Hsiao Product Manager｜Livy Su Speical Thanks｜Kaien Chang 10

11

12

茶樹撫荳皂，和撫荳凝露是 Bioqueri 茶樹系列商品，包裝上用成分澳洲茶 樹設計新的標誌，使用有紋路的紙材 及打凸的設計，希望用「觸覺」讓觀 者感受產品是安心貼近消費者的，白 色的外盒更能凸顯產品功效感。 Credit Client｜AMZ & SHENG-TAI CO.,LTD. Package Design ｜Yannick Hsiao Photography｜Yannick Hsiao Visual Design｜Yannick Hsiao Product Manager｜Livy Su Speical Thanks｜Kaien Chang

13

抗痕除蚊油

使用紙材｜ 日本元素紙NT RASHA JNT 12126A｜300 g/m

14

PANTONE 4715U ｜ 網印亮白 ｜ 打凸

čŒść¨šć’Ťč?łĺ‡?éœ˛

PANTONE 7741 C ď˝œ PANTONE 558 C

使用紙ć??ď˝œ 輿垡 ç´°ç ‚ç´™ 3841ď˝œ300 g/m

čŒść¨šć’Ťč?łĺ‡?éœ˛ 丝 čŚ ćˆ? ĺˆ† ďźš Water, Glycerin, Propanediol, Arginine, Niacinamide, Panthenol, Aloe

Barbadensis Leaf Juice, Sodium Benzoate, Potassium Sorbate, Sodium MetabisulďŹ te, Acrylates/C10-30 Alkyl Acrylate

Crosspolymer, Phenoxyethanol, Melaleuca Alternifolia (Tea Tree) Leaf Oil, Lavandula A n g u st i fo l i a ( L a ve n d e r ) O i l , P E G - 6 0 Hydrogenated Castor Oil, Rosemar y

(Rosmarinus OďŹƒcinalis) Oil, Allantoin, Peucedanum Ostruthium Leaf Extract,

Citric Acid, Epilobium Fleischeri Extract, Scutellaria Alpina Flower/Leaf/Stem Extract , Marrubium Vulgare Extract , Butylene Glycol, PEG-60 Almond

Glycerides, Caprylyl Glycol, Carbomer, Nordihydroguaiaretic Acid, Oleanolic

Acid, Disodium EDTA, Ethylhexylglycerin, Sodium Hyaluronate, o-Cymen-5-ol

厚

�30ML

用

途俎譡č‚Œč†šďźŒ嚳襥沚č„‚ĺˆ†ćłŒďźŒçˇŠ硝毛孔。

用

ćł•ďźšč‡‰éƒ¨ć¸…ć˝”ĺžŒďźŒĺ?–é Šé‡?ĺ?‡ĺ‹ťĺĄ—ćŠšć–źč‡‰éƒ¨ č‚Œč†šĺ?łĺ?Żă€‚

äż?ĺ­˜ć–šćł•ďźš厤溍下äż?ĺ­˜ďźŒé żĺ…?陽光直掼照射。 注ć„?äş‹é …ďźš1.čŤ‹ĺ­˜ć”žć–źĺ…’獼ć‹żĺ?–ä¸?ĺˆ°äš‹č™•ă€‚ 2.使ç”¨ć™‚é żĺ…?觸ĺ?Šçœźç?›ă€‚

3.ĺŚ‚ćœ‰ä¸?é Šćˆ–é Žć•?ç—‡ç‹€ďźŒčŤ‹çŤ‹ĺ?łĺ œç”¨ä¸Ś 荎芢ĺ°ˆ漭ć„?茋。

äż?ĺ­˜ćœ&#x;é™?三嚴

製é€ ć—Ľćœ&#x;匂盒躍所示 ( 輿ĺ…ƒĺš´ / ćœˆ / ć—Ľ)

製 é€ ĺť ďźščŠ éş—ç”&#x;ĺŒ–ç§‘ćŠ€č‚Ąäť˝ćœ‰é™?ĺ…Źĺ?¸äş”č‚Ąĺť ĺť

ĺ?€ďźšć–°ĺŒ—市五肥ĺ?€äş”塼六衯16č™&#x;

ĺœ°

ĺ?€ďźšĺ?°ĺŒ—ĺ¸‚ć•ŚĺŒ–ĺŒ—衯222塡2č™&#x;5樓

䝣 ç?† 商金䞆垡ĺœ‹éš›äź ćĽ­ćœ‰é™?ĺ…Źĺ?¸ ćœ?ĺ‹™ĺ°ˆçˇšďźš02-27185872 ĺťşč­°ĺ”Žĺƒšďźš890ĺ…ƒ

30ML

PANTONE 2249 U PANTONE 7485 U

PANTONE BLACK 3U ď˝œć‰“ĺ‡¸

15

Credit Client｜AMZ & SHENG-TAI CO.,LTD. Package Design ｜Yannick Hsiao Photography｜Yannick Hsiao Visual Design｜Yannick Hsiao Product Manager｜Livy Su Speical Thanks｜Kaien Chang 16

茶樹撫荳凝露，是 Bioqueri 茶樹系列第二支產品，相較於撫荳皂， 撫荳凝露的定位非保養品，更著重在功效感和醫療感上，為延續茶 樹系列的風格，以相同的元素設計，但又要做出區別，是設計上最 為困難的部分。最後我將 LOGO 標準字橫倒，讓包裝更有藥品的感 覺，並使用有紋路的紙質以及將品牌 LOGO 圖案打凸至盒頂，延續 品牌的精神。 17

＃榮獲Adobe卓越設計大賽決賽優選 ＃TDA善設計參展 ＃畢業專題製作 ＃2013 銘傳大學商業設計系畢業展主視覺 ＃新一代設計展 ＃快樂設計 ＃AdobeDesignAchievementAwards ＃FinalListAward ＃GraduationProject ＃The20th ＃MingChuanUniversity ＃GraduationExhibition ＃HappyDesign 18

19

20

Facebook Fanpage 臉書粉絲專頁 https://www.facebook.com/mcudesign

快樂設計這個概念，除了做出讓人感到快樂的好設計，還有最重要的是以 快樂的心情做設計，在最終主視覺海報我們更將畢業生包裝成各個包裝， 以快樂做設計的新一代人偶為賣點，來進行行銷。 作為銘傳大學商業設計系畢業展的主視覺與宣傳文宣品，我們希望傳達出 「快樂設計」的態度，除了做出讓人感到快樂的好設計，還有最重要的是以 快樂的心情做設計。並且以新一代快樂做設計人才，來行銷自己！ Ｔhe Concept of“Happy Design”, except making good design to makes people feel happy, the most importantly is doing design in a happy mood. In the final main visual poster, we package graduate students into individual packages; use“Happy Design”new generation dolls as a selling point for marketing. As main visual and promotional merchandise in Ming Chuan University Department of Commercial Design’s graduation exhibition, we hope to convey“Happy Design”as an attitude, except making good design to makes people feel happy, the most importantly is doing design in a happy mood, and as a new generation happy design talent to sell ourselves! Group Member 組員 Yuan-Ling Liao 廖苑羚 ／ Yannick Hsiao 蕭今翔 Jian-Hao Syu 徐健豪 ／ Meng-Yu Hsieh 謝孟妤

21

而在另一個系列海報中則是描述這群人才他們歷經的各種設計生活型態， 藉由攝影真實呈現生活中設計的各種狀態及樣貌，以「設計，如此」依照圖 片照樣照句。我們依賴著熱情，可以暫時拋下飢餓做；堅持，讓我們可以保 持清醒午時直至凌晨；自信，是我們展現成果的最佳服裝。享受過程中的酸 甜苦辣，無論想設計、做設計、玩設計，我們是吃苦當作吃補，快樂做設計的 新一代人才！ 「銘傳快樂設計 Live Happily, Design Happily」 In another series of posters is to describe the group of talent that they gone through a variety of state and appearance, use“Design Is?” according to the pictures to make sentences. We rely on passion that can let us thrown hunger for temporarily; Persist so that we can keep awake from noon until midnight; Confidence is the best costume that shows the results. Enjoy the up and down in process, whether think design, do design, paly design, we suffer as eating up, happily to be a new generation talent!“ Live Happily, Design Happily”

22

Adviser 指導教授 Chien-Hua Lin 林建華 ／ Ching-Rong Fang 方菁容

23

TIMES YOUNG CREATIVE AWARDS

SILVER AWARDS ＃2013時報金犢獎 ＃網路廣告類 ＃銀獎 ＃策略單 ＃新北市藝術之都 ＃旅行的藝義 ＃用iPhone4邊拍邊玩邊做 ＃2013的文青風 ＃TimesYoungCreativeAwards ＃SilverAward ＃Brief_NewTaipeiCity_TheArtCapital ＃AdvertisementOfWebpage ＃hipster_styleOf2013 ＃photos_videos_byiPhone4 24

旅行的藝義｜

新北市政府藝術之都-網路廣告類作品

這一份廣告策略單，是推廣新北市藝術之都。我們採第一人稱的角度，一位20歲讀設計系少 女的口吻介紹新北市。我們設定的廣告媒介是當時流行的Yahoo!奇摩首頁全螢幕廣告，一進

入首頁，從天而降的投影機播放著少女眼中的新北市，少女藉由旅行，去探索生活中的美，廣

告結束後，點進活動網頁，是少女的旅行遊記，每張拍立得都記載她的感想。該作品的影片與 照片，是我們小組親自於新北市各個景點使用iPhone4所拍攝的。

團隊｜蕭今翔 Yannick Hsiao／侯成瑀 Ashely Hou／劉珊綺 Samantha Liu 指導老師｜方菁容／林典蔚 老師

下載｜https://drive.google.com/open?id=17GcJaCTdE1XvWKnOTpjn-suaVkPiRVdX 25

LOGO DESIGN

＃LOGO設計提案作品 ＃網路系統品牌 ＃電影製片公司 ＃生活用品 ＃LogoDesignProposal ＃Practice 26

27

線上客服系統品牌｜

提供線上客服系統的品牌，我認為線上的客戶服務， 最重要的是能即時的回應，以及親切的服務， 因此我以微笑和話筒做設計，顏色上，我象徵 on line 的草綠色。

將話筒與 youscall 中的 LL 做巧秒的結合，簡單卻明瞭， 客戶後來選擇這一款，可惜後來有些原因先暫緩。 28

模板網站系統品牌｜Malioh

A

B

C

此品牌是提供網站模板架設，甚至是電子商務系統。 Ａ款｜我設計的 LOGO 圖形，它是結合了購物車、鯨魚和一個招手的商店， 鯨魚分佈於全世界的海洋中，續航力強，易親近，象徵 malioh 的購物模板也 能遨遊四海，遍佈世界，提供大家生財使用，後來客戶選擇這一款，但要求 改名為 OCERP。 B 款｜我設計 LOGO 是一個小雲朵，它後續可以有延伸成吉祥物與許多的可 能性，讓人印象更深刻，Malioh 透過雲端科技，幫助大眾輕鬆自由地於網路 上開店。 C 款｜at@ 是網路符號，結合 a 與房子，即 Mailoh 開店的概念。 29

電影製片公司｜點睛石 Diamond Ryes

我以 DE 字母結合電影產業元素去設計，像是 spot light 和播放鍵 ( 左上 )、 底片 ( 右上 )、攝影機追焦的符號 ( 左下 ) 以及 action board( 右下 )。

30

保養洗卸品牌｜Mirrorskin

31

OTHER WORK ＃其他作品 ＃電腦繪圖 ＃名片設計 ＃海報設計 ＃廣告設計 ＃網購產品視覺設計 ＃Illustration ＃BusinessCardDesign ＃PosterDesign ＃ecommerce ＃FacebookAds ＃VisualDesign 32

電腦繪圖｜illustration

33

電腦繪圖｜illustration

D D+

DD+

DD+

DD+

DD+

DD+

34

名片設計｜Business Card Design

VISONmedia 構想創媒國際

AMZ GROUP

執 行 長

黃曉明

Ming Huang C hie f E xe cutive Offi cer

線

上

購

購明系雲科技股份有限公司

物

AMAZING SHOCK GROUP CO., LTD

統一編號 25075745

115台北市南港區南港路三段48號10樓

TW

CN

HK

SG

MY

PH

TH

10F, No.48, Sec. 3, Nangang Rd. Nangang Dist., Taipei City 115 Taiwan (R.O.C.)

minghuang@amz.tw

+886-988-168-888 +886-2-2654-8728 +886-2-2654-7389 ext.898

Ａ.Ｍ.Ｚ線上購物

AMZ GROUP

專 案 經 理

楊丞琳

Rainie Yang Project Manager

電

商

科

技

購明系雲科技股份有限公司 AMAZING SHOCK GROUP CO., LTD

統一編號 25075745

115台北市南港區南港路三段48號10樓 10F, No.48, Sec. 3, Nangang Rd. Nangang Dist., Taipei City 115 Taiwan (R.O.C.)

rainieyang@amz.tw

+886-988-168-888 +886-2-2654-8728 +886-2-2654-7389 ext.898

ＯＣＥＲＰ電商科技 35

海報設計｜Poster Design

36

37

INTERACTIVE PROJECT 互動式設計專題

Facebook 粉絲團｜一起來過節吧 ! Youtube｜ http://youtu.be/7FQYAeMyWro

＃2012 ＃大三互動式設計專題 ＃視訊鏡頭 ＃揮動偵測應用 ＃學校展覽三天 ＃ＦＬＡＳＨ製作 #不怕程式語言 ＃一起來過節吧 ＃中秋節 ＃元宵節 ＃清明節 ＃節慶佈景圖框拍照 ＃並非人手一台智慧手機的年代 ＃手動上傳粉絲團 38

揮動偵測互動體驗展｜揮動照相

一起來過節吧! 組員｜蕭今翔／陳品涓／蘇文瀅 指導老師｜杜祖雯 老師

39

INTERN 實習

＃做完互動去互動公司 ＃實習 ＃碼戲園新媒體 ＃兩個月實習生 ＃拍照圖框創作 ＃股票集中保管所 ＃互動裝置場景合成 ＃拍片 ＃學到很多 ＃innoCirqueNewMedia #intern 40

41

FASHION PROJECT 流行設計專題

＃2012大四流行設計專題 ＃品牌聯名創意企劃 ＃Kenzo #CandyCrush ＃FashionProject ＃BrandCrossover #Photography 44

Ｃredit

Photo&Art｜Yannick&Sarah

Pattern｜Lan

Clothe｜Lan&Yenling

Accessories｜Samantha Model｜All Members

45

thank you

portfolio ｜ 2018

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.