03
04
創作者簡介
年出生於新竹， 1993
FB shoo12x3
目前定居於臺灣臺北。
E shoo12x3@gmail.com
年畢業於新竹高工後， 2012
M 0975317867
於臺灣科技大學工商業設計系商業設計組就讀，目前大四。
CON TACT
專長於平面設計、編輯排版、品牌設計。
Huang Wun-Siang
平日興趣是上網、聽音樂、看電影、閱讀。
黃文翔
INTRODUCTION
E D UCATION
2009-2012 新竹高工室內空間設計科 2012 至今 臺灣科大商業設計系
S PECIALTY 平面設計
S OFTWARE Illustrator Indesign Photoshop Premiere Powerpoint
Hi ~
www.behance.net/shoo12x3e8dd
05
CATALOG
0 1 G R AD U ATION P R OJ E CT
2016 畢業展主視覺設計
10
2016 畢業展主視覺設計槍稿
14
0 2 G R AP H I C
2016 畢業展主視覺海報槍稿
20
2015 臺科大設計週主視覺設計
22
臺科大國際事務處宣傳海報
24
演唱會海報設計
28
蒼穹的祈禱音樂會海報設計
30
公館時報編排
32
書籍封面設計
34
一之軒土鳳梨酥包裝設計
36
06
42
PCL 珠寶公司
44
初貳水餃
48
04 LOGO / TYPE ATT 4 FUN
52
La Maison du Danemark
52
大家來選村里長
53
夢遊全球巡唱
54
浮躁 / 赫茲 / 雲門 / 傘
55
DEMOCRACY
56
最好的設計跟水一樣，
黃文翔設計工作室
永遠需要，但察覺不到它在身邊。
0 3 B R A ND I NG
05 WEB / UI 臺科大官網首頁
60
個人網站首頁
62
Get It App
64
30 Days App
66
07
0 1 GRAD U AT I O N PR O J E CT
這一區收錄了大四畢業製作的作品。畢業製作是以學校設計系畢展的形象規劃為專題，過程中也需 與多媒組與展場組協調及討論。最後作品入圍視覺傳達設計類金點新秀年度最佳設計獎。
08
畢業專題
09
畢業展主視覺設計 2016
M AY BE - 臺 科 設 計 系 畢 展 主 視 覺 我們以牆面象徵設計時遇到的瓶頸或挑戰。面對一面牆，朝向牆面靠近時所接收的 畫面分為三個階段：牆面的正面、牆面的側面、牆面的背面。以此代表設計師設計 的過程，訂立目標、預測問題、解決問題。唯有持續向前才可以看見事物的全面， 讓 MAYBE 成為肯定的結果。
010
Visual Identity 011
012
013
畢業展主視覺設計槍稿 2016
M AY BE - 臺 科 設 計 系 畢 展 主 視 覺 槍 稿 設計師與人群藉由作品產生連接，觀者憑想像猜測覆蓋之下的創意是為何物，在揭 曉之際作品將帶來的影響也不可預期。預想的與發生的兩者可能相等可能不相等， 認知的曖昧像 MAYBE 給人的感受。沒有解答，所以充滿無限可能。
014
入圍 - 2016 金點新秀年度最佳設計獎
Visual Identity 015
016
017
0 2 GRAPH I C
這一區收錄了關於海報或編排相關的設計。「最好的設計跟水一樣，永遠需要，但察覺不到它在身 邊。」我相當喜歡這句話所詮釋的設計理念。剛剛好的設計是我對好設計的定義。
018
平面設計
019
畢業展主視覺海報槍稿 2016
M AY BE - 臺 科 設 計 系 畢 展 主 視 覺 海 報 槍 稿 設計師與人群藉由作品產生連接，觀者憑想像猜測覆蓋之下的創意是為何物，在揭 曉之際作品將帶來的影響也不可預期。預想的與發生的兩者可能相等可能不相等， 認知的曖昧像 MAYBE 給人的感受。沒有解答，所以充滿無限可能。
020
入圍 - 2016 金點新秀年度最佳設計獎
Poster / Visual Identity 021
臺科大設計週主視覺設計 2015
忐忑子女 C hi l dren on Trap ez e 每一代人都有上與下，如同細胞，我們不曾停止過生長，也不曾停止過碰撞。過程 中也許失去，也許得到，而我們還年輕。正因為年輕，我們擁有許多能量，尚未釋 放的能量造成不安定的狀態：我們是一群忐忑的子女。 而忐忑是什麼狀態？我們利用文字構成表情，哭或笑的顏面傳達情緒的不安。
022
Poster / Visual Identity 023
臺科大國際事務處宣傳海報
來去交換 B e A O ut go in g E xch an ge Stu d ent 抽取世界各國國旗的符號重新排列，每個元素所代表的是好幾個不同國家。如地球 般圓形裁切的照片是交換生們在他國的生活照。
024
Poster 025
臺科大國際事務處宣傳海報
國際學生 招 生 海 報 Inv e st Your Future at Taiw an Te ch 拿到素材後，學生們表情開心的肖像照相當吸引人，於是我將他們編排於海報中， 並配上代表台科大的藍，邀請大家成為台科大的一份子！
026
Poster 027
演唱會海報設計
夢遊─全 球 巡 唱 " S l e e pw al kin g" C on c er t 這張海報是學校視覺傳達課程的作業練習之一。老師當時出了很多題目給我們，最 後我選擇演唱會海報為主題。從命名到主視覺，幫偶像設計海報只有一個字：爽。 王菲的《夢遊》是我非常喜歡的一首歌，所以我以此命名演唱會。手寫標準字試著 呈現靈魂出竅般的飄逸感。而主視覺以囈語般的符號呈現夢遊中恍惚留下的痕跡。
028
Poster / Type design 029
蒼穹的祈禱音樂會海報設計
蒼穹的祈 禱 " P rayed to th e S ky" C on c er t 蒼穹的祈禱音樂會曲目之一為《飛鳥》，飛鳥盤旋於空中就像音樂悠揚於音樂廳。 因此我以象徵祈禱的紙鶴在空中飛舞的畫面設計這張海報。
030
Poster 031
公館時報編排
蟾蜍山， 然 後 呢 G o Throu g h th e To a d Mount ain 蟾蜍山是校地的範圍之一，不過因為該區居民搬遷等種種問題而無法使用。我將這 議題整理成一篇報導，期許能讓更多人了解事情原委。
032
Lay out / Illustration 033
書籍封面設計
大小說家 如 何 唬 了 你 Wired for Stor y : Th e Writ er’s Gui d e to Usin g Brain S c i en c e to Ho o k R ea d ers from th e Ver y First S ent en c e
034
黑色的棒棒糖，神秘又危險的誘惑，以此呈現書的副 標題：「一句話就拐走大腦的情節製作術」。螺旋狀 的編排就像是小說家引人入勝的文字。
Book design 035
一之軒土鳳梨酥包裝設計
一之軒土 鳳 梨 酥 I Jy S h en g - P in eappl e cake 包裝外觀的圖案來自於鳳梨的外型，透過葉子、果皮、果肉不同角度所呈現的各種 幾何形狀為設計元素。我選擇較具有手感的紙張，內包裝的 MILK CARTON PAPER 本身即具有彩色斑點，如此可以減少包裝印刷以利表現紙張最原始的質感，卻又不 至於單調，讓整體包裝是素雅且高級的。
036
Packaging design 037
038
039
0 3 BRAN D I NG
這一區收錄了品牌設計的作品。大二視覺傳達課程，從品牌診斷、定位、設計執行甚至延伸到提報 技巧等的訓練，讓我的設計能力發揮是有目的、有方向，而非全憑感性、主觀、個人喜好地進行。 除了課堂訓練外，利用課餘時間閱讀了如佐藤可士和的著作，他對設計的思考方式減少了我在設計 時陷入盲點的機會。
040
品牌設計
041
黃文翔設計工作室
黃文翔設 計 工 作 室 HUANG - Bran d i d entity 這是大二視覺傳達課為自己設計品牌的作業。我以「黃」為設計發想，結合槍準 心的概念，代表設計的精準度。此作品曾收錄於由 Victionary 出版的 Hanzi • Kanji • Hanja 一書中。
042
01
01 燙銀於 380 p 黑卡 紙 Branding / Logotype design 043
P C珠 L 寶公司
P C L 珠寶 公 司 提 案 一 P C L - Bran d i d entity 這是大二視覺傳達的作業之一。同學假扮為一位新創公司老闆，而設計師需設計出 符合業主需求的設計。我們的主題是為珠寶公司設計品牌形象。
044
02
01
01 開幕邀請卡設計
02 App 標 誌 Branding / Logotype design 045
P C珠 L 寶公司
P C L 珠寶 公 司 提 案 二 P C L - Bran d i d entity 透過分組的方式進行設計，讓我學習到如何與其他設計師合作完成案子。我們分析 自身能力，發揮自己擅長的以增加設計的完整度。
046
02
01
01 開幕邀請卡設計
02 App 標 誌 Branding 047
初貳水餃
初貳水餃 C hu 2 - Bran d i d entity 初貳 Baby 的到來，讓初貳媽媽變得特別愛吃水餃。為了讓 Baby 有更健康的養分， 初貳 Baby 爸爸特地回家跟婆婆學習手藝，滿足初貳媽媽的胃。在此機緣下，把初 貳水餃散播出去，希望能夠撫慰每個客戶的胃。 利用筆畫乾淨、身形略扁的設計表現親切大方的品牌意象。
048
Branding / Logotype design 049
0 4 LOGO / T Y PE
這一區收錄了標誌與標準字的設計。我很喜歡以文字為設計元素所設計的東西，他們總是能清楚有 力的傳遞訊息。所以我在設計時也常常使用文字為視覺主體。
050
標誌與標準字設計
051
標誌設計 01
02
052
03
01 AT T 4 F UN
02 L a Mai s on du D an em ark
03 大 家 來 選 村 里 長
視覺傳達課 程 作 業 練 習
視覺 傳 達 課 程 作 業 練 習
組織委託設計
Logo design 053
標準字設計 01
054
02
04
01 夢遊 ─ 全 球 巡 唱
03
05
02 - 05 自 主 練 習
視覺傳達課 程 作 業 練 習
Logo / Type design 055
標準字設計
056
01 自主練習
Type design 057
0 5 WEB / U I
這一區收錄了網頁設計與介面設計的作品。螢幕上的平面設計是未來必須要面對的，這些作品在練 習如何依照使用者經驗來整理版面上的資訊。
058
網站與介面設計
059
臺科大官網首頁
臺科大官 網 首 頁 N T U ST h om e p a ge - Web d e si g n 大部分學校的網站首頁都還是很傳統的樣式，於是以改造學校首頁為練習，訓練自 己做出符合現代潮流的網站頁面。
060
Web design 061
個人網站首頁
個人網站 首 頁 Pers on al w eb sit e - Web d e si g n 這是大一編排課程的作業之一。利用個人網站首頁來練習編排技巧。
062
Web design 063
Get It App
Get It App Get It App - App d e si g n 這是一個背單字的 App。概念來自於有一說法：單字要看到七次才能背熟，以此原 理設計而成的 App。
064
01
02
03
01 系 統 每 天 提 供 五 個 單 字， 背
02 此 模 式 可 以 觀 看 這 個 月 的 進
03 此 模 式 可 瀏 覽 自 己 覺 得 容 易
一次打一個勾 ( 一天只能勾三
度。 若 該 日 單 字 後 面 的 星 星 已
忘的單字，若已熟記可刪除。
次， 直 到 七 顆 星 星 填 滿 )。 星
填 滿 則 日期 也 會 以 紅 色 呈 現 。
星有七顆是因為聽說一個單字 看過七次後才會 背 下 來 。
App design 065
30 Day s A p p
01
02
01 操 作 影 片 https : //y outu . b e/ 7 X R 1 K Sfox j 8
30 D ay s App 30 D ay s App - App d e si g n 我在 TED 看到一個演講是在說 30 天可以培養一個習慣，或是戒掉一個惡習。故有 此概念設計這 App。
066
03
04
02 輸 入 你 想 讓 自 己 持 續 做 三 十
03 亮 麗 的 介 面 輕 鬆 瀏 覽 你 的 任
04 完 成 事 項 歷 史 紀 錄 ， 記 錄 你
天的事。
務內容。
達成的成功率。
App design 067
068