Huang Han-Ching's Portfolio

Page 1


黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o



黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o


黃瀚慶作品集 Huang Han-Ching's Portfolio


Hua ng Ha n- Chi ng's P or t f ol i o 黃 瀚 慶 作 品 集

關 於

身為土生土長的臺北人,我從小就生活在快速串流的資訊和擁擠的尖 端潮流中,也因此培養出敏銳的觀察力與思考力。特別喜愛繪畫與商 業設計,興趣是在設計中尋找喜愛的味道。

J


J 工作簡歷 2012.03 臺北醫學大學醫學倫理所助理教授網站 網頁架設視覺設計 2013.04 日式足浴店「足樂居」 企業識別標誌及相關文宣品設計 2013.06 好書服文創公司 網頁與平面視覺設計師 2013.11 中華文化總會 中國文字庫卡設計一套共 10 張 2014.02 旅人小屋 - 舒宿 明信片、導覽地圖及相關文宣品插畫設計 2014.03 貓空旅遊 app UI 介面設計與視覺設計、角色設計

學歷 2011 國立台灣師範大學附屬高級中學 美術班 2015 國立台灣科技大學 創意設計學士班 主修商業設計

專長 平面設計、包裝設計、網頁設計、UI 界面設計、插畫


Hua ng Ha n- Chi ng's P or t f ol i o

對我而言,生活中總是離開不了設計。從國中畢業後,即推甄進入臺灣頂尖的師大附中美術班,培養對於藝術 與設計的基本知識與美感。除了各種繪畫媒材的訓練,也勤於參加校內外展覽與比賽,奠定了我對美的敏銳度,也 使我朝設計之路發展。 臺灣科技大學就讀期間,我主修商業設計系,專攻的領域為品牌設計及平面商業設計,在包裝設計及 GUI 介面 設計上亦有涉獵,從課堂的學習過程中,不僅提升了個人的設計美感以及許多專業知識,也對 design pattern 有了 深入的認識,讓我在設計過程能更快速且精確。從食品禮盒到急難救助包,從創意字型廣告到一系列企業識別標誌 應用,我嘗試過各種不同的媒材創作及設計面向,一方面期望自己在大學期間能充分運用教學資源,累積作品量,

黃 瀚 慶 作 品 集

將每樣作品做到盡善盡美,另一方面也期望從每次不同專案設計中學到從零到有的設計流程。雖然在設計的過程中 難免有失敗,但從失敗中汲取教訓,重新站起,便能成為寶貴的經驗,從一次次的經驗中讓自己更加熟練,作品也 越加成熟。 除了在包裝設計、網頁設計、平面設計等有一定的理論學習與實務操作,我也長期投入「好書服文創公司」參 與設計實習工作,在公司裡接過許多案子,而其中跟「中華文化總會」合作過的一整套十張酷卡視覺形象更是由我 一手完成所有的設計,從漢字的發想到與主視覺的結合,都經過多次與客戶的討論與協商,慢慢抓到客戶所想要的 感覺,才設計出最後這九款漢字及一張集合字組成的酷卡套組,在我的學習歷程上,有了充實的成長。


課業之餘,我也會接些設計案子,包括之前高雄漢神巨蛋旁日式足浴店「足樂居」的企業識別標誌 CIS 設計, 從 LOGO、招牌到名片、邀請卡、會員卡都能使客戶滿意,雖然設計過程遇到很多瓶頸,在都經由多次良好溝通和 方向的調整而使作品臻美。除此之外,我也著手臺北醫學大學醫學倫理所助理教授的網站架設,從網站的規劃編排, 乃至整體視覺的設計,都需要相當程度的設計美感及程式技巧,我也從此中增進了假設網站的能力,累積不少設計 經驗。 如遇長假,則會利用時間去各處探訪,我尤其喜愛鄉下生活,可以洗滌都市裡緊湊的壓力,也可以親近大自然, 讓思緒有不同的境界。2013 年夏天,我更參加打工換宿,為一家位於彰化田尾鄉的背包客棧「舒宿」設計明信片 與導覽地圖。為了讓成品感覺有溫度,我都採用善長的手繪插畫形式來表現。而其中為了設計完整的導覽地圖,我 不僅深入探訪各個店家與景點,更穿梭於田野間,尋找那純粹卻美麗的景色。讓設計與鄉間結合,並將民宿推廣出 去,著實是難得的經驗。 為了培養自己的創造力,擴展自己的思維,我也會常常參觀設計或藝術展覽,或去翻翻新期的設計雜誌,更新 自己的設計觀,為人做事總是全力以赴,希望我能為公司儘一份心力,將本人所學的經歷和熱忱來服務貴公司,任 職公司的視覺設計師。非常感謝您撥冗閱讀我的自傳,懇請您擔任自己生命中的貴人,給自己一個面試機會,最終 希望能加入貴公司行列,成為貴公司一份子,自己一定會全力以赴使命必達,完成上級任務,無限感恩。


黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o



黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o



黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o



瀚慶工作坊 品牌設計/ CIS 應用設計/平面設計/網頁設計

將工作坊設計鮮明的企業識別標誌,並在一系列應用上,建立整合一致的風格。以黃色為

黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o

主色,黑白為輔助色,統一的色調讓瀚慶工作坊保有獨特易辨識的品牌精神。


信紙也應用巧妙的設計,在信紙的上方留有折線及 割線,摺起來後就變成了 logo'J',不僅將企業識別 做充分地運用,也讓寫信者在寫信時增加與信紙間 的互動。


黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o



Hua ng Ha n- Chi ng's P or t f ol i o 黃 瀚 慶 作 品 集

東門美術館 品牌設計/ CIS 應用設計/平面設計

為了讓「東門美術館」充分展現現代美術館的東方極簡之美,設計出這一款 logotype,並 發展出一套品牌識別系統,將來可運用在東門美術館各種廣告及文宣設計,為原本傳統的 美術館增添活力及現代感。



黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o


東門美術館的折頁 DM 設計,雙邊開頁的 方式,與「門」的意象相互結合。


黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o



黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o


東門美術館的長版折頁 DM 設計及一系列 信件、期刊及明信片設計。


漢字酷卡 字型設計/平面設計

漢字酷卡,一系列共有 10 張,為了將中文漢字之美推廣出去,這次酷卡使用多種生 活罕見漢字來做設計,每個漢字皆有共同特色:由重複文字組合而成,像是「龘ㄊ

黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o

ㄚ ˋ」「馫ㄒㄧㄥ 」「槑ㄇㄟ ˊ 」。


十張酷卡以及紅色袖套,袖套上亦有九款 漢字的上光效果。


黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o


酷卡的視覺皆由該漢字所表達出來的意象和含義來做設計,旁邊並有註記讀音及意思,可 讓親子或朋友之間藉由猜字來增進互動,又可以藉此了解漢字的藝術奧妙,寓教於樂。 而每張酷卡背面亦可作為明信片寄送,來表達祝福他人的賀卡(每個字皆為褒義,如「嚞」: 明智、賢明之人),一物多用,發揮此款漢字酷卡最大的價值。


Hua ng Ha n- Chi ng's P or t f ol i o 黃 瀚 慶 作 品 集

品漬 黃瀚慶、賴泉潓 包裝設計/產品設計/字型設計

傳統市面上玻璃罐裝的醃漬物標識複雜、包裝上也不夠精緻,「品漬」設計出全新 包裝,用水泥加上古早雕花玻璃,增添復古感覺,讓漬物更有故事性。



漬物罐的上方用臺灣早期窗戶常用的海棠花刻花玻

璃,讓你回味純純的古早味。

黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o



Hua ng Ha n- Chi ng's P or t f ol i o 黃 瀚 慶 作 品 集

水泥版品漬 水泥版的包裝為復刻版品漬,利用臺灣民房常用的水泥式建築來做漬物罐包裝,讓醃漬 物封存在裡面,越陳越香,而水泥會龜裂的特色也讓漬物罐更有味道,龜裂的觸感中, 仿佛藏著許多臺灣古早的故事在裡面,既復古又淳樸。漬物罐上蓋的設計,拿下來之後 就像臺灣傳統民房會有的窗戶,簡單且不繁雜雕飾。品嚐著復刻版水泥品漬裡的漬物, 仿佛就能讓你回到小時候,在老家廚房裡品味媽媽親手做的醬菜時的回憶了。


石膏版品漬 石膏版的包裝,破除了市面上對漬物的廉價聯想,將醃漬食品帶入高價精品的路線。高 瘦的純白外表加上蓋口傾斜的設計,讓原本圓柱的結構增添一份高級感。瓶蓋跟瓶身的 交接處,留下一圈傾斜的透明圓環,消費者在選購漬物時,可以透過透明的圓環處清楚 看到包裝的內容物,而那圈圓環也讓包裝有畫龍點睛的效果。高級精品石膏版品漬,讓 消費者在送禮或收藏時都有更多選擇。


黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o



Hua ng Ha n- Chi ng's P or t f ol i o

Emergency Kit 黃瀚慶、賴泉潓 包裝設計/平面設計

傳統的急難救助包,都是一個醫療箱裡塞滿各種不同物件,假如真正發生急難時,需 黃 瀚 慶 作 品 集

要的物品需要到處翻找才找的到,極不方便。我們將急難救助包重新作整體的設計, 從平面解說到實體包裝,都是用最直覺的方式來呈現,讓使用者一打開救助包酒可以 知道自己想要的物品在哪裡。


此包裝用了紅色及白色當主色,強調醫療且強烈緊急的特性。而一般人或許不太知道 受傷時的包紮程序,抑或受傷時要找的醫藥品散落在急救包裡的各處,都會造成傷口 處理上的不便,Emergency Kit 將受傷時要處理的物品按照食鹽水、棉花棒、碘酒及繃 帶的順序擺放好,並用三角箭頭標示流程方向,使用者可以很直覺的使用醫療包,且 圖示簡單,標示鮮明,增加辨別上的便利性。


黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o


將繃帶收納盒打開,背面會有簡 易的圖文使用方法。

除了醫療用品,還有萬用的小護 士,讓受傷的人有更多選擇。


黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o


丸莊醬油禮盒 包裝設計/平面設計/字型設計

說到醬油的名產地,一般人第一個想到的就會是西螺。丸莊醬油為一家西螺已有百 年歷史的老店,在醬油業佔有一席之地。丸莊醬油強調依循古法純釀的傳統口味醬 油。傳統市面上的丸莊醬油皆以書法體搭配傳統中國圖騰和插畫為主,而這款禮盒 設計跳脫傳統老牌店家的框架,將品牌字型重新設計,結合現代感,並用純釀醬油 甕的造型去做禮盒包裝,再輔以中國及和風的圖騰作為主視覺,特殊新穎卻又不失 傳統的全新包裝,不管是送禮或是收藏皆相宜。


黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o



Hua ng Ha n- Chi ng's P or t f ol i o 黃 瀚 慶 作 品 集

傳統的醬油禮盒皆為長方柱體,此款禮盒設計從傳統醇釀醬油瓮為結構出 發,加上精美袖套及印花布料,配上中國及和風圖騰,讓禮盒更精美。


原丸莊醬油標準字為書法體,這款禮盒設計跳脫老牌店家的傳統框架, 重新設計字型,改為滑潤的現代字體,擴大消費族群。


Hua ng Ha n- Chi ng's P or t f ol i o 黃 瀚 慶 作 品 集

愛玉子 包裝設計/平面設計/字型設計

愛玉子產地來自阿里山,製成食品後便是大家夏日消暑所愛吃的愛玉,但大部份人 只知道愛玉,並不知道愛玉是怎麼來的。這款愛玉子禮盒將阿里山天然愛玉果裡萃 取的愛玉子做精美包裝,加上貼心的 DIY 教學,送禮時不僅能讓收禮者耳目一新, 也能享受自己搓愛玉的趣味。



黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o

愛玉子盒蓋視覺設計特寫。

六入裝禮盒開盒圖,盒蓋背面

印有愛玉子及其產地的介紹。


愛玉子禮盒分為十二入裝及六入裝,十二入裝 禮盒設計更為精緻,此為十二入裝禮盒以及內 包裝。


六入裝禮盒以及內包裝。

黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o


愛玉子內包裝以及愛玉子實品。


黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o

華人健康報 平面設計/排版設計

華人健康報針對廣大華人族群,每天提供健康方面的資訊,包含食品健康、運動保 健及醫療科技,讓新新人類在充滿壓力的生活中尋得健康的平衡點。華人健康報以 大量圖文並茂,配上豐富多樣的 inforgraphic 排版,使讀者在閱讀乏味沈重的文字 時,可以藉由視覺快速接收資訊,增加讀報欲望。



建築風華 平面設計/排版設計/字型設計/平面繪畫

