I am Yu Xsin- Fa n
范 予 馨
CONTENTS 關於我 about me
01
LOGO 與字型設計
05
平面設計
17
版面設計
27
互動裝置藝術
37
包裝設計
45
其他
logo & type design
graphic design
layout design
interactive installation art
package design
others
YU_XSIN FA N 范予馨 金魚，方吉菇菇 1994，桃園 天蠍座
0926189175 a0926189175@gmail.com www.behance.net/a0926189175
EXPERIENCE 20 13
導師兼解題老師
20 14
前端設計
李勳 / 宏源文理補習班
元智大學新創服務團隊 公關 超秋音樂節
20 15
美宣 元智大學電影右社 劍道校隊 元智大學劍道隊 大專生計畫研究生 科技部
20 16
設計部實習生 墨磊品牌顧問有限公司 活動組組長
20 17
CASE&EXPO 2013.12 2015.07
2014.092015.08
2014.092014.12
2015.092016.09
2015.092017.07
2015.092017.02
2016.072016.08
2016.09-
校內展 / 資訊週展覽
互動展示科技校內展
「空氣」新媒體藝術建築投影聲音組發表
遠東企業實習羅馬旗與海報設計案
元智大學資傳系招生入學海報設計案
遠東集團產學實習海報設計案
2016.04
平面設計類 商業平面設計發表校內展
2016.06
平面設計類 詩與當代個人詩刊設計發表校內展
2017.03-
元智大學資傳系簡介冊設計案
2016.06
2016.09
平面設計類 閱讀產業與文化系列書籍設計校內展
AWORDS
2016.12
平面設計類 2016.07
資傳系教授簡歷設計案
2017.01
平面設計類
互動包裝設計類 2017.05
「為成年」第二十屆元智大學資傳系畢業校內展
互動裝置藝術類
互動設計類
SKILLS
「為成年」第二十屆元智大學資傳系畢業松菸展
2017.05
2017.05
互動設計類 二三設計 DEMO PARTY #28 互動設計類
雷射切割機
2016.04
平面設計類
85°C 調飲人員
3D Printer
2016.03
平面設計類
平面設計類
放視大賞數位跨域組第一階段入圍
2015.05
新媒體藝術類
2017.07
專輯設計登上 Behance 首頁推薦
2015.01
互動裝置類
資訊傳播學系畢籌會
美食達人股份有限公司
2014.02
平面設計類
2017.06
01
l o g o & t y p e l o g o & t y p e design design 作
品
集
合
02
logo & type design
03
元智文學獎作品集標準字｜ logotype 135mm × 60mm 角度變化 綠豆糕手寫字
銀兩 silver coin 飲料專賣店｜ logotype 35mm × 20mm 極簡法式 清新
04 logo & type design
ToastHouse 吐司標準字｜ logotype 40mm × 17mm 可愛胖吐司 溫暖的家
新銳開發科技有限公司標準字｜ logotype 30mm × 12mm 環保、科技、堅固 組字型 logo 流線行版的速度
以耳傳訛 earson 互動裝置標準字｜ logotype 50mm × 50mm 點、線、圓 資訊科技感
05
g r a p h i c g r a p h i c design design 銀 專
兩
飲 賣
料 店
新 瑞 開 發 科 技 股 份 有 限 公 司
To a s t H o u s e 吐 司 早 午 餐
伍肆零伍工作室 團 隊 名 片 設 計
伍肆零伍工作室 團 隊 名 片 設 計
06
graphic design
07
銀
兩
專
飲 賣
料 店
BRIEF 銀兩是台南的錫蘭小茶館，佇立 在炎熱又慵懶的台南裡，店內只有兩 三個高腳椅，為想在茶館小做休憩的 客人們建立一個清涼的空間，銀兩有 一個大的窗口為外帶區，好客的老闆 也喜歡與客人多聊聊台南的一切。
CONCEPT 銀兩訴求清新的南法式風格帶一 點日式風格，簡約同時又能與明亮的 台南做搭配，因此標誌利用幾何的圖 示加上完形視覺的字體，給人簡潔的 質感。
08
graphic design
09
PANTONE P174-16U PANTONE P128-2U PANTONE P1-5U PANTONE P15-4U
10
瑞
開
發
科
技
股
份
有
限
公
司 BRIEF 新瑞開發科技是著名的實驗室機 器製造商、供應商和出口商之一，工 廠位於台灣，憑著多年的經驗與技術， 已經成為獨佔台灣的團隊。
graphic design
新
11
CONCEPT 新銳開發對於每台機器務求精
並且除了標準字還加上了輔助圖
準、正確、科學，近年來更往環保、
形，從機器的正方體開始發想，結合透
堅固的方向更精進，於是標誌的三個
視感的英文 L 與 T 做基礎，再配合主要
主要色即為藍、綠、灰。
色藍、綠與輔助色橘，增加團隊的活力。
PANTONE P112-15U PANTONE P145-7U PANTONE P179-6U
PANTONE P115-13U PANTONE P20-6U
12 graphic design
T o a s t 吐
司
H o u s e 早
午
餐
BRIEF 大二的時候，老師要我們想像以 後要開一間小店，以此為主題做平面 設計，當時的許多假日，我常帶著自 己的電腦在早午餐店做作業，一坐就 是三個小時，於是 Toast House 土司 早午餐店就這麼誕生。
CONCEPT 因為想讓吃過早午餐的人都有滿 滿 的 活 力，Toast House 的 定 位 為 健 康的輕食和像家一樣的感受，每個人 也都可以很悠閒的在這裡待上三個小 時，然後帶著滿滿的笑容離開。 於是標誌上有一個吐司倒影出一 個家，作為暗喻，整體的顏色搭配也 偏活潑清新。
C:0 M:20 Y:65 C:50 M:0 Y:45
13
14
graphic design
15
伍 團
肆 隊
零
伍 名
工 片
作 設
室 計 BRIEF 伍肆零伍團隊名片。
CONCEPT 我們團隊接管了放有許多機器的實驗室，雷切機、3D 列表機、光雕機，都由我們操作使用，所以團隊名片許取 了各個機器的特徵，簡化成不同的圖樣，再加上每個人不 同性格產生的顏色，由此製作出既團隊又個人化的名片。
16 graphic design
以 耳 傳 訛 互 動 裝 置 平
面
設
計
BRIEF 以耳傳訛是透過實體化資訊在傳 播時的扭曲，讓體驗者親身找回真正 想表達的語言與表情。
CONCEPT 標誌以點線面出發，象徵資訊流 動的原點與方向。酷卡為個人獨特的 實體回饋，將體驗者最初的話語與最 後資訊扭曲的聲波製作成個人獨特的 酷卡，希望透過前後差異的對比，讓 體驗者深記作品的理念。
K:100
17
l
l
a
a y design design 沙
豬
都
你 U
元
母
豬
是
的 G
智
豬
美 L
學 Y
大
!
學
資 訊 傳 播 學 系 系 簡 介 設 計
其
他
作
品
y
o
o
u u
t
t
18
layout design
19
沙
豬
都
母 是
豬 豬
BRIEF 「母豬母豬夜裡哭哭。」
CONCEPT 設計主色調即為代表男女顏色的 紅與藍，相互調和又分離，產生一種
一句話掀起 PTT 板上巨大風暴、
不確定性。
各 界 論 戰 與 新 興 宗 教 —— 母 豬 叫 誕
用一隻解剖的豬與部位，直接單
生。女性主義與沙文主義吵到 21 世
刀直入的告訴大眾我們的議題，諷刺
紀，仍然無結論，他們到底在吵什麼？
又別具趣味。
這本有關性別議題的書籍，由淺 入深的帶你探討社會結構上的風暴。
書腰部分利用描圖紙製造半透明 感，不遮住圖案本身，又帶來模糊的 曖昧感。
20
layout design
21
你
的
U
G
美 L
學 Y
!
BRIEF 『美學的趨吉避凶、逢凶化吉。」 你常會覺得招牌好醜好難看嗎？ 簡報也慘不忍睹卻不知道怎麼修改 嗎？ 本書帶你進入美學初入門，剖析 台灣招牌奇觀，瞭解事物美感，最後 能進行分析，避開美學地雷。
CONCEPT 本書以雙封面做為概念，諷刺的 對比出醜與美的分別。內為醜的封面， 外包美的封面。 並用黃金比例做元素構成版面， 印刷上也特別使用白墨，搶攻年輕文 青族群的市場。
22
layout design
23
元 智 大 學 資 訊 傳 播 學 系 系
簡
介
設
計
BRIEF 資訊傳播學系 2016 年新版系簡介。
CONCEPT 資訊傳播學系的 LOGO 由色彩三原色組成，展現活潑 的感覺。系簡介即由三原色延伸，並採用橘色為輔助色。 排版上因需要中英夾雜，頁數與版面拿捏變得重要。
24 layout design
BEHIND 常常自己風格的設計做久了，都會想檢視一下自己的 一套方法在業界到底合不合適、能不能被接受，並且限制 越來越多，頁數、形式、素材、風格，要如何在種種侷限下， 拿捏藝術與商業、轉換風格與業界溝通，在所有要素都平 衡之下做到盡善盡美，著實考驗功力。
25
26
layout design
27
i n t e r a c t i v e i n t e r a c t i v e installation art installation art 孔 雀 眼 Jade Eyes 鮮 紅 互 動 EP
以耳傳訛 EARSON 互
動
裝
置
28
interactive installation art
29
孔 鮮
雀
眼 紅
J a d e 互
動
E y e s E
P
30 interactive installation art
BIOGRAGHY 團隊由元智大學資訊傳播學系的大學生所組成，每個
Created by a team of Yuan Ze University students
人皆有不同領域的專⻑，共同激發出多元的創意，並擁有
who majoring in Informaiton Communication.
好的執行能力。
Eveyone has different areas of expertise. That let us
團隊希望設計永遠是以使用者經驗為出發點，做出有 視覺與功能兼顧的設計。
stimulate various ideas and have a good executive ability. Team believe design is always starting with user’s experience to make both visual and functional design.
31
BRIEF
C O M M U N I C AT I O N O B J E C T I V E
團隊與孔雀眼獨立樂團合作，為樂團設計與製作一首
此產品，緊扣聆聽獨立音樂的族群，加上他們以往對
單曲「鮮紅」的筆記本 EP。想像坐在電腦前面，單曲循環
音樂的使用經驗，創作一本筆記本 EP。利用音樂背後的短
播放，一邊記著作業筆記，一邊把作業檔案放進 USB 裡，
篇創作故事與 USB 的變色功能，增強了人聽音樂時的氛圍
學生作業不再煩悶，反而有一種文⻘的愜意。團隊的 設計
營造，也將樂團特色展現在產品的設計中。 於是產品分成
試圖擴充歌曲表現的感官途徑，豐富使用者的歌曲想像，
兩個特色部分，筆記本與 USB。USB 用於代替傳統 CD;
做出一張以情境為優先思考的 EP 包裝。
而筆記本內含單曲的歌詞，與歌曲的短 篇創作故事，還能 作為一般筆記本使用。仿小說排版的筆記本與簍空的 USB
Te a m c o o p e r a t e w i t h “ J U D E E Y E S ” i n d i e
放置槽為此展品的特色。
band, designed and producted a single notebook EP called “Scarlet” . Imagine sitting in front of
The product was closely linked to the cluster of
computer, doing single loop, while taking notes
independent musical fans. We create a notebook------
on this EP, and put files into the USB. Students
EP for customers through their music-listening
will work without boring, and will be pleased like
experience. With the use of creative story behind
a hipster. The design tried to expand the sensory
music and discolor of USB, on the one hand, the
ways of song performance, rich user’s song-
atmosphere of music listening was enhanced, on the
imagination to make theEPpackagewhichisthinking
other hand, the feature of the band was integrated
asaprioritytothesituation.
into the product design. Thus, we separated the product into two part, notebook and USB. USB, instead of traditional CD to play music;The notebook can be used as normal, but it also includes lyrics and the background of songs.he feature of the product contains the fiction-simulated typesetting and hollowed space for USB placement
32
interactive installation art
33
以
耳
傳
互
訛
動
E A R S O N 裝
置
BRIEF 人的語言無時無刻都在傳播，由點散發並向外擴散， 而我們就是資訊洪流裡載浮載沉的舟， 產生了立場的漂泊 與認知的差異。 〈以耳傳訛〉演繹了資訊流動時，產生的 扭曲與謬誤， 讓體驗者找回真正想表達的想法與最純粹的 語言。
CHARACTERISTICS 「重新演繹。」 我們的裝置是一個重新演繹資訊傳播與扭曲的互動裝 置作品。以此讓大家體會資訊的力量、了解到分析資訊對 錯的重要性。耳朵作爲人體接收資訊的器官，也被我們用 來代表資訊傳播的起點。所以我們的裝置用〈以耳傳訛〉 來命名。 「多角度互動。」 對於互動裝置而言，原本資訊的傳播就是人與人之間 的互動，而在我們的裝置中，取而代之的是假人與假人之 間的機機互動，也有將體驗者的錄音扭曲變音並列印聲波 的人機互動。再加上體驗者互動的方式是將假人在軌道上 滑動 , 以此讓體驗者參與到重現資訊 扭曲的演繹中 , 所以 〈以耳傳訛〉是通過這三種互動使人體會人與資訊在傳播 過程中互相影響的互動裝置。 「遊戲性。」 團隊作品以互動藝術裝置與數位系統裝置為主，另為 作品添加遊戲性質，充分從現有的互動藝術傳達作品的理 念，並且利用人類的遊戲本能使作品的驅使性與趣味性更 加凸顯。 「實體回饋。」 在裝置體驗的最後，將能列印出自己個人錄音的聲波 與扭曲過後聲波的差異，不僅從聽覺感受資訊的謬誤，更 加深了視覺的印象，並且此為一個獨一無二、讓體驗者再 次想起裝置主旨的回饋。
34
interactive installation art
35
36
interactive installation art
37
p a c k a g e p a c k a g e design design AL ICE CREAM 冰 淇 淋 杯 系 列
D e a r & D e e r 帆 布 袋 設 計
花
枝
精
靈
桌
遊
設
計
38
package design
39
A L 冰
I C E 淇
淋
C R E A M 杯
系
列
BRIEF
CONCEPT
Art Deco 演 變 自 十 九 世 紀 末 的 Art Nouveau 新
我選擇了愛麗絲夢遊仙境做一系列冰淇淋杯的口味，
藝 術 運 動，Art Nouveau 特 點是自然界的優美線條，稱
愛麗絲夢遊仙境裡的每個角色個性都非常鮮明，考慮到每
為有機線條， 而 Art Deco 屬於機械式的、幾何的、純 綷
個角色的性質同時要以特定形狀繪製是最困難的，並且 Art
裝飾的，兩種風格可以說是大相逕庭。
Deco 的所有線條都不能是有機的，都需要有其根據，一開
本作品以方、圓、三角做基礎，畫出系列仿 Art Deco 的圖案，並運用於冰淇淋杯的口味。
始畫草稿的時候需要思考更多角度，是個很有趣的過程。
40
package design
41
D e a r & D e e r 帆
布
袋
設
計
BRIEF 將六張動物的照片，簡化成線條， 展現成系列圖樣。 並將此系列圖樣運 用於 Dear&Deer 虛擬品牌的輕便帆 布袋。
CONCEPT 即使沒有畫出完整的線條圖案， 完形心理學透過部分的特徵展現，大 家還是辨認得出正確的圖樣。用線條 隨意勾勒出動物的特徵，加上面的輔 助，讓所有圖案能夠添加生命力。
42
package design
43
花
枝
精
靈
桌
遊
設
計
BRIEF
CHARACTERISTICS
設計不一定要創造出一個全新東西，這樣何不去當一
「街機遊戲與桌上遊戲的揉合」。遊戲的角色參考了
個發明家呢？怎麼樣利用現有的點子融合、改造出一套新
〈小精靈〉遊戲裡的角色：小精靈和惡魔，並加入了我們
的設計系統，才是設計的目的。
自己的元素：海底世界的風格。因此角色最終定為：小精
受到 80 年代街機遊戲〈小精靈〉的啟發，此桌遊繼承 了兩個最主要的元素：追逐、吃豆子，又結合了〈矮人礦坑〉 團隊合作的要點，發展出此款桌遊。
靈和花枝。 「追逐元素結合策略地圖」。保留了〈小精靈〉的追 逐的元素，並改成了尋寶藏。 「卡牌形狀特殊」。參考〈矮人礦坑〉自由拼圖的規則， 但把道路卡改為菱形，增加遊戲多變性和樂趣性。 「功能卡新穎」。遊戲還加入了功能卡，增加了遊戲 的可玩性。
44
package design
45
o
o
t
t
h h
遠東集團產學實習 宣 傳 羅 馬 旗
遠東集團產學實習 宣 傳 羅 馬 旗
資 傳 系 為 成 年 畢 活
業 動
展 規
劃
e
e
r
r
s
s
46
others
47
遠
東
宣
集 傳
團
產 羅
學
實
馬
BRIEF 由元智大學研發處招募 2016 年的遠東實習生。
習 旗
48
others
49
元
智
家
徽
劍
道 設
BRIEF 元智劍道隊家徽與旗幟。
隊 計 CONCEPT 木棉花，又稱「英雄花」。因為 它開得紅艷卻又不媚俗，猶如壯士的 風骨；就連它的墜落也分外的豪氣。 而棉花花語為珍惜身邊的人，就像劍 道隊這個大家庭，每個人都是互相幫 助、一起成長。 家徽部分除了主體的棉花外，還 有兩把劍交叉，中心有元智大學「元」 的 LOGO 鑲嵌在裡面，既可以代表學 校又有劍道隊的特色。
50 others
資傳系為成年畢業展 活
動
規
劃
O N E 為成年の資味攤車 利用攤車販賣展覽相關周邊或是 特殊飲品，吸引大眾關注並且購買的 慾望。並結合內容行銷的方式，將圖 片、文字的媒介應用於相關周邊與欲 販賣的物品上，讓大眾能獲得展覽與 相關資訊。 特別的是只有一天的絹印活動， 搭上元智徵才博覽會的人潮，透過體 驗行銷讓大家瞭解我們。
51
T W O 粉絲專頁網路抽獎
T R E E 為成年傘兵部隊
現在辦活動除了實體宣傳，網路
開 展 前 的 快 閃 活 動， 連 續 五 天
行銷更是重要，尤其是分享，能夠像
在校園內隨機地點釋放五顏六色的傘
病毒式傳播一般的一傳十十傳百，是
兵，傘兵傘面上貼有畢業展的相關資
效率高、範圍廣的行銷手法。而我們
訊，在吸睛的同時，希望大家能拾起
也搭上最近很熱門的 gif 圖截圖話題，
童心，一起參與、玩樂。
讓抽獎活動變得有趣，又能把展覽資 訊宣傳出去。
52
others
53
F O U R 為成年來發氣球 展期期間，在校內與校外，利用可愛的半透明氣球發 放宣傳，吸引許多青少年、小孩的目光，也趁機直接介紹 展覽相關資訊。大家也都因此綻放笑容，就像重新回到孩 提的時候的快樂。
a0926189175 @gmail.co m