2022 Portfolio

Page 1

Po r t fo l io Po r t fo l io Po r t fo l io Po r t fo l io



CON T E NT

01 02 03 04

關於我

互動設計 平面設計 介面設計

01-06 07-28 29-50 51-72


01

關於我

About me


履歷表

個人Logo

03-04 05-06


基 本 資 料 姓名 陳宣諠

性別 女

生日 1999.03.14

電話 (+886)72916620

信箱 origin0875@gmail.com 地址 新北市八里區中山路一段63號3樓

關 於 我 目前就讀大同大學媒體設計所碩士一年級,喜愛嘗試不同領域的事物,讓自己能夠探索更多未來的 可能性。曾於深擊設計的數位設計部門實習,在學習的過程中對品牌行銷、社群及使用者經驗有興 趣,希望能夠更進一步的了解這些領域。樂於團隊合作同時也能夠獨立作業,平時的興趣是音樂、 編織、玩密室逃脫,是一位能動能靜、樂於挑戰、適應能力強的人。 學 歷

技 能 ■ 實作類

.大同大學 媒體設計所 碩一 .大同大學 媒體設計系互動組 畢業

■ 證照類

.Figma .blender.Arduino

.TOEIC TEST 555分

.Ai .Ps .Ae

.JLPT N3 合格

經 歷 2 0 2 1

2 0 1 9

放式大賞 《台灣百妖》行動應用類 軟體內容組 入圍

台灣數位媒體設計獎

《台灣百妖》行動應用類 軟體內容創意企劃組 入圍

《台灣百妖》互動科技大專組 入圍

濱海小學堂 志工

深擊設計 實習生

畢籌會 文書長

用講故事的方式陪伴偏鄉小朋友

數位設計部門實習生

負責收取、整理各式文件資料與製作表格

婚姻平權聯署 志工

系學會 機動組組員

班級幹部 副班代

協助處理班上事務、轉達學校公告事項 協助宣傳聯署,進行街頭對話

3

2 0 2 0

負責協助器材租借、搬運、清點

畫家畫玉山

翔音擊團 美宣、網管

油畫比賽 典藏

海報設計、經營FB粉絲團

2 0 1 8


Logo design

尺寸圖

色彩 4.4 6.6

3.4

L:68 a:29 b:66

5.4

5.9 0.5

2.4

5.1 4.4 0.7

r=1.1 r=0.5 2.2 4.2

2.8

7

r=3.1

r=1.6 0.5

7

L:64 a:-34 b:10

2.8 3.2

1.6 r=0.3

c

0.8 0.8 1.4

5.8

1.4 r=0.5 1.42 r=0.5

1.9 2.8

ab

6.7

0.005 0.07 0.02

4.1

5.6

r=0.3

a 0.3 b 0.4 c 0.5

5.3

應用型態

4


名片設計

5


6


02

互動設計

Interaction Design


富甦

台灣百妖

09-14 15-28



富甦

與自然共處—結合聲光的互動裝置

設計團隊

程式設計 / 陳宣諠 林采萱 洪瑾彤 裝置規劃 / 陳怡靜

裝置製作 / 陳宣諠 陳怡靜 林采萱 洪瑾彤 許致榕 企劃發想 / 陳宣諠 陳怡靜 林采萱 洪瑾彤 許致榕


設計動機 位於台北市松山區的民生社區內,有著一條被樹木所包圍的街道—富錦街。 因被綠樹所包圍,許多咖啡廳紛紛前來開店,使人走在這條街上彷彿置身國外。 但這樣美麗的街道對於這裡的居民來說是又愛又恨,樹木帶給他們的困擾是日 益漸增... ...

藉由實地調查與訪談後,決定採用 歷史悠久的富民生態公園,作為互 動裝置的模型。 樹木儼然已成為富錦街居民生命 中的一部分,堆疊著人們的成長記 憶,因此互動裝置呈現將圍繞在居 民與樹之間的美麗與哀愁。

優點

缺點

美化環境 環境庇護 減少噪音 正面心理作用

落葉多 蚊蟲多 生長問題 維護及保存問題

11


裝置設計 2

6

5

11

3

1 10

4

7

12

1. 種樹區 2. 涼亭區 3. 水溝區

8

2

1

4. 濕壁生態區 5. 竹林 6. 竹林步道

6

7

1

7. 灌木叢 8. 水生植物區 9. 土地區

6

8

1 1 9

10. 花圃 11. 石頭步道 12. 草地區

互動流程

拿取一棵樹

選擇任一樹洞種樹

12

得到聲光回饋


互動回饋