建築風華為介紹各國經典建築的月刊雜誌,而我以上海外灘老建築群作為這一期雜 誌的主打,因此封面設計就以插畫風格參差擺放的外灘建築為主視覺。雜誌以介紹 建築為主,因此整本雜誌色調採溫和穩重的土色系,佐以亮橘色當點綴,讓雜誌在

黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o

穩固中帶點活潑的氛圍。



黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o


建築風華雜誌內頁跨頁,將上海外灘各 個建築排開,用插畫的方式呈現。


迷路的食蟻獸 平面繪畫/平面設計/排版設計

一隻橘色的小食蟻獸,醒來後就發現自己身在陌生的都市裡,也因找不到回家的路 而迷路了,於是展開一連串尋家之旅,途中會有什麼事情等著他呢?讓我們一起來

黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o

幫助小食蟻獸回家吧!



Hua ng Ha n- Chi ng's P or t f ol i o

「迷路的食蟻獸」以蠟筆畫呈現,再以拼貼的方式 構成每張畫面,而食蟻獸採用橘色的顏色來突顯食

黃 瀚 慶 作 品 集

蟻獸,且橘色較為鮮明,符合童書的年齡層。


故事以食蟻獸迷路為起點,沿路詢問不同類型的人 為主軸,讓孩童可以觀察不同行業、不同年齡的人 對於食蟻獸問路時會有的反應,增加故事的趣味性。


黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o



黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o


舒宿背包小旅行 平面設計/排版設計/平面繪畫

舒宿為背包客式的民宿,坐落於民宿老闆的家鄉-彰化縣田尾鄉,田尾鄉為台灣最 大的花卉集散地,以培植、銷售各種花卉植物為主。遊子可以其民宿的腳踏車倘佯 在鄉間的田野間,體驗鄉村的景色及新鮮空氣。除了將台灣背包客自助行的文化推 廣出去,民宿老闆也希望讓更多人認識彰化田尾之美。 不同於一般民宿,舒宿全部皆由民宿老闆親手蒐集原料建築而成,不僅為台灣本土 建築之美注入新的設計元素,也保留了傳統古窯町的特色。此民宿提供遊子一種方 便的地方,除了體驗在地生活,與鄉村自然的結合也可以很簡單、很自在。 在現今追求小確幸的都市人,無疑會追尋鄉間的純樸及自然。舒宿有了一系列的文 宣品,及手繪插畫那帶給人們純樸、清新的風格,直接深入人們追求小確幸的內心。 加上口碑的推廣,預期會讓舒宿帶來更多知名度,也讓大家知道彰化之美及民宿老 闆的用心。

折頁導覽地圖背面印有舒宿的介紹以及舒宿老闆的理 念,全部的圖皆用手繪插畫來取代冷冰冰的照片,標 題文字也是手寫,讓設計更貼近老闆所要傳達的自然、 純樸之美。


Hua ng Ha n- Chi ng's P or t f ol i o 黃 瀚 慶 作 品 集

折頁導覽地圖全是用手繪 的方式呈現,比起一般的 導覽地圖,多了份手做的 溫度感。此導覽地圖只標 出景點的大概位置,就是 希望讓背包客有探尋景點 的樂趣,也許在過程中還 能有意外的小驚喜。



Hua ng Ha n- Chi ng's P or t f ol i o 黃 瀚 慶 作 品 集

動物英文創意字型 平面設計/字型設計

孩童在學英文時,背單字往往是他們的弱點。本款設計結合了動物的英文以及牠們 的外觀形態排出有趣的圖像,讓孩子在背英文的同時,也能經由看到的英文字圖像 使記憶更加深刻。



圖為跳鼠與 JERBOA 文字結合。

左圖為獾與 BADGER 文字結合,右

黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o


熊貓與 PANDA 文字結合。


Hua ng Ha n- Chi ng's P or t f ol i o 黃 瀚 慶 作 品 集

PHILIPS Hairstyler 形象廣告 平面設計/字型設計

PHILIPS 推出的創意髮型造型器,讓你的頭髮變出各種不同樣貌。本形象廣告利用頭 髮的四種形態「短」「長」「鬈」「直」的中文字來結合女人的頭像,設計出創意 中文字型,加上標語「自己的頭髮自己玩」,傳達出強烈且簡單的意涵,讓觀看者 在接收到產品傳達出的訊息時,也能玩味有趣的髮型字型。



Hua ng Ha n- Chi ng's P or t f ol i o 黃 瀚 慶 作 品 集

