2020作品集｜portfolio｜ポートフォリオ

Contents

01

04

16

個 人 經 歷

畢 業 專 題

印 刷 設 計

01 特 殊 經 歷

05 饕 客 研 究 所

17 日 々 花

2 0 1 8 - 2 020

02 比 賽 ． 參 展 經 歷 2 0 1 8 - 2 020

03 接 案 經 歷 2 0 1 8 - 2 020

台灣美食 × 資訊圖像

年曆手帳設計

21 笑 果

實驗性裝幀設計

24

34

40

平 面 設 計

包 裝 設 計

網 頁 設 計

25 舊 物 盛 典

35 健 康 蕉 給 我

41 W e b デ ザ イ ン 課 題

市集海報＆宣傳物設計

21 單 簧 管 獨 奏 會

海報＆宣傳物設計

29 作 品 發 表 會

節目冊編排設計

30 螢 光 夜 跑

視覺海報設計

31 夏のはて、どこにあるのか？

音樂 C D 封 面 ＆ 視 覺 海 報 設 計

33 大 阪 產 業 大 學

日本冬令營心得報告書

山蕉加工產品伴手禮盒設計

札幌市立大學網頁設計期末課題

特殊經歷 2020

日本札幌市立大學 交換留學

2019

L ins PHOTO STUD IO 林 ‧ 照 相 館 暑期實習生

2019 商 業 人 像 攝 影 課 程 師 生 聯 展 策展召集人、主視覺組

2018

參與國際交流

大阪產業大學冬令營

黃

羽 彤

H U A N G Y U TO N G

1997

出生於台灣台中市

2016

臺中市私立新民高級中學 多媒體設計科

2020

國立臺中科技大學 商業設計系

01

比 賽 ． 參 展 經歷 2020

R ed D ot Awa rd :Bra n d s & Co mmu n i ca ti o n De si gn ￨ 獲 獎 國立臺中科技大學 商設系畢展《改裝期間》￨數位多媒體設計類 金獎 《放視大賞》平面類 - 傳達設計組￨第一、第二階段入圍 《放視大賞》平面類 - 創意企劃組￨第一階段入圍

2019

商業人像攝影課程師生聯展￨人像攝影作品參展 國立臺中科技大學 商設系展《現象學》￨包裝設計類 優選獎 國立臺中科技大學 商設系展《現象學》￨媒體廣告類 佳作

2018

集元果產品禮盒包裝設計競賽￨優選 勤 美 誠 品 綠 園 道 2018 聖 誕 明 信 片 徵 件 比 賽 ￨ 參 賽 《染人作夢 / DREAM》期末成果展￨藍染作品參展 建 豪 盃 2018 第 九 屆 月 曆 設 計 比 賽 ￨ 參 賽 國立臺中科技大學 商設系展《未然形》￨印刷設計參展

02

接 案 經 歷 2020

《王心驊作品發表會》 節目冊設計 《 第 11 回 舊 物 盛 典 》 視 覺 海 報 、 酷 卡 設 計

2019

《第拾回 舊物盛典》 視覺海報、酷卡設計 《第 4 回 原創盛典》 視覺海報、酷卡設計 《 2019 蔡 寧 倢 單 簧 管 獨 奏 會 》 視 覺 海 報 、 宣 傳 品 設 計 《進喜教室》 插畫工讀生

2018

《國立中正大學螢光夜跑活動》 視覺海報設計

專 業 技 能

語言能力

Illustrator

日 本 語 能 力 檢 定 N1

Photoshop InDesign Lightroom

03

01

畢 業 專 題

Thesis Project & Practice

指導老師｜邱義盛 設計團隊｜林奕安、張瀛方、莊宜蓁、黃羽彤 作 品 連 結 ｜ https://xr718.github.io/20200301_ProjectA/index.html

創 作 理 念 由 於 近 年 來 日 本 來 台 的 旅 客 比 例 居 高， 台 灣 的 美 食 也 在 日 本 興 起 話 題 性 。 因 此 我 們「 饕 客 研 究 所 」 以 網 站 為 載 體 並 且 以 來 台 旅 遊

的 日 本 觀 光 客 做 為 主 要 的 目 標 對 象， 將 票 選 出 來 台 灣 人 推 薦 給 外 國 人 士 的 1 0 0 樣 台 灣 美 食 用 動 圖 與 文 字 做 介 紹。

我 們 的 主 題 「 饕 客 」 ＝ 喜 歡 品 嚐 美 食 的 人 ， 且「 研 究 所 」 ＝ 分 解