澤蛙

音效

莫氏樹蛙 禪

台北樹蛙 綠繡眼 麻雀

燈條

燈亮,不流動

燈亮,慢速流動 燈亮,快速流動

種植1棵樹 音效:隨機一種蟲鳴鳥叫聲 LED燈條:不流動

種植3棵樹 音效:隨機兩種蟲鳴鳥叫聲 LED燈條:慢速流動

種植5棵樹 音效:三種蟲鳴鳥叫聲 LED燈條:快速流動

13


藉由互動,重新喚起你我的回憶

14



台灣百妖

探索台灣獨有文化 X AR互動相機

設計團隊

視覺設計 / 陳宣諠 羅雅文 蔡子祺 介面設計 / 陳宣諠 林采萱 動態設計 / 陳宣諠 蔡子祺 程式設計 / 林采萱

故事發想 / 陳宣諠 林采萱 羅雅文 蔡子祺 企劃發想 / 陳宣諠 林采萱 羅雅文 蔡子祺


設計理念 台灣人過去的生活當中,有許多流傳在鄉里的傳說,而這些傳說故事正漸漸 地被人們遺忘。 我們透過調查,整理出一百隻妖怪,重新賦予它們形象及故事,讓這些妖怪重返 人們面前,喚起大家對於台灣本土的文化意識。

LOGO設計 以妖怪的形象來設計其標準字,文字內藏著妖怪的眼睛、觸角以及尾巴。

L:25 A:2 B:1 L:54 A:52 B:45 L:33 A:-14 B:-18 L:96 A:0 B:0

17


我們想從與大多數人生活息息相關,卻又好像有點陌生、流傳在各地的民俗傳說著手, 繼而衍伸了台灣的妖怪此主題,並從中深入了解台灣獨有的文化,透過重新詮釋,讓大 家用不同角度再次認識台灣。

18


角色設計 妖怪森林

六妖神

19


妖怪不夜城

20


台灣百妖圖

21


22


小卡設計 依據妖怪的屬性、特徵,進行分類,共分成十大類。 分別為:妖怪森林、墓坑六煞、妖怪不夜城、妖怪五通、六妖神、妖獸囡仔、好厝邊、真 善美、東邪、西毒。小卡正面為妖怪資料介紹,背面為故事介紹。

23


24


互動流程

1.使用APP掃描小卡上的妖怪

2.解鎖動態貼圖與妖怪故事

25


3.裝飾照片或影片

4.得到客製化的照片或影片

26


27


28


03

介面設計

Interface Design


ANN 居家睡眠治療

L e t ’s g o T a i p e i

31-40 41-50



ANN 居家睡眠治療 2030年的未來設計


設計動機 此產品參考催眠治療法的方式,提供患者有效且能在睡覺時間做的心理治 療,希望透過治療的頻率來讓患者不再依賴藥物,偵測貼片搭配APP可隨時注意 自己的睡眠狀況,並且可傳回給主治醫生,作為下次治療的參考依據。

LOGO設計

L:27 A:7 B:-33

Home treatment

L:72 A:27 B:-6

Quickly fall asleep

Avoid drug dependence

33

Profession AI psychologist


商業模式

就醫費用

病情預測與建議

¥

診斷 資訊

診斷 資訊

AI大數據

醫院

¥ 使用費

診斷

睡眠治療

APP

¥ 經營

憂鬱症預防 相關單位

34

睡眠資訊

病患


互動藍圖 使用者

科技貼片

貼上科技貼片

進入睡眠

APP

醫師

偵測腦波

進行睡眠治療

紀錄腦波變化

流程圖 Main page 睡眠報告 睡眠狀況 分析 提供睡眠 建議

深淺眠時間 睡眠品質

看診資訊 預約掛號

查詢掛號

常用/自行 預約

預約清單 歷史紀錄

依照日期/醫師 取消掛號 預約

即時傳送 給醫師

35


睡醒,取下貼片

開啟APP,傳送報告給主治醫師

治療結束 完成紀錄

收到報告,作為治療依據

睡眠日誌 紀錄 睡眠狀況

早晨喚醒

查看 歷史紀錄

刪除紀錄

鬧鐘設定

刪除鬧鐘

個人資料 設定 個人資料 主治醫師 登記

備份紀錄

36

登出


2.0睡眠報告

介面設計

3.0-4

1.0首頁

2.0-1

3.1自行預約

3.1-1

3.1-2

5.0睡眠日誌

5.0-1

4.2-3 4.2-4

37


3.0-2 3.0預約

3.0-1常用預約

3.0-3

3.1-5 3.1-3