DACA - Date call app GUI 設計/平面設計

怕早上跟別人約好的活動會睡過頭嗎?有了 DACA app,不管是大學生的團體作業討 論、上班族的早晨會議、還是在外旅遊,都可以讓你設定時間地點。除了睡過頭會自 動發通知給你朋友,叫他打給你之外,還有 GPS 定位系統,找出你和你朋友在哪裡。 DACA 貼心的服務,讓你每場約會都準時又成功!



Daca 圖示會顯示在狀態列 上,隨時關注你的約會行 程。

首頁簡潔且直覺,最上欄 為個人資訊,可自行編輯 Hua ng Ha n- Chi ng's P or t f ol i o

和觀看約會紀錄。

每項約會都可 自 由 選 擇 icon

黃 瀚 慶 作 品 集

作 為 圖 示, 增 加活潑度。

約會資訊欄即有名稱、日 期、時間及鬧鐘時間等重 要資訊,使用者可以一目 了然。

已結束的約會會以灰色來 呈現,但使用者仍可以查 看其歷史資訊。


Daca 結合地圖 GPS 功能,讓你的約 會更能精確的掌握彼此的位置,檢視 彼此有沒有遲到。

建立新活動的程序,直覺且不複雜, 兩個頁面即可完成新增動作。


聽 ·旅行

Hua ng Ha n- Chi ng's P or t f ol i o

平面設計/網頁設計/ GUI 設計

文化與創意是人類生活的足跡,行動裝置則是足跡的載具。好書服文創是我大學時 期實習過的設計公司,並參與「聽 ·旅行」app 的企畫過程,其中著手許多周邊設 計,包括 app 排版、網頁視覺及規劃設計、海報設計及周邊文宣品等,從中獲取許 多團隊合作的經驗。 「聽 ·旅行」為一款語音導覽 app,收集了台灣這塊土地上的各個小故事,從淡水 的阿婆鐵蛋秘辛到台南孔廟上唯一僅存的清朝歷代牌匾,都透過語音導覽的方式豐 富你的旅行,只需要一副耳機,你便可以傾聽有溫度的聲音與故事。 透過「聽 ·旅行」創意的行銷手法與行動科技的應用,巧妙的結合文化元素與智慧

黃 瀚 慶 作 品 集

生活的精隨之處,以人本設計為服務的出發點,致力於帶給消費者良好且具有溫度 的使用體驗。 並看準了文化創意與行動科技產業的發展潛力,期望找出兩者最書服 的結合點,使兩大明星產業能夠互利、迸發出美麗的火花。

大方版面配置 每個主題頁面裡都有許多主題提供語 音導覽服務,您可以選擇自己有興趣 的主題,而大方的版面配置,讓您在 瀏覽主題時方便無障礙!


多樣化導覽主題 隨時更新最新的文藝活動,導覽故事 不間斷。而 app 的定位功能,也能幫 您尋找離您最近的導覽。

主題選單功能 點擊左上角選單按鈕,即可打開選單, 選擇自己想聽導覽的主題或地點,快 速又方便。


黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o


聽.旅行官方網站 「聽 ·旅行」的官方網站,從網頁排 版到視覺規劃,甚至是 css 及 javascript 都由我一手打造。除了在首頁上給予 使用者乾淨的視覺畫面,也在使用經 驗上增加動態效果,讓網頁更加親近 使用者。


黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o


「聽 · 旅行」app 的宣傳海報,由手繪插 畫加上大量照片鋪成的旅行步道為主視覺。


Anxiety 藝術設計

「焦慮」為一種明顯缺乏客觀原因的內心不安或恐懼。 故此作品以 Anxiety 為名,將一張張紙用火燒出逐漸擴張的洞,而紙上洞的邊緣留 有燒焦的燒痕,仿佛就像焦慮的心被火燒了一般,有如熱鍋上的螞蟻。色調上採用

黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o

最外層的白色到肉色,再往內演變為鮮紅,更能表現出焦慮不安的狀態。



黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o



黃 瀚 慶 作 品 集

可以是虛空、虛無

Hua ng Ha n- Chi ng's P or t f ol i o

透明色

也可以是各種形狀、輪廓、樣貌 而我會為你注入顏色 成為驚豔的設計 -黃瀚慶



黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o



黃 瀚 慶 作 品 集

Hua ng Ha n- Chi ng's P or t f ol i o


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.