20
作 品 設 計 作 品 集
=
生 存 紀 錄
=
冒 險 嘗 試
Design Portfolio 2020
目 前
How-Mei Wang
Design Portfolio
Design Portfolio 2020
王
皓 梅 How-Mei Wang
目前 作品
目錄
關於我 About Me 視覺系統設計 Visual System Design 更多平面設計 Graphic Design 3D 與動態設計 3D & Motion Design
關於我 About Me
王 皓梅 How-Mei Wang 1999. 台北 台北市立第一女子高級中學
2015 - 2018
國立台灣科技大學設計系商業設計組
2018 - NOW
0927017846 howmeiwang@gmail.com
軟體技能 Software
Illustrator
Lightroom
Maya
Photoshop
After Effects
ZBrush
Indesign
Premiere
自傳 Autobiography
生活在台北 20 年，喜歡文字、動物和故事，不怕蟑螂但討厭蚊子。 個性開朗隨和積極，上課會回答老師的提問，也習慣把握任何嘗試的機
會，參與各式活動工作甚至發起，常擔任總召或負責人，也曾接任設計 系學會會長。具多次活動統籌與實務設計案經驗。
期待未來能透過設計解決問題，現在正專注於平面設計與印刷、嘗試各 式材質與風格效果，非常喜歡與夥伴們一起努力，目前與同學共組動畫 與設計接案團隊。
08
小標題 Graphic Design
經歷 Experience 20
19
18
108 級台灣科技大學設計系學會 ｜磚家
會長
台科大設計週 ｜瞄 Glance
視覺組
台科大設計系尾牙 ｜火鍋系 · 系火鍋
視覺統籌
台科大設計週 ｜敲敲 KnockKnock
聯絡組
ATCC 17th 全國大專院校商業個案大賽 ｜統一企業
第三名
台大音樂節 6th ｜Flow-ers
設計部
台科大金歌盃聖誕派對暨歌唱比賽 ｜防冬演練
視覺組長
台科大設計營 ｜永晝旅途
總召集人
台科大新鮮人設計展 ｜21 公克 21Grams
參展 / 策展視覺組
北一女中吉他社 嘖嘖平台募資成發 ｜煽食而立
召集人 / 設計行銷
實務設計專案 Commercial Design Projects 20
靑韵合唱團音樂會 ｜行韵流水 Flowing Rythm
視覺系統
數位外交行動計畫 Digital Diplomacy
資訊插畫
台灣觀光局保育形象動畫 ｜萬物千山 探索台灣 / 產學 動態設計
19
台灣科技大學 傑出靑年紀念冊 / 合作
編輯設計
貓咪主題民宿 ｜貓貓咪亞 Catmia / 合作）
品牌系統
社區營造文創品牌 ｜洄染復興 Micengel i Dipit
標準字
09
活 動 識 別 Event Identity Design 讀字旅行 Read the World ｜ 2020 台北國際書展 動物夏夏叫 ｜台北市立動物園暑期特別活動 火鍋系．系火鍋 ｜臺科大設計系尾牙視覺系統 / 合作 行韵流水 Flowing Rythm ｜青韵合唱團年度演出
品 牌 識 別 Brand Identity Design 貓貓咪亞 CATMIA ｜貓咪主題民宿視覺識別 / 合作 台北車站｜識別系統更新計畫 洄染復興 Micengel i Dipit ｜社區營造文創品牌
系統視覺設計
Design Portfolio 2020
11
視覺系統設計 Visual System Design
設計｜王皓梅
客 戶 ｜ 台 北 國 際 書 展（ 模 擬 ）
12
活動識別 Event Identity Design
13
2020 台北國際書展 Taipei International Book Exhibition 「 我們不大，但我們的創意及能量足以傲視亞洲。」
每年春季在台灣台北市舉行，台北國際書展兼具閱讀推廣、國際交流、出版專業等功能，
堪稱是全亞最具活力、最具多元特色和國際風味的國際書展。 14
活動識別 Event Identity Design
主題國
韓國 Guest of Honor : KOREA
字型 Fonts
讀字旅行 Read the World
閱讀，是專屬於個人的享受與旅行。
瀏覽著文字與章節，我們得以穿梭每個獨特的故事之間，
同時也遨遊於寬廣的世界。
打開一本書、一頁頁閱讀，就是一場最精采的旅行。
中文字型/
英文字型/
思源黑體
Bahnschrift
我們不大， 但我們的創意及能量足以傲視亞洲。
2020 Taipei International Book Exhibition 我們不大， 但我們的創意及能量足以傲視亞洲。
標準色 Colors
2020 Taipei International Book Exhibition
C=60 Y=25
C=70 M=75 Y=60
M=60 Y=45
M=15 Y=20
C=80 M=60 Y=25
C=20 Y=100
M=70 Y=80
我們不大， 但我們的創意及能量足以傲視亞洲。
2020 Taipei International Book Exhibition
M=25 Y=90
標準字 Logotype
15
視覺系統設計 Visual System Design
16
活動識別 Event Identity Design
17
視覺系統設計 Visual System Design
18
活動識別 Event Identity Design
19
視覺系統設計 Visual System Design
2020 臺科設計系尾牙
火鍋系．系火鍋
Having Hotpot with the Department of Hotpot!
系上有攝影棚，而我們有火鍋。
元旦剛好是週三，既然回不了家慶祝，不如一邊趕期末一邊吃火鍋。 由系學會主辦，在冷冷的期末為同學送暖。
海報右下角是系上 Logo，中央則是精心拍攝後製的火鍋版。
設計｜王皓梅 谷佩慈
攝影｜王皓梅 谷佩慈 張智堯 陳建中 客戶｜台科大設計系學會
20
活動識別 Event Identity Design
21
視覺系統設計 Visual System Design
宣傳活動與發佈動圖之素材。
22
活動識別 Event Identity Design
23
視覺系統設計 Visual System Design
「動物夏夏叫」以親子與學生為目標族群，透過系列活動寓教於樂，推廣夜行性動物的保育成就。
將臺灣夜行性動物繪製在黑板上，並後製素材應用於視覺系統。除了兒童教育的聯想，也透過色彩營造夜晚氛圍。 童趣繽紛的動物造型與聲波的具象線條，呈現了動物園夜晚不為人知的歡樂與喧鬧，神秘、趣味且值得探索。
24
。
活動識別 Event Identity Design
台北市立動物園暑期特別活動視覺
動物夏夏叫 Midsummer Night's Scream 25
視覺系統設計 Visual System Design
26
活動識別 Event Identity Design
設計｜王皓梅
客戶｜台北市立動物園（模擬）
27
視覺系統設計 Visual System Design
28
活動識別 Event Identity Design
29
29
視覺系統設計 Visual System Design
青韵合唱團年度音樂會
Flowing Rythm 行韵流水
30
活動識別 Event Identity Design
青韵合唱團音樂會之年度音樂會， 每年春末於國家音樂廳演出。
31
視覺系統設計 Visual System Design
設計｜王皓梅
客戶｜青韻合唱團
不同比例之貼文模版，適用於 FB、IG 雙平台。
32
活動識別 Event Identity Design
33
視覺系統設計 Visual System Design
第六屆台大音樂節
Flow-ers 34
活動識別 Event Identity Design
設計｜王皓梅
客戶｜台大音樂節（提案）
“We are all flow-er s.”
「我們的漂流、迷惘，那些都是成為花的過程。」 模糊面目象徵著每個聆聽著人們，
透過流動且造型各異花朵們的輸出與輸入，
形塑你我仍不斷改變的樣貌。
35
視覺系統設計 Visual System Design
設計｜王皓梅 谷佩慈 攝影｜王皓梅
客戶｜貓貓咪亞民宿 CATMIA Hostel
36
品牌識別 Brand Identity Design
主題民宿視覺識別系統
貓貓咪亞民宿 CATMIA
37
視覺系統設計 Visual System Design
貓 貓 咪 亞民宿 CATMIA HOSTEL
花蓮市區的靜謐小巷裡 ， 與陽光和貓共度美好假期 。
標誌及標準字設計 Logo & Logotype
色彩計畫
標準字型
Colors
Fonts
30%
中英標準字型
CATMIA Hostel CATMIA Hostel CATMIA Hostel 中文輔助字型
38
Hanyi Senty Tang
品牌識別 Brand Identity Design
以兩隻店貓粉圓、喵喵為主角設計，並於店內多處實際用視覺系統。
39
視覺系統設計 Visual System Design
40
品牌識別 Brand Identity Design
41
視覺系統設計 Visual System Design
設計｜王皓梅
客戶｜交通部臺灣鐵路管理局（模擬）
台北車站為台鐵、台灣高鐵、台北捷運的三鐵共構的地下化車站，
並同時與桃園機場捷運共站；周邊則有台北轉運站、國光客運台北車站等公共汽車站點， 為全台灣運量最大的鐵路車站，每日進出人次約50萬以上；
隨著台北捷運、台灣高鐵進駐之後，形成幅員廣闊的地下街區。 站體系統複雜、運輸量極高且身處首都，
但因其複雜的歷史沿革與分段加入的交通系統更新， 導致車站形象雖有國家門面的重要性，
其視覺與指標系統紊亂不清、未得到完善且使民眾一目了然的視覺設計以及引導。 本設計案希望能透過更新視覺系同達到改善，
使台北車站脫離迷宮之稱，成為人們來去台北的大門。
42
品牌識別 Brand Identity Design
繪製標準 LOGO STURCTURE
3x 1x 9x 1x 2.3x 1x 1x 6x 2x 9.3x
2.6x
20x
2.75x
24x
1x
5.3a
1a 2.25a
5.65a
2a
屋頂特色造型 Unique Rooftop
5.65a
2a
5.65a
2a
北 Bei, Which Mean”North”
5.65a
大門 Gate
安全範圍及最小尺寸 CLEAR SPACE & MINIMUM SIZE 70%
40%
50%
20mm
60px
25mm
43
視覺系統設計 Visual System Design
指標模擬 ENVIRONMENT MOCKUP
標準字型 FONTS 思源黑體 思源黑體 思源黑體 思源黑體 思源黑體 思源黑體
44
Black Blod Medium Regular Light Thin
Clearview 6-B Clearview 5-B Clearview 4-B Clearview 3-B Clearview 2-B Clearview 1-B
品牌識別 Brand Identity Design
輔助圖型 PATTERN
速度+連結+柱
方向+交會+地磚
前進+順暢+軌道
指標圖示 PICTOGRAMS 服務設施指標
路線與 轉 乘 指 標
方向指標
其他指標
45
視覺系統設計 Visual System Design
46
品牌識別 Brand Identity Design
47
視覺系統設計 Visual System Design
社區營造文創品牌
洄染復興 Micengel i Dipit
「 揹 上 故 鄉 的 故 事 ， 找 尋 理 想 中『 家 』的 模 樣 。 」 透過草木染文創商品，介紹復興部落獨有的文化面貌， 讓更多人愛上這片風景並思考人與土地的價值， 趟上尋找心目中美好家園的路程。 設計｜王皓梅
客戶｜洄染復興 Micengel i Dipit 團隊
48
品牌識別 Brand Identity Design
洄染 復興 M icen gel i Dipit
回來、洄瀾、染復興。
結合背包與家的意象，加上刷染時的切塊與質感， 再以染布時的原料木藍作為主要特色。
49
應 用 設 計 Application Design Plenty Planty
插 畫 設 計 Illustration Vườn ươm sức khỏe-Quỹ 我覺得渴 / 合作
海 報 設 計 Poster Design 墾丁大街與恆春半島地圖 平面應用設計集
編 排 設 計 Layout Design 什麼是設計？ 設計的手感
包 裝 設 計 Package Design 關西鎮農會 即溶仙草禮盒 嚼食 Chew it 隨手盒
更多平面設計
Design Portfolio 2020
51
更多平面設計 Graphic Design
52
應用設計 Application Design
Plenty Planty 為了想養植物卻擔心沒經驗
即便忙碌也想認真生活的都會女性所設計
遊戲化養植生活 App
介面｜王皓梅
流程｜王皓梅 郭啟瑭 朱恩祈
李佳諭 邱亭瑜 鄭嘉榛
53
更多平面設計 Graphic Design
智慧辨識植物，及時提供植物資訊。
分板標籤化搜尋，便利收藏分享。
54
應用設計 Application Design
日照程度分類花園，連結線上及實體植栽空間。
AR 模擬植栽意象，隨心搭配生活風格選購。
55
更多平面設計 Graphic Design
醫療保健資訊社群插畫
Vườn ươm sức khỏe-Quỹ NCF
（健康孵化器 - NCF 基金會）
數位外交行動以非官方角度切入、以數位社群來執行臺灣與他國的實質交流， 參與 Vườn ươm sức khỏe-Quỹ NCF 粉專之資訊插圖繪製， 本專頁以分享孕期、育兒與唇顎裂兒童照護知識為主，
因團隊傾向風格多元，也藉此機會嘗試不同的插畫繪製風格。
插畫｜王皓梅
客戶｜數位外交行動計畫 Digital Diplomacy
56
插畫設計 Illustration
57
更多平面設計 Graphic Design
58
插畫設計 Illustration
插畫｜王皓梅 谷佩慈
編排｜谷佩慈
標準字｜王皓梅
覺得渴？喝點飲料吧！
台灣人的身體，有 70% 是飲料。 不論春夏秋冬、何時何地，
-Lets’ g et something to drink!-
我們隨時都需要飲料，
也都能找到想要的飲料。
59
更多平面設計 Graphic Design
墾丁大街與恆春半島地圖 設計｜王皓梅
客戶｜墾丁 MyHome 膠囊旅館
60
海報設計 Poster Design
美式工業風格的青年旅館，
為旅人打造專屬推薦私房旅遊與美食地圖。
61
更多平面設計 Graphic Design
AB CD A 〈敬設計系〉－ 新年賀卡 B 〈代言〉－ 劇情短片海報
C 〈關於信仰〉－ 概念海報
D 〈高中生存指南〉－ 傳單
62
海報設計 Poster Design
63
更多平面設計 Graphic Design
什麼是設計？ 闡述對設計的想法，
並嘗試較自由的排版方式。
64
編排設計 Layout Design
65
更多平面設計 Graphic Design
書封設計
尾原史和〈 設計的手感 〉 以甫上市的金萱那提字型，
為這本輕巧的經典小書製作新書封：
A 款 / 於紅色馬鈴薯紙上印刷 UV 白墨表現。 B 款 / 紙張紋理為主角，從觸感開始感受。
66
編排設計 Layout Design
67
更多平面設計 Graphic Design
即 溶 仙 草 68
設計｜王皓梅
客戶｜關西鎮農會（模擬）
包裝設計 Packaging Design
禮盒包裝設計
關西鎮農會 即溶仙草禮盒
69
更多平面設計 Graphic Design
70
包裝設計 Packaging Design
新竹關西鎭三面環山，
氣候溫和多霧、雨量充沛，仙草產量為全台之最。 農會仙草的品質優良、香味濃郁，
將其印象與山重疊的稜線結合，並加入層疊漸隱的效果， 設計出優雅簡約的禮盒包裝。
71
更多平面設計 Graphic Design
72
包裝設計 Packaging Design
蒟蒻干包裝設計
嚼食 Chew it 蒟蒻干隨手盒 我好喜歡吃蒟蒻干，
所以能希望推廣這種健康、
高纖又美味的傳統小點。
清爽但有復古感的盒式設計，
可以作為具台灣特色的伴手禮點心，
也讓年輕族群願意嘗試，
並選擇蒟蒻干作為日常點心。
73
更多平面設計 Graphic Design
- 隨 手開盒
方便開盒取食，亦可補充 - 純 紙卡楯無黏貼
材質安全，便於組裝拆卸 - 可 攤平結構
減少運送及空間成本 設計｜王皓梅
客戶｜嚼時 Chew it（模擬）
74
包裝設計 Packaging Design
蒟蒻造型轉化
75
3 D 角 色設計 3D Character Design ESPIONAGE 窺探 / 合作 角頭角蛙 圓木球魚
動 態 設 計 Motion Design 萬物千山．探索台灣 / 產學 COMMUNICATE/ 合作
與動態設計 3D
Design Portfolio 2020
77
3D 與動態設計 3D & Motion Design
78
3D 角色設計 3D Character Design
3D 角色概念海報創作
ESPIONAGE 窺探 Espionage，間諜行動。
系列海報的概念來自生態節目中的「間諜動物」，
我們想像：會不會生活中有其實有許多神秘的物種， 以人類習慣的造型偽裝，
悄悄躲在最安全也最顯眼之處觀察著人類？
在我們最熟悉的地方：夜市的牌樓、宮廟的香爐， 或許我們都正被間諜窺探著。
79
3D 與動態設計 3D & Motion Design
人在做，間諜在看。
80
3D 角色設計 3D Character Design
間諜牌樓（棲息於饒河街夜市） 3D 素模與上色模型 設計｜王皓梅 谷佩慈
81
3D 與動態設計 3D & Motion Design
3D 角色設計創作
角頭角蛙 長輩說，
在家中擺上啣金幣的蟾蜍 可以招財納福，
我想港片裡那永遠沉著冷靜、 老神在在的角蛙，
或許納財的能耐更強（物理）。
82
3D 角色設計 3D Character Design
83
3D 與動態設計 3D & Motion Design
一個莫名其妙的小故事。
84
3D 角色設計 3D Character Design
85
3D 與動態設計 3D & Motion Design
台北空中藝廊・Air Gallery 101 動態 - 產學合作
萬物千山．探索台灣
Explore Amazing Taiwan & Nature on Taipei 101
86
動態設計 Motion Design
客戶｜台北 101 Taipei 101 Limited. 設計指導｜鄭司維 林呈軒
參與製作｜朱恩祈 曲書毓 陳韋霖 王皓梅 江宇雯 王靖蓉
以台灣山岳的豐富多姿呈現獨特生態，
一直線框架於 101 T-pad 的垂直構圖展出，
帶出台灣生態多樣性，用海拔變化感受生態轉換， 更以四季變化來豐富色彩細節。
本次產學合作主要參與前期 Styleframe 設計參考， 與後期動態設計製作。
87
3D 與動態設計 3D & Motion Design
3D 循環動態創作
COMMUNICATE 設計｜王皓梅 朱恩祈
COMMUNICATE 訊息的傳送不一定經過充分思考，而對方接收的頻率亦不全面。 於是我不懂表達，你不願傾聽，溝通便顯得困難。
小小的光球象徵著思緒與言語，它們以不同的速率穿越思考的通道， 代表意念不一定經過深思熟慮才會出口。
88
3D 動態設計 3D Motion Design
MUTE 而等速旋轉的人臉切片，只接收了特定的球體入耳，
象徵人們活在自己所信仰的世界中，聽取著特定頻段的資訊。 若仔細觀看，最後那些入耳的，
卻是最快通過迴路、未經思考的話語。
89
3D 與動態設計 3D & Motion Design
設 計 作 品 集
=
生 存 紀 錄
=
How-Mei Wang
Design Portfolio
Thanks For Reading. 20
90
冒 險 嘗 試
How-Mei Wang
Design Portfolio
3D 與動態設計 3D & Motion Design
How-Mei Wang
Design Portfolio
20
94