3.1-4

5.0-2

5.0-3

3.1-6

看更多功能細節 Marvel APP

38


39


40



L e t ’s g o T a i p e i 台北未來捷運路線圖設計


設計動機 以直線方式呈現每條捷運的路線,不同於現有的路線圖,把每一條線拉直更 能清楚找到自己要前往的目的地。背景顏色採用黑色,讓整體看起來更有未來捷 運感,每條線的顏色採用對比顏色較強的視覺手法,而相近或是有關聯的路線則 採用同色系,讓人能更直覺的閱讀。

ICON設計

Light Rail Station Gerneral Station Interchange Station Taoyuan Airport

Railway

Te r m i m a l S t a t i o n

Railway-MRT

43


44


路線規劃 以簡易的畫面讓使用者能夠直覺 的規劃和查詢路線資訊

捷運地圖 能夠顯示完整捷運路線圖,也可下拉選單 ,選擇觀看單一路線

45


轉乘資訊 顯示經過之站名與捷運到站時間

車站資訊 可查詢站與站的行車時間與票價、每站的捷 運到站時間、首班車和末班車與出口資訊

46


介面設計 1.0規劃路線

1.0-1

1.0-2

2.0-2

1.0-3

3.0-1選擇出發地 3.0路線圖

47


1.0-4

2.0車站資訊

2.0-1

3.0-4選擇目的地 3.0-2

3.0-3

48


49


50


04

平面設計

Graphic Design


星巴克色調大分析

海報設計 Laudien logo設計

53-58 59-66 67-72



星巴克色調大分析 四種店型門市色彩分析

設計團隊

視覺設計 2.5D製作 文案撰寫 / 陳宣諠 3D建模 / 張嘉巖


前期調查 星巴克於1998年在臺灣成立了第一間門市,至今已陪伴了臺灣人22個年頭。 近年來,咖啡廳如雨後春筍般地冒出來,而星巴克卻屹立不搖的佔住大部分人們 心中的第一順位,但相較於飲品、杯子或高品質的服務,我們對於星巴克的店內 裝潢感到特別有趣。 星巴克的店內設計風格看似都有個統一性,但在店面色彩與燈光的呈現上卻會 依照店型而所有不同,依照不同店型的目標客群,我們可以看到星巴克在裝潢設 計上有什麼不一樣的細節。

色彩調查 百貨型:美麗華門市

櫃台磁磚

L:52 A:-9 B:-15

L:33 A:-6 B:-4

壁畫框

L:90 A:2 B:39

桌子

L:78 A:17 B:49

椅子

L:84 A:-6 B:-9

沙發

牆壁

L:39 A:-9 B:-7

55

L:69 A:-2 B:27

L:46 A:-10 B:-19

L:67 A:4 B:15

天花板

L:70 A:0 B:5


商業型:西湖門市

桌子

地板

L:44 A:10 B:16

L:64 A:-1 B:7

L:48 A:20 B:45

椅墊

L:29 A:29 B:35

典藏型:中信門市

地板

牆壁

L:74 A:0 B:7

L:76 A:0 B:1

L:24 A:0 B:2

桌子

L:46 A:24 B:286

社區型:葫州門市

地板

牆壁

L:49 A:5 B:21

L:64 A:30 B:41

L:61 A:10 B:31

L:40 A:27 B:23

L:54 A:-2 B:8

櫃台

櫃台

L:34 A:17 B:31

L:34 A:17 B:31

高腳椅

L:59 A:9 B:27

櫃台

沙發

L:49 A:9 B:22

L:57 A:5 B:2

56

椅子

牆壁

椅子

沙發

天花板

L:5 A:-1 B:3

相框

L:36 A:5 B:0

L:81 A:26 B:64

L:46 A:6 B:11

L:59 A:5 B:10

L:55 A:14 B:18

L:34 A:7 B:15

L:49 A:2 B:6

相框

L:16 A:0 B:2

L:55 A:-3 B:22

牆壁裝飾

L:36 A:-3 B:-17


57


58


A poster A day


365 days design challenge 海報設計


海報設計

61


62


海報設計

63


64


海報設計

65


66



Laudien 手作編織品牌


設計理念 Laudien為手作品牌,中文為樓頂,台語是樓上的意思。因為主打手作,所以 在設計圖樣上也偏向手繪的感覺,以人像作為發想概念進行設計。 配色方面以簡單的黑白色為主,塑造品牌簡約文青的風格。

標準字設計

LOGO設計

L:0 A:1 B:0

69


名片設計

70


應用實例

71


72


Portfol i o


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.