之 意 ， 來 解 決 大 家 對 於 異 國 食 物 的 困 擾 ， 例 如： 有 何 內 容 物、 何

關 鍵 字 與 何 處 可 尋， 在 獲 得 小 樂 趣 的 同 時 也 從 中 取 得 認 識 與 嘗 試 的勇 氣 ， 進 而 付 諸 行 動 。

05

獲獎

入圍

金 獎

06

藍底記號為本人負責的部分

設計流程圖 07

08

09

網 站說明 首 頁 主 視 覺 使 用 四 大 主 軸 與 研 究 所 的 意 象 去 做 繪 製， 並 結 合 繪 製 T HOW TO 的 主 視 覺 美 食 插 畫 來 呈 現。 四 大 主 軸 分 別 為 ABOU T、HOW US E 、TOP TOP 1 0 0 OF TAIWANE S E FOODS 與 S TAFF。 TAFF

進 入 網 頁 時， 插 畫 的 小 物 件 會 自 然 擺 動。 例 如： 飛 機 和 計 程 車 等

等。 當 滑 鼠 鼠 標 移 動 至 插 畫 區 域 時， 插 圖 會 向 上 偏 移 告 知 使 用 者 目前的選擇區域，且文字會以特效出現。

點 選 美 食 插 圖 → 進 入 詳 細 介 紹 頁 面， 當 鼠 標 往 右 移 動， 食 物 便 會 一 一 展 開， 向 左 滑 則 會 組 合 起 來。 點 選 地 圖 i co n → Go o gle 關 鍵 字搜索，使用者可以利用定位尋找附近的台灣美食。

10

標 準 字 設 計 標 準 字 的 風 格 理 念 是 以「 手 寫 風 」 來 表 現， 整 體 採 用 活 潑 可 愛 的 風 格 。 並 且 強 調 1 0 0 這 個 數 字 ， 以 抓 取 使 用 者 的 目 光， 展 現 出 親

近 友 善 的 感 覺 。 副標 除 了 日 文 外 也 製 作 了 英 文 版本。

11

裝 幀 設 計 卡 片 左 上標 示 食 物 類 型 ，共 分 為 九 大 類，且搭配不同色系排列。 中 間 上 方 用 較 大 的 字 級 標 示 美 食 名 次， 讓 使 用 者 能 一 眼 就 了 解

食 物 的 排 名。 中 間 放 置 精 心 繪 製 的 美 食 插 圖， 下 方 則 是 標 示 美 食 的 中 日名 稱 和 介 紹 短 文 。

12

包 裝 以 特 別 訂 製 的 木 盒， 並 在 外 盒 加 上 饕 客 研 究 所 LOGO 的 雷 射

雕 刻 。 最 外 層 則 是 使 用 特 製 束 口 袋 包 裝， 製 造 出 便 當 盒 打 開 後 有

1 0 0 樣 台 灣 美食 在 眼 前 的 驚 喜 感 。

13

另 外， 卡 片 上 有 設 置 QR CODE 能 夠 透 過 手 機 掃 描 至

我 們 的 網 站。 卡 片 背 面 是 由 我 們 繪 製 的 插 圖 與 食 物 結 合，可像拼圖一樣的方式組合在一起。

14

展 示 設 計 背 板 使 用 地 圖 的 插 畫 搭 配 食 物 地 標 i con ， 來 顯 示 我 們 的 主 題 ， 讓

來 觀 展 的 參 觀 者 能 夠 一 眼 就 看 出 是 以 「 食 物 」 為 題目的專題。

展 示 中 最 重 要 的 電 腦 、 木 盒 與 卡 片 是 使 用 特 別 定 制 的 展 櫃， 特 別 選用白色為基底以凸顯色彩繽紛的卡片組。左前方設計了一個斜 坡 ， 方 邊 展 示 卡 片 ， 右 方 則 是 設 計 了 一 個 空 間 來 放置木盒。

因 為 名 稱 有「 研 究 所 」 因 此 以 錐 形 瓶 、 量 杯 等 實 驗 器 材 來 裝 飾 。 量杯裡放置了作為周邊販賣的美食小貼紙，錐形瓶則是倒入利用 廣告顏料調出的顏料水，以增添氣氛。

陳列展示模擬圖

15

02

印刷設計

Printing Design

