HU HUI WEN Portfolio 2017

Page 1

設計作品集

『人生吶,可不能挑食』

胡惠文



Intestine

stomach 螯蝦,食性廣泛,只要可以入口的 從小魚小肉到水草藻類 都會毫不挑食的全部送進肚裡

mouth


胡惠文 台北醫學大學 _ 公共衛生學系 中原大學 _ 商業設計系研究所 +886 989-414-541 eyejoint@hotmail.com 多益檢 定

( 聽力 / 閱讀 830)

(口說 130)

得獎 經 歷

活動經歷

2007 台北市中小學多媒體創意大賽高中職組_特優

2011 公共衛生之夜 _ 美宣組小組長

2013 我是有品北醫人海報競賽_第三名

2012 流行病學調查團 _ 健檢組組長

2013 『護胸 110,40 beginning』乳癌防治衛教海報_第一名

2015 中原 3D 列印教學團 _ 種子講師

2014 台北醫學大學創業戰鬥營創業之星選拔賽_季軍

2015 中原廣告行銷服務 記者會 _ 主視覺

2017

2017

中原商業設計碩士班_畢業領憑代表

中原商設碩士班畢業展 _ 視覺組


『當一個不挑食健康人 』

1991 年出生於台北市。 大學即將畢業之際,因為設計乳癌防治海報得獎,以 此為契機讓媽媽及早發現自己的病徵,了解到設計也 是一股能夠幫助他人的力量,便決心投往這個領域。 畢業後第一份工作擔任設計助理,除了增加對跨領域 的信心,也了解到自己的專業不足,因此決定返回校 園繼續進修。其後,進入中原大學商設研究所就讀, 學業之餘也積極參與各項事務。

於碩一的暑期,成功應徵水越設計實習,有幸能貢獻 一己之力,參與台北公園翻轉計畫,落實為社會大眾 而設計的理想。畢業展亦擔任視覺組,於同學一同規 劃展覽的整體視覺。碩二參加學姊回校演講,首次實 際認識到使用者研究領域,對於其縝密的研究規劃以

工 作 / 實習經歷

及以使用者出發的設計宗旨而深深著迷,因此決定再 從平面設計跨出一步到 UI/UX 的世界。

2013 亞洲健康適能計劃 _ 約聘設計人員 2014 晴天語言治療所 _ 視覺形象設計

一路來從醫科領域來到設計領域的我,培養出對學習

2014 C2Believe 設計公司 _ 設計助理

不挑食的好習慣,喜歡認識不一樣的人、了解各式各

2015 中原創新整合設計中心_設計助理

樣的新知識。也因此拿螯蝦做比喻,告訴自己,不挑

2016

食的人生,更有滋味。

水越設計_暑期實習


CONTENTS # 目 錄

UI UX DESIGN

08

LOGO & TYPOGRAPHY

台灣大車隊 Redesign

八款設計

M O S 漢堡 Redesign

廈門熊阿哥

臨摹練習

中原教學卓越計畫 大南海文化園區 基隆室設裝修商業同業公會

VI DESIGN

26

動物世界

GRAPHIC DESIGN

台北鄰里公園翻轉計畫

山水茶語開幕看板

畢展主視覺 - 細煲

攝影展覽摺頁

健康篩檢活動視覺

黃色月曆

52

46


ILLUSTRATION 隨手塗鴉 長了尾巴 小小的角

60


UI UX DESIGN

8

UI UX DESIGN


9

UI UX DESIGN

台灣大車隊 Redesign

簡介 此為自發的 App Redesign 練習作品,緣起於一堂講 授基礎使用者研究的工作坊。在講師的指導下,與其 他分組學員選定台灣大車隊 App,藉由易用性測試, 讓我們了解使用者的需求與該 App 不完善之處,接著 繪製簡易的 Paper Prototype 進行測試,驗證修正方 向是否正確。 於工作坊結束後,繼續發揮課堂上學習到的技巧,完 成優化台灣大車隊 App 的任務。 本次 Redesign 的主要目標 一、改善呼叫計程車的操作流程 二、優化「我的最愛」的使用

APP 介面

混亂的首頁讓使用者難以立即找到 想要的功能

複雜的地址填寫欄位令人困惑

我的最愛裡分頁功能過多需簡化


UI UX DESIGN

10

Wireframe 1.0 利用工作坊中易用性測試的結果 重新規劃叫車的操作流程與我的最愛功能 並呈現於此頁


11

UI UX DESIGN


UI UX DESIGN

12

易用性測試 將規劃的流程繪製成 Paper Prototype 並設定三項任務給使用者 進行操作測試與訪談

任務設定

Q1 你的上車地址在:台北市信義區東興路 45 號。目的地是:台 北市松山區南京東路 3 段 275 號。搭乘標準型計程車。使用 現金付款,沒有特殊需求

Q2 抵達目的地後,想要將剛剛的上車地址,台北市信義區東興路 45 號,加到我的最愛裡,名稱為「我的公司」

Q3 過了幾天後,使用已經儲存在我的最愛裡的「我的公司」,作 為上車地址來叫車


13

使用者 A 45 歲,女性,大學教授 不熟悉 APP 操作 未使用過台灣大車隊

Q1

Q2

Q3

首頁:先看上方的 GPS 地址是 不是我想要的上車地址,如果不 是的話會去做修改

首頁:會想去點擊上車地址來複 製,因為不想再輸入一次

順利完成