日 々 花 年 曆 手 帳 設 計 指導老師｜邱義盛 設計團隊｜林奕安、張瀛方、莊宜蓁、莊婕菱、黃羽彤、鄭千容 作 品 連 結 ｜ h t t p s : / / i ss u u . co m / f ss a l a d / d o c s / _______________

創 作 理 念 日々花是以「花札」為主題的年曆手帳，整體呈現日式風格。

插 畫 根 據 花 札 上 所 畫 1 2 個 月 的 花 草 與 動 物 來 重 新 繪 製， 每 個 月各有四張完全不同的插圖。

手 帳 上 的 月 份 和 星 期 的 標 示 使 用 了 日 本 傳 統 的 標 示 方 式， 例

1 月 為 睦 月、2 月 為 如 月； 星 期 一 是 月 曜 日、 星 期 二 是 火 如 ：1

曜 日 等 等。 內 容 樣 式 為 年 計 畫 、 月 計 畫 與 週 計 劃 ， 月 份 數 字 以 線條搭配當月插畫的配色顯示。

17

藍底記號為本人負責的部分

設計流程圖

18

19

P，以裸背硬皮線裝為 手 帳 尺 寸 為 A 5 直 式 ， 內 頁 使 用 畫 刊 紙 1 0 0 P，

裝 幀 方 式 。 封 面 用 清 水 模 外 面 再套上燙金書衣，顯現出質感。

20

實 驗 性 裝 幀 設 計

笑

果

https://www.behance.net/gallery/67067405/_

創 作理念 「笑果」是將日本綜藝節目裡常出現的綜藝遊

戲 、 懲 罰 遊 戲 的 整 理 與 介 紹 的 小 誌， 以 插 畫 加 上 遊 戲 書 的 方 式 呈 現。 各 個 遊 戲 的 標 題 皆 以 綜

藝 風 字 體 表 現， 前 半 部 分 為 王 道 綜 藝 遊 戲， 後 半 部分為王道懲罰遊戲。

封面利用木紋質感的紙搭配日本千社札與江戶

風 字 體 的 貼 紙 而 成。「 笑 果 」 取 自 於 效 果 的 諧 音 且 將 效 改 為 笑， 包 含 著 希 望 大 家 看 這 本 小 誌 時 ，能夠感到有趣而歡笑的意味。

21

另 外， 除 了 小 誌 外 還 有 三 件 式 的 附 件， 分 別 為 千 社 札 風 書 籤、 插 畫 手 帳 貼 紙 與 搞 笑 紙 眼 鏡。 插畫手帳貼紙是將書中出現的遊戲插畫印製成 手 帳 貼 紙 大 小， 貼 紙 的 包 裝 採 用 和 扉 頁 一 樣 的 紙材——日本金點麻紗紙製作而成。

22

書 中 有 許 多 可 以 互 動 的 裝 置， 像 是： 左 上 可 以 將 箱 子 掀 起 查 看 裡 面 的 東 西， 左 下 的 麥 克 風 可 以 自 由 移 動 卡 在 人 的 手 上。 右 圖 則 是 俄 羅 斯 轉 盤 的 概

念 ， 只 有 一 個 有 大 量 的 芥 末， 使 用 魔 鬼 氈 讓 觀 看 者可以撕開看抽到哪一種壽司。 23

平面設計

03

Graphic Design

設計說明

舊 物 盛 典

市集海報＆宣傳物設計

25

能製作舊物盛典這麼盛大的活動視覺設計是因為暑期 曾 到 市 集 的 主 辦 方 —— 林． 照 相 館 實 習， 在 實 習 期 間

設計了第十回的視覺海報與宣傳品。另外也很榮幸擔 任第十一回的市集海報與宣傳品主視覺設計。

第十回的主辦地是在台灣民俗博物館，因此主 視覺融入了閩南式建築特色，加上市集內代表 性的物品，卡帶、打字機與底片等等。

26

單簧管獨奏會 海 報 ＆ 宣 傳 物 設 計

透過朋友介紹擔任了許多音樂會海報的設計，因為本身 也很喜歡音樂所以很開心有這些機會。

邀請卡共有兩種款式，而背面的英文也分為「邀請」 和「給親愛的」兩款。

27

整體風格為手寫標題字加上日式簡

約風，適當的留白以營造舒適的閱 讀空間，使畫面不壅擠。

28

86A0BE

作 品 發 表 會 節 目 冊 編 排 設 計

節目 冊 中 使 用 的 顏色 配 合 人 像 照 片 ，以 紫 藍 色 與黑色 為主 要 顏 色 ， 並 且運 用 白 色 線 條 來 裝 飾 。 29

設計說明

螢 光 夜 跑 視 覺 海 報 設 計

透過朋友的邀約很榮幸能擔任接國立中正大學的夜跑 活動視覺設計，因為活動的主題名稱為螢光夜跑，所 以製作成以霓虹燈為元素的視覺效果。

30

31

音樂CD封面＆視覺海報設計

設 計 說 明 以 在 台 南 漁 光 島 拍 的 照 片 來 自 製 作 音 樂 CD 封 面， 並 且 使 用 日 文

「 夏 の は て 、 ど こ に あ る の か ？ （ 夏 天 的 盡 頭 在 哪 裡？）」 來 當

作 歌 曲 標 題 ， 以 日 系 風 格 呈 現。 照 片 色 調 後 製 調 整 為 偏 青 藍 色 以 符合夏天意象，封面共有 A、B 兩種款式。

32

大阪產業大學 日 本 冬 令 營 心 得 報 告 書

設 計 說 明 將 參 加 大 阪 產 業 大 學 冬 令 營 的 心 得， 以 雜 誌 的 編 排 方 式 製 作 成 心 得 報 告 書 ， 將 自 己 所 拍 的 照 片 與 當 時 的 感 想 紀 錄下來。 作 品 連 結 ｜ https://issuu.com/fssalad/docs/_____ 33

Packaging Design

包裝設計

04

指導老師｜侯純純、沈有騰、曾婉郁 設計團隊｜林奕安、張瀛方、莊宜蓁、黃羽彤、高桂羚、羅幼娟 作 品 連 結 ｜ https://www.behance.net/gallery/77894139/-Package-Design-Contest

創 作 理 念 透 過 實 際 造 訪 「 集 元 果 観 光 工 廠 」 後， 將 山 蕉 加 工 產 品 伴 手 禮 盒 改 造 ， 提 出 有 特 色 的 包 裝 設 計 並 且 直 接 向 業 者 提 案。 這 個 作 品 算 是 第 一 次 參 與 設 計 提 案， 因 此 除 了 追 求 有 趣 的 包 裝 外， 還 需 要 考 慮到實際生產伴手禮盒的可行性。

伴 手 禮 盒 名 稱「 健 康 蕉 給 我 」 是 取 自 於 內 容 物 是 使 用 健 康 的 加 工 方 式 與 山 蕉 結 合 而 成。 包 裝 內 也 融 合 了 許 多 維 持 健 康 的 方 法， 透 過 山 蕉 的 卡 通 形 象 角 色， 傳 達 給 大 家 除 了 要 吃 的 健 康 外， 也 要 多 多運動，才能維持身體與心靈的健康。

35

優選

優選獎

36

藍底記號為本人負責的部分

設計流程圖 37

38

我們將三種運動的分解圖繪製在圓罐表面，並且在最

外層設置裁切方框的紙捲套於其上方，當消費者轉動 瓶身時，做著動作的山蕉母女將會依序出現。

39

Web Design

網 頁 設 計

05

Web デ ザ イ ン 課 題 札幌市立大學網頁設計期末課題

設 計 說 明 這 是 到 札 幌 市 立 大 學 交 換 時 選 修 網 頁 設 計 課 程 的 期 末 作 品， 是 使 用 mi 這 個 編 寫 軟 體 來 寫 入 代 碼 。 因 為 在 台 灣 的 大 學 沒 有 這 種 網 頁 設 計 的 課 程 ， 因 此 很 開 心 能 在 日 本 交 換時學習到。

課 題 的 題 目 是 製 作 簡 易 的 個 人 作 品 集 網 站， 要 有 個 人 資 料 並 將 大 學 的 課 程 作 業 的 概 要、 理 念 和 自 我 評 價 附 上 。 主 圖 使 用 以 前 到 大 阪 所 拍 攝 的 底 片 相 片 ， 下 面 則 是 個 人 資料部分。

Id ea 產 生 過 程 」 課 程 的 作 品， 課 題 內 畫 面 右 側 是 交 換 時 選 修 的 「Id

容 為 將 日 常 生 活 的 風 景 結 合 自 己 的 Id e a ， 使 作 品 像 是 動 物 園 的 一

景 ， 於 是 我 將 楓 葉 的 葉 片 結 合 成 孔 雀， 另 一 張 則 是 雨 傘 融 合 成 水 母 的 模 樣 ， 背 景 也 是 藍 天 正 好 符 合 海 水的顏色。

41

42