編 輯 地 址: 該 受 測 者 並 不 熟 悉 APP 的 操 作 模 式, 會 一 直 想 找 ENTER 鍵,找不到返回鍵或是完 成鍵,覺得完成鍵應該放在下方

新增地址:沒有剛剛使用的地址 很麻煩,因為不想要再輸入一次

叫車資訊:預估車資的範圍太大, 需要有解釋,不然會有爭議性

車子前往所在地:應該要有個請 稍候的說明,不然會不知道是不 是還有東西要我按,還是放著不 理他 詢問上車 popup:上車後,手機 習慣會收起,因此詢問上車或是 打分的訊息不會注意到

車子出發目的地:覺得司機要騙 我,才會掏出手機看路線,這個 頁面才有幫助 打分 popup:上車後就不會動手 機了,很可能忽視這個頁面 ( 搭 到車就完成目的了,所以不會再 動手機

UI UX DESIGN


UI UX DESIGN

14

使用者B 27 歲,女性,研究助理 熟悉 APP 操作 使用過台灣大車隊

Q1

Q2

Q3

首頁:看得出來可以叫車,但是 需要摸索一下

順利完成

點擊進入「我的最愛」,發現不 能在這個功能裡叫車

操作失敗

使用者C 22 歲,女性,大學生 熟悉 APP 操作 使用過台灣大車隊

Q1

Q2

Q3

詢問上車 popup:上車就不會再 看手機,後續操作不會注意。或 者是已經跳離叫車 APP,除非跳 出詢問視窗,否則不會注意到

順利完成

擊進入「我的最愛」,發現不能 在這個功能裡叫車

司機不會叫乘客點擊是否上車, 也很少特別提醒說幫我打分

打分 popup:因為也不能選司機, 所以打分這個行為有點沒意義

台灣大車隊的司機品質本身就好

操作失敗


15 UI UX DESIGN

使用者D 25 歲,男性,研究生 熟悉 APP 操作 未使用過台灣大車隊

Q1

Q2

Q3

首頁:畫面太複雜,我的位置在 哪裡好像不太重要,我想知道車 子在哪裡,或者是我直接點就可 以叫車,跟地圖沒有什麼關係

想要尋找地址紀錄,找不到,所 以點擊我的最愛

擊進入「我的最愛」,發現不能 在這個功能裡叫車

覺得目光一直注視在輸入地址, 但是心中想要的第一個動作是叫 車,不想先輸入地址

遲疑地一陣子,點擊計程車 icon

叫車資訊:想要找一個鈕可以馬 上鎖定當前位置當作上車地址, 但是找不到

詢問上車 popup:上車後,不會 再檢查手機。畫面會離開該 APP

覺得搜車雷達畫面沒有絕對必 要,可是有趣,有真的在搜車的 感覺

操作失敗


UI UX DESIGN

16

Wireframe 2.0 整理分析易用性測試後發現,主要問題有二 一、pop-up 的使用時機不合適 二、「我的最愛」應該要讓使用者可以直接叫車 再次審視 wireframe,並與使用者測試得到的紀錄, 進行一下幾點修正、重繪 wireframe 2.0 一、首頁簡單化,讓叫車功能更加直覺 二、更改「我的最愛」功能的操作模式 三、移除上車詢問與評分功能

首頁重新繪製

首頁 ver 1.0

凸顯立即叫車的按鈕,讓使用者能夠

移除原先的 icon,使用明確的文字呈

在第一時間便能滿足叫車的需求

現各項叫車服務,並且改善其選擇操 作方式


17

UI UX DESIGN

修正「我的最愛」功能

強化地址輸入的使用者體驗,新增

在各類搜尋篩選頁籤中,能很方

附近地標的搜尋。點擊愛心 icon

便的切換

即可加入我的最愛列表中

上車詢問與評分功能

移除上車詢問 pop-up:

移除司機評分訊息:

上車確認應由司機端進行操作,而非交由乘客來執

目前計程車上都會配有觸控螢幕,可以請乘客利用

行,減輕使用者的操作負擔。若乘客擔心路程中的

觸控螢幕來進行評分動作,不用額外掏出手機或特

人身安全,應增加分享行程給朋友的功能,提升對

地打開 APP,使用手機時也不會被評分訊息打擾。

台灣大車隊的信任感。

若事後想要申訴或是填寫建議,可在 App 中新增 該項功能協助使用者表達意見。


UI UX DESIGN

18

MOS 漢堡 Redesign 簡介 以一個使用者的角度來檢視 MOS 漢堡的點餐 APP 是否合乎使用者期待的使用經驗,並重新規劃其主要 功能。 本次 Redesign 的主要目標 一、調整 APP 視覺形象,使之更符合目前設計趨勢 二、改善點餐流程,讓該 APP 的點餐功能對使用者 更加友善

原始 APP 介面

點餐功能不夠凸顯,也沒有呈

點餐的流程繁瑣,在表單的操作不夠

購物車的編輯不夠方便,重要

現出 MOS 餐點的美味形象

流暢,各類產品中的篩選與切換也讓

資訊的視覺動線有些混亂 (ex.

人無法一目瞭然

價錢的排版位置忽左忽右 )


19

UI UX DESIGN

NEW MOCK UP

首頁形象 將原始 APP 的資訊以及希望使用者關注的 內容展開,一目暸然的感受讓使用者更願 意去探索與操作

C A B

A . 點餐的按鈕為重要的視覺焦點,並放置在

C . 將次要的資訊收整於側邊欄裡,使首頁的

手指容易點擊的位置

資訊不受干擾

B . 善用 MOS 具有品牌特色跟優勢的產品攝 影照片,激起使用者的購買慾望與品牌信賴感


UI UX DESIGN

20

點餐目錄重新分類與歸劃

A

B

C

D

A . 增加搜尋功能,便於使用者直接查詢想 要的產品 B . 呈現主打優惠的產品,幫助商業行銷也 強化消費者的購買動機 C . 原始 APP 的產品分類相當繁雜,卡片 式的設計配上產品形象照,讓使用者可以 很輕鬆的瀏覽

D . 提供使用者篩選產品的功能,強畫重點促銷的訊息


21

UI UX DESIGN

購物車功能

A

C

B

A . 清楚的產品照,提升使用者對餐點的信

C . 結帳時,使用者最在意的會是購買了哪些餐點,以

賴與掌握

及總金額。因此在購物車頁面以品名文字敘述為主,產

B . 套餐的選擇與取消操作容易

品照片為輔,利於使用者瀏覽購物清單,並加強金額的 標示


UI UX DESIGN

22

MOCK UP 一覽


23 UI UX DESIGN


UI UX DESIGN

24

介面臨摹練習 使用軟體 :Sketch

1

2


25 UI UX DESIGN

3

4


VI DESIGN

26

VISUAL IDENTITY


27

完整版本

VI DESIGN

簡化版本


#E2E439

VI DESIGN

達事件原委,開啟讀者的一扇新視野 #004F93 完整 為 主 要 傳 播 媒 介 創整 作 者 協未 助來 該會 品以 牌Fa 的 cebook作 視 覺 形 象未 建 立 與 G2 0 cebook作 完 簡化 為來 主會 要以 傳Fa 播 媒介 國 家 之 動藉 物由 角動 色物 設角 計色 搭 配 資 藉 訊由 圖動 像物 的角 方色 式搭 ,配 來資 傳訊 圖 像 的 方 式 , 來 傳

#005AA1

28 #E2E439

「動物世界 「動物世界

達事件 原 委 , 開 啟 讀達 者事 的件 一原 扇委 新, 視開 野啟 讀 者 的 一 扇 新 視 野 #004F93 未 來 會 以 Fa cebook作 要傳播媒介 橫式為L主 OGO

#005AA1 #E2E439

#004F93 #005AA1

完 整 LO G O

為了改善年 為了改善年 困境,「動 困境,「動

藉由動物角色搭配資訊圖像的方式,來傳 #E2E439

#005AA1

完整 LO G O

達事件原委,開啟讀者的一扇新視野

#004F93

完 整 LO G O 完整

橫式「 L OGO 完整橫式 L OGO 動物世界」是什麼?

簡化

創作者協助 創作者協助 國家之動物 國家之動物

「動物世界」是什麼?

「動物世界」是什麼? 「動物世界」是什麼?簡化

完整 LOGO

完整

橫式 L OGO

完簡整化

完整 完整 動物世界為一新創資訊設計品牌,核心價值的在於將 「動物世界」是什麼? 「動物世界」是什麼? 簡化 為 了改善年輕世代對國際事件認識不足的 為 了 為「 改 了動 善 改物 年 善世 輕 年界世 輕」代 世因對 代 對 國 際件 事認 件識 認不 識足 不的 足的 國家轉化為輕鬆有趣的動物角色,並以說故事、搭配 困境 , 此國 誕際 生事

直 式 LO GO 完整

困 境 困 境 , 「 動 物 世 界 」 因 此 誕 資訊圖像的方式來推廣國際新聞,企圖改善年輕世代 為 了 為, 改 了「 善 改動 年 善物 輕 年世 世 輕界 代 世」 對 代因 國 對此 際 國誕 事 際生 件 事生 認 件識 認不 識足 不的 足的

完整

簡化

未來會以F 未來會以Fa 藉由動物角 藉由動物角

簡化 #E2E439 #005AA1 創作 者 該 品 牌世 的界 視」 覺因 形此 象誕 建 立與 對國際事件認識不足的困境。 困 境 困協 , 境助 「 , 動 「 物 動 物 世 界 」 因 此 生 誕 生G20 #E2E439 #005AA1

完整

達事件原委 達事件原委

#004F93 #004F93

簡化

創之 作 創動 者 作物 協 者角 助 協色 該 助設品 該計牌 品的 牌視 的覺 視形 覺象 形建 象立 建與 立G 與20 G 20 國家 設計發想

國 家 國 家 之 動 物 角 色 設 計 目前初步專案鎖定在 G20,因此繪製的動物角色為其 創 作 創之 者 作動 協 者物 助 協角 該 助色 品 該設 牌 品計 的 牌 視 的覺 視形 覺象 形建 象立 建與 立G與20 G 20 未來 會 以 Facebook作 為 主 要傳播媒介 簡化 簡化 高峰會中的二十個會員國。 國 家 國 之 家 動 之 物 動 角 物 色 角 設 色 計 設 計 「動物世界」是什麼? 完整 L OOG G O 藉由 角 資ok 訊 圖為 像主 的方 式 未動 來 未物 會 來 以 會色 F 以a搭 Fcebo cebo 作 作 為 要 主WINDOW 傳 要, 播 傳來 媒 播傳 介 媒介 完整 La配 Ook

直 式 LO G O

#E2E439

「動物世界」是什麼?

橫式 橫式 LOGO LOGO

達事 的訊 一圖 扇像 新國際視野 視方 野式 藉件 由 藉原 動 由委 物 動, 角 物開 色 角啟搭 色讀配 搭者資 配 資 訊 圖 的 像 的 方, 式來 ,傳 來傳

#005AA1 #004F93 完整 簡化 簡化 直 式 LO G O

未來 未會 來以 會F以 a cebo F a cebo ok 作 ok為 作主 為要 主傳 要播 傳媒 播介 媒介 為了改善年輕世代對國際事件認識不足的 達 事 達 件 事 原 件 委 原 , 委 開 , 啟 開 讀 啟 者 讀 的 者 一 的 扇 一 新 扇 視 新 野 視 藉由 藉動 由物 動角 物色 角搭 色配 搭資 配訊 資圖 訊像 圖的 像方 的式 方, 式野 來 ,傳 來傳 設計發想 困 境改 ,善 「年 動輕 物世 世代 界對 」國 因際 此事 誕件 生認 識 不 足 的 為 了 整 簡 化 達事 達件 事原 件委 原, 委完 開 , 啟 開 讀 啟 者 讀 的 者 一 的 扇 一 新 扇 視 新 野 視 野 #005AA1 #005AA1 #004F93 #004F93 完整 簡化 完簡整化 簡化 困 境 , 「 動 物 世 界 」 因 此 誕 生 橫 式 設計概念 L O創 G O作 者 協 助 該 品 牌 的 視 覺 形 象 建 立 與 G 20

直式 LO G O

#E2E439 #E2E439

#005AA1 #005AA1

#E2E439 直式 #E2E439 LOGO 完整

完整 logo LOGO 基本

#004F93 #004F93

設計發想

完完 整整 LO LO G OG O 完整

國家之動物角色設計

橫式 橫式 L OLGOG O O

設計發想 簡 化 單 色 LO GO

完整

完整 完整

完整 WINDOW WINDOW 未 來 會 以 F a ceboo k作為主要傳播媒介 WINDOW 國際視野

簡化 簡化

#E2E439

#005AA1

完整 完整

簡化 簡化

#E2E439

PAW

之 動 物該 角品 色牌 設的 計視 覺動物 創 作 者 協 形 象 建 立 與 G 20 橫式 橫式 L國OG L家OG O國際視野 O助

簡化

完整 完整 LOLO G OG O

設計發想 WINDOW

完 完整 整

#005AA1

#004F93 WINDOW 國際視野

#004F93

單 色 LO G O

國際視野

PAW

CONVEY

藉 由 動 物F角 色 搭ok 配作 資動物 訊主 圖要 像傳 的播 方媒 式介 ,來傳 未 a cebo 為 國際視野 新聞傳達 完來 整 完會 整以 達由 事動 件物 原角 委色 ,搭 開配 啟資 讀訊 者圖 的像 一的 扇方 新式 視, 野來 傳 藉 CONVEY PAW 完整 完整 達 事 件動物 原 委 , 開 啟 讀 者 的新聞傳達 一扇新視野

PAW

簡 簡化 化

PAW

動物 直式 LLOOG G OO 橫式 直式 LOGO

動物

完整 LOGO

簡 化 L OG O 橫式 PAW 單 色 LO G O CONVEY 動物 新聞傳達 G 20二 十 國集團 動物角色 橫式 logo

完 整 LO G O

單色 LO G O

直式 LOG O完整 單色 LOGO 完整

完 完整 整 簡化 簡化 完整

簡化

CONVEY 簡化 簡 完化 整

簡化

簡 簡化 化

設計發想 設計發想

CONVEY

新聞傳達

新聞傳達

直直 式式 LOLO G OG O 完整

簡化

直式 logo 直式 直式 LOLO G OG O

CONVEY 新聞傳達

G 20二 十 國 集 團 動 物 角 色

完整 完整

WINDO WINDO

設計發想

加拿大・河狸 簡化 簡化 \ 楓糖永遠吃不膩 /

完 0二 整 完整 G2 十 國 集 團 動G物20二 角 色簡化 十 簡化 國 集 團 動 物角色

義大利・灰狼

日本・綠雉

英國・獅子

法國・雄雞

\ Piano~ Piano~ /

\ 初次見面 請多多指教 /

\ 必須保持紳士風度 /

\ Bonjour~ /

國際視野 國際視野

設計發想 設計發想

簡化 WINDOW

設計發想 設計發想 國際視野簡 化

G20二十國集 團 動 物 角 色

直 式 L O G O加拿大・河狸

義大利・灰狼

直 式 LO G O\ 楓糖永遠吃不膩 /

\ Piano~ Piano~ /

WINDOW WINDOW英國・獅子 日本・綠雉

美國・白頭鷹

加拿大・河狸

義大利・灰狼 加拿大・河狸

\ 楓糖永遠吃不膩 /

\ Piano \ 楓糖永遠吃不膩 ~ Piano~ / /

完整

簡化

完整

簡化

\ 吃過墨西哥捲餅嗎 /

單色 英國・獅子 logo 日本・綠雉

義大利・灰狼 日本・綠雉 \ 初次見面 \ Piano請多多指教 ~ Piano~ / /

俄羅斯・棕熊

印度・大象

\ 來瞧瞧洋蔥頭建築 /

\ 恒河是偉大的聖河 /

法國・雄雞 英國・獅子

單色 LLOOG 初次見面 /G/O PAW\\必須保持紳士風度 單色請多多指教 O 設計發想

加拿大・河狸

義大利・灰狼

日本・綠雉

英國・獅子

\ Piano~ Piano~ /

\ 初次見面 請多多指教 /

\ 必須保持紳士風度 /

法國・雄雞

\ 必須保持紳士風度 \ Bonjour~ / /

\ Bonjour~ /

設計發想

PAW PAW

法國・雄雞 \ Bonjour~ /

CONVE CONVE

美國・白頭鷹

德國・黑鷹

墨西哥・無毛犬

俄羅斯・棕熊

印度・大象

\ 哈囉來交個朋友吧 /

\ 準時是很重要的 /

\ 吃過墨西哥捲餅嗎 /

\ 來瞧瞧洋蔥頭建築 /

\ 恒河是偉大的聖河 /

澳洲・袋鼠

動物 動物

巴西・美洲豹 PAW PAW

單單 色色 LO LO G OG O \ 哈囉來交個朋友吧 /

南非・跳羚

WINDOW \ 我家可是大草原呢 /

\ 揮灑汗水最棒啦 /

美國・白頭鷹

\ 人生要及時行樂 / 動物動物

國際視野

WINDOW 墨西哥・無毛犬 俄羅斯・棕熊

美國・白頭鷹 德國・黑鷹

墨西哥・無毛犬 德國・黑鷹

\ 準時是很重要的 \ 哈囉來交個朋友吧 / /

\ 吃過墨西哥捲餅嗎 \ 準時是很重要的 //

CONVEY

\ 來瞧瞧洋蔥頭建築 \ 吃過墨西哥捲餅嗎 國際視野 / / 新聞傳達

中國・熊貓

沙烏地阿拉伯・駱駝

\ 功夫熊貓是我親戚 /

\ 願真主給你好運 /

印度・大象 俄羅斯・棕熊

印度・大象

\ 恒河是偉大的聖河 \ 來瞧瞧洋蔥頭建築 / /

\ 恒河是偉大的聖河 /

單色 單色 LOLO G OG O 美國・白頭鷹

德國・黑鷹

墨西哥・無毛犬

俄羅斯・棕熊

印度・大象

\ 哈囉來交個朋友吧 /

\ 準時是很重要的 /

\ 吃過墨西哥捲餅嗎 /

\ 來瞧瞧洋蔥頭建築 /

\ 恒河是偉大的聖河 /

澳洲・袋鼠 \ 揮灑汗水最棒啦 /

動物 動物

動物

\ 楓糖永遠吃不膩 /

單色 LOG O

\ Bonjour~ /

德國・黑鷹 WINDOW WINDOW 墨西哥・無毛犬

\ 準時是很重要的 / 國際視野 國際視野

\ 哈囉來交個朋友吧 /

PAW PAW

法國・雄雞

國際視野 國際視野 \ 初次見面 請多多指教 / \ 必須保持紳士風度 /

巴西・美洲豹

韓國・老虎 \ 人生要及時行樂 / \ 莎郎嘿喲 /

CONVEY CONVEY 中國・熊貓 南非・跳羚

新聞傳達 新聞傳達 歐盟・??? 阿根廷・犰狳 \ 我家可是大草原呢 / \ 功夫熊貓是我親戚 /

沙烏地阿拉伯・駱駝

土耳其・安哥拉貓 \ 願真主給你好運 / GG 2200二十國集團 動物角色 二十國集團 動物角色 CONVEY CONVEY \ 我的家族人很多喔 / \ 一起跳探戈吧 / \ 據說我是國父轉世 /

印尼・科摩多巨蜥 \ 生物多樣性世界第二名 /

新聞傳達 新聞傳達


29

GG20 20二 十 國 集 團 動物角色 動物角色 二十國集團

加拿大・河狸

義大利・灰狼

日本・綠雉

英國・獅子

法國・雄雞

\ 楓糖永遠吃不膩 /

\ Piano~ Piano~ /

\ 初次見面 請多多指教 /

\ 必須保持紳士風度 /

\ Bonjour~ /

美國・白頭鷹

德國・黑鷹

墨西哥・無毛犬

俄羅斯・棕熊

印度・大象

\ 哈囉來交個朋友吧 /

\ 準時是很重要的 /

\ 吃過墨西哥捲餅嗎 /

\ 來瞧瞧洋蔥頭建築 /

\ 恒河是偉大的聖河 /

澳洲・袋鼠

巴西・美洲豹

南非・跳羚

中國・熊貓

沙烏地阿拉伯・駱駝

\ 揮灑汗水最棒啦 /

\ 人生要及時行樂 /

\ 我家可是大草原呢 /

\ 功夫熊貓是我親戚 /

\ 願真主給你好運 /

韓國・老虎

歐盟・???

阿根廷・犰狳

土耳其・安哥拉貓

印尼・科摩多巨蜥

\ 莎郎嘿喲 /

\ 我的家族人很多喔 /

\ 一起跳探戈吧 /

\ 據說我是國父轉世 /

\ 生物多樣性世界第二名 /

fb 粉絲專頁視覺示意圖

VI DESIGN


VI DESIGN

30


31

喚起人們對罐頭化公園議題的重視

VI DESIGN

利用水塔建造出的志氣公園宣傳海報


VI DESIGN

都市酵

母X西

班牙ba

suram

8.10 ~ 10

1

兒童志

水塔 做的

氣公園

材質

企劃 執行

路燈 做的

驗基地

高高 大秋

對公 園是 不是 有更 多的 期待 現在 就加 入志 工的 行列 吧! 報名 方式 請上 臉書 粉絲 專頁

建 國 高 架 道 路

市民大

1 正義郵

Re -cr

|

eat e Tai pei

合作 |

道高架

2

道路

忠孝東

志工募 主辦 |

2 秋千實

這裏發 千 揮了市 民大道 間,利用 下挑高 廢棄 回收 空 路燈 建造 第一 座「市 全台 民秋 千公 園」 女老 少前 ,歡 迎男 來探 索同 樂。

.31

安東街

實驗 室 將回收 水塔重 新 改 造, 道、迷宮 打造出 、球 池等 隧 等,遊具 上不同 內側 貼 的 材 質, 讓兒童 與觀 察, 透過觸 開啟 新的 摸 感官 感受 。

a

復興南

照顧自己

32

路三段

捷運忠

台北 鄰里

孝復興

公園 翻轉

良機 實業

股份 有限

計畫

公司

公園 處

WARNING 市民秋千實驗基地 C

A

台灣慎重警示

D

B

E

台灣一般告示

A.禁止用力擺盪秋千: 當秋千擺盪到一定幅度,不慎將手放開導 致飛出撞到橫桿,可能造成頭破血流、嚴 重腦震盪等難以回復之傷害

A.橫桿當前: 從秋千跳落,當心撞到橫桿

C.務必緊扣安全帶: 單人輪胎秋千擺盪方向面向車道,若未繫 好安全帶,可能跌落至車流中產生傷亡

C.繫好安全帶: 擺盪方向面向車道,記得做好安全措施

B.閒雜人等禁止靠近: 有人使用秋千時,勿入擺盪區域,以免遭 受撞擊導致嚴重創傷

B.當心衝撞: 有人使用秋千時,擺盪區域小心誤入

D.禁止秋千超載: 單人輪胎秋千限重45公斤,如超過秋千結 構負荷能力,設施可能損毀,導致落地飛 出,造成全身癱瘓

D.秋千限重: 單人輪胎秋千限重45公斤,請溫柔對待設施

F.禁止大幅擺盪: 雙人秋千區域,若擺盪弧度過大,背部強 烈撞擊後方橫桿極有可能造成尾椎挫傷, 重則導致半身不遂

F.後方橫桿: 雙人秋千區域,若擺盪弧度過大會撞擊後背部

E.禁止從高處跳躍: 地面為硬質土地,若從高處落下,可能因 墜落而導致重傷或死亡

G.禁止從舞台跳入網中: 使用舞台時,請留意腳下,若摔入網中姿 勢不對可能導致頸部扭曲、頸椎脫臼

F

G

西班牙提醒文

安全自理

Be responsible for yourself while using the swings

E.地板堅硬: 若從高處落下,地上無軟墊可能造成擦傷

G.高度落差: 請留意腳下,避免直接摔入網中

1

2

3

1. 2 單色傳單 3 秋千基地告示牌


33

將廢棄路燈拆解、焊接、上漆 ,一切從零開始,與夥伴們不 畏暑期的烈日,揮汗建造出全 台第一座路燈秋千基地。

台灣的公園時常出現過多的警 告標示,卻無法正確教育孩子 對危險的自我察覺。 此處為秋千基地的入口,刻意 放置大量的危險警告,來反思 台灣的安全教育出現了什麼樣 的盲點。

VI DESIGN


VI DESIGN

34

中原大學 商業設計所 1 0 4 級碩士班畢業展 ( 細煲 ) 成就一道餚品,從備料、調 味、沸煮,日升至黑夜。在 細細耕耘的過程裡,達到絕 妙的平衡點。 有如各司其職的細胞群,我 們,即是整體。邀請你一起 來 探 究 設 計 的 限 界, 成 為 「細煲」的一份子。


35

畢業展主視覺 海報設計

VI DESIGN


VI DESIGN

36


37

1 2

3 5 4

1 細煲視覺應用 2 酷卡 3 徽章 4 邀請卡 5 繪製了十一隻小人來代表我們班上所有同學

VI DESIGN


VI DESIGN

38

這是一個練習的視覺形象設計 嘗試用誇張而詼諧的方式 表現出健康檢查其實沒有大家想的那麼可怕 社區健檢通常會有四種癌症篩檢 因此設計了四款角色與海報 各表達不同的主題


39

社區健康篩檢 台北市文山區健康服務中心 2015/10/04 AM9:00-12:00

VI DESIGN


VI DESIGN

40

3 1

2

4

1 子宮頸癌 2 口腔癌 3 乳癌 4 大腸癌

免費健康篩

主辦單位:台北市文山區健康服務中心

活動時間:2015/10/04 AM9:00 活動地點:清水祖師廟

主辦單位:台北市文山區健康服務中心 活動時間:2015/10/04 AM9:00-12:00 活動地點:清水祖師廟

口腔癌篩檢

口腔癌篩檢

30歲以上抽菸或嚼食檳榔者;

大腸癌篩檢

乳房攝影檢查

子宮頸抹片

30歲以上抽菸或嚼食檳榔者;

子宮

18歲至29歲嚼食檳榔之原住民

50歲以上-未滿75歲

45歲以上-未滿70歲女性

30歲以上女性

三高篩檢(血壓、血糖、血膽固醇):

18歲至29歲嚼食檳榔之原住民

30

每2年1次

每2年1次

每2年1次。

每年1次

40歲以上設籍臺北市之市民,每年1次。

每2年1次

每年


41

VI DESIGN

篩檢

0-12:00

醫生 我覺得嘴巴裡

免費健康篩檢 主辦單位:台北市文山區健康服務中心 活動時間:2015/10/04 AM9:00-12:00 活動地點:清水祖師廟

怪怪的啦....

口腔癌篩檢

三高篩檢(血壓、血糖、血膽

固醇):

40歲以上設籍臺北市之市民,每年1次。

大腸癌篩檢

30歲以上抽菸或嚼食檳榔者;

子宮頸抹片

乳房攝影檢查

50歲以上-未滿75歲

18歲至29歲嚼食檳榔之原住民

30歲以上女性

45歲以上-未滿70歲女性

每2年1次

每2年1次

每年1次

每2年1次。

免費健康篩檢 主辦單位:台北市文山區健康服務中心 活動時間:2015/10/04 AM9:00-12:00 活動地點:清水祖師廟

乳房攝影檢查

宮頸抹片

大腸癌篩檢

歲以上女性

50歲以上-未滿75歲

三高篩檢(血壓、血糖、血膽固醇):

45歲以上-未滿70歲女性

年1次

每2年1次

40歲以上設籍臺北市之市民,每年1次。

每2年1次。

口腔癌篩檢 30歲以上抽菸或嚼食檳榔者;

大腸癌篩檢

子宮頸抹片

乳房攝影檢查

18歲至29歲嚼食檳榔之原住民

50歲以上-未滿75歲

三高篩檢(血壓、血糖、血膽固醇):

30歲以上女性

45歲以上-未滿70歲女性

每2年1次

每2年1次

40歲以上設籍臺北市之市民,每年1次。

每年1次

每2年1次。


VI DESIGN

42

2

1

3

4

1 展架3D 模擬圖 234 展場 3D 模擬圖


43

VI DESIGN


VI DESIGN

44


45

LOGO 與 標準字

概念 與 靈感 陽光 - 口腔 - 懸雍垂 - 花朵 - 聲波

應用系統

溫暖的配色,童趣的字體 拉近孩子與治療師的距離

VI DESIGN


LOGO & TYPOGRAPHY

46

LOGO AND TYPOGRAPHY


47

Be Strong

LOGO & TYPOGRAPHY

WILD KIDS


LOGO & TYPOGRAPHY

48

標誌 提案.

廈門熊阿哥信息科技有限公司 廈門熊阿哥為一致力於促進兩岸人才交流的公司 希望能以代表兩岸的熊貓與黑熊作為標誌

T WO

1

BEARS

此標誌便單純以熊字著墨

熊貓與黑熊,皆屬於熊家族 字體設計採用明快的幾何造型 給予企業年輕、活潑的個性

T WO

2 熊貓與台灣黑熊代表兩岸相對位置 BEARS

並採用舉手擊掌的有力姿態 象徵兩岸成功的交流 傳達出正向積極、熱情的合作氣氛

T WO

3 熊貓與台灣黑熊並肩相伴

BEARS

表達兩岸間穩定的交流發展 不同於另外兩款設計 此為表現優雅、沈穩性格的標誌


49

LOGO & TYPOGRAPHY

中原大學 教學卓越計畫標誌 新一期的中原教學卓越計畫主軸,除了全人教育、創新思維 更加入跨領域發展 (cross-domain) 作為教學核心目標 藉由新計畫的提出,修改原先舊有的標誌 並希望以跨領域意象,衍生出具有現代感的新設計

new

old

1 此標誌以舊有光之樹標誌為基礎 重新賦予更簡潔的造型 依據聖經,十二代表著上帝設立的完整安排 因此將光點數量重新設計為十二個 交纏的樹幹,象徵著跨領域的合作 底色亦可發覺C字母的輪廓 (cross-domain)

2 此款標誌為全新設計 十二片樹葉放射狀排列,產生光芒的形象 交纏環繞的樹幹,隱含著雙C的結構 象徵著不同領域的結合 異中求同,並大放光明


LOGO & TYPOGRAPHY

50

大南海

文 化 園 區 NAN-HAI CULTURE PARK 設計理念

標準色彩規範

大南海文化園區係由農委會林業試驗所、國立歷史博物館、 國立台灣工藝研究發展中心、國立台灣藝術教育館、國立教 育館廣播電台等,五所身負教育發展重任的國家單位所構成。 因此在識別標誌中,便取用這些建築中最深植人心的特色- 「飛簷斗拱」,作為標誌的視覺焦點。

C65 M0 Y35 K0 C5 M15 Y80 K0

選用飽滿成熟穀粒的金黃色,期盼讓知識深根社會,迎接文 化的豐收。 而點綴其後的藍綠色小圈,代表著飛簷獨有的特殊色彩,也 是大南海園區內荷花池意象。 標準字選用樑柱的暗紅,除了象徵本區建築特色,亦述說著 大南海園區有如承擔著這些建物重量的樑柱,身負著推動國 家文化發展使命,經過百年仍能屹立不搖。 *個人負責部分:LOGO 圖案的發想與繪製

NAN-HAI CULT URE P ARK

大南海文化園區

大南海 NAN-HAI CULT URE P ARK

文化 園 區


51

Keelung Interior Design & Decoration Association of Commerce

基隆市室內設計裝修商業同業公會 設計理念 標誌的造型取自於室內設計師所繪製的平面圖中,最 基本的空間載體。 設計師們將這一小方塊不斷擴張,直到創造出帶給人 們美好的生活空間,這樣的符號,便象徵著千里之行 始於足下,提醒設計師們莫忘自己的專業與熱忱。 曲線是空間中門房開啟的軌跡,敞開的門,代表著歡 迎、交流之意;曲線也是基隆市出海口港灣的弧線, 呈現基隆的在地風貌。整體顏色則選用藍綠色調,源 自基隆雨都、臨海的意象。

標準色彩規範 C80 M40 Y0 K50 C75 M0 Y70 K0

輔助圖形

使用各式能表現平面圖中 的空間量體。

LOGO & TYPOGRAPHY


GRAPHIC DESIGN

52

GRAPHIC DESIGN


53

春季

即將開幕

春季 春季 春季

即將開幕 即將開幕 即將開幕

GRAPHIC DESIGN

山水茶語 山水茶語 山水茶語 山水茶語 期待相見歡

期待相見歡

期待相見歡 期待相見歡

山 山 山 山

水茶語 水 茶 語 期 待茶 相 見 水 水茶語 語歡 期 待 相 見 歡 期 待 相 見 歡 期 待 相 見 歡

春季 春季 即將開幕 春季 春季 即將開幕

山水茶 山 水 茶 期山 待 相 見茶 歡 水 山水茶

即將開幕 即將開幕

期 待 相 見 歡 期 待 相 見 歡 期 待 相 見 歡

語 語 語 語

春季

即將開幕

春季 春季 春季 即將開幕 即將開幕 即將開幕

春季 春季 即將開幕 春季 春季 即將開幕 即將開幕 即將開幕

山水茶 山 水 茶 期山 待 相 歡 水 山 水見 茶 茶

期 待 相 見 歡 期 待 相 見 歡 期 待 相 見 歡

期 待 相 見 歡 期 待 相 見 歡 期 待 相 見 歡 期 待 相 見 歡

為即將開張的飲茶店,設計了四款預告長條海報 讓人提早感受到春季的來臨

語 語 語 語


GRAPHIC DESIGN

54

150 mm


55

協助攝影師設計 參展用的摺頁 DM

148 148 mm mm

GRAPHIC DESIGN


GRAPHIC DESIGN

56


57

GRAPHIC DESIGN

1

mon

tue

wed

thu

fri

sat

sun

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

這是一本 暖暖舒心的月曆

2 3 4

mon

tue

wed

thu

fri

sat

sun

mon

tue

wed

thu

fri

sat

1 2

3

4

5

6

7

8

sun

mon

tue

1 2

3

4

5

6

7

8

6

7

wed

thu

fri

sat

1

2

3

4

sun

5

8

9

10

11

12

9

10

11

12

13

14

15

9

10

11

12

13

14

15

13

14

15

16

17

18

19

16

17

18

19

20

21

22

16

17

18

19

20

21

22

20

21

22

23

24

25

26

23

24

25

26

27

28

23

24

25

26

27

28

29

27

28

29

30

30

31


GRAPHIC DESIGN

58

5

mon

4

一月:一年之始動

9

二月:梅花枝椏,乍春小雨 三月:日漸回暖,走獸騷動

八月:暑熱難耐,艷陽當空

四月:雲雨濃厚,梅雨紛紛

九月:中秋賞月,陰晴圓缺

五月:菖蒲掛門,龍舟競走

十月:寒意漸至,人群默立

六月:荷花盛開,蓮蓬招搖

十一月:冷冬來臨,葡萄結果

七月:百花齊放,瓜果成熟

十二月:承接明年之日

tue

5

wed

6

thu

7

fri

sat

1

2

sun

3

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

mon

tue

wed

thu

fri

sat

sun

1

2

3

4

5

6

8

9

10

11

12

13

7 14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30


59

GRAPHIC DESIGN

6 7 8 mon

tue

wed

thu

fri

sat

sun

1

2

3

4

5

6

7

8

9

10

11

12

13

14

mon

6

tue

7

wed

thu

fri

sat

sun

1

2

3

4

5

8

9

10

11

12

mon

3

tue

4

wed

5

thu

6

fri

7

sat

sun

1

2

8

9

15

16

17

18

19

20

21

13

14

15

16

17

18

19

10

11

12

13

14

15

16

22

23

24

25

26

27

28

20

21

22

23

24

25

26

17

18

19

20

21

22

23

29

30

27

28

29

30

31

24

25

26

27

28

29

30

tue

wed

thu

fri

sat

sun

1

2

3

4

5

6

8

9

10

11

12

13

12

31

mon

10

5

tue

6

wed

7

thu

fri

sat

sun

1

2

3

4

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

mon

tue

wed

thu

fri

sat

mon

sun

1 2

11

3

4

5

6

7

7

8

9

10

11

12

13

14

15

14

15

16

17

18

19

20

16

17

18

19

20

21

22

21

22

23

24

25

26

27

23

24

25

26

27

28

29

28

29

30

31

30

12


ILLUSTRATION 6 0

ILLUSTRATION


61

ILLUSTRATION


ILLUSTRATION 6 2

被下咒所以長了尾巴


63

小小的角

ILLUSTRATION


人生吶, 可不能挑食 胡惠文

設計作品集


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.