Deank's Portfolio

Page 1






6

Product Design


Product Design

7


兒童的氣質與正向教養

" 兒童的氣質與正向教養 " 是衛生福利部的一項計畫,補助國

態度與合適的方式教養每一位獨一無二的孩子。而我所屬的團隊剛

Product Design

及影片,搭配互動式的網站呈現,

8


Product Design

國立成功大學架設網站,幫助父母了解孩子的氣質,進而能以正向

剛好有機會接下這個工作,幫忙將既有的理論基礎,用活潑的圖案

9


10

Product Design


Product Design

正向教養網站架設

關於團隊接下這個工作其實是過份樂觀的結果,剛開始

我們評估可以用線上提供的架站網站,快速地建立起這個網 站,但是後來發現免費版的線上架站不但功能有限,而且後續 的維護都需要持續有金源支持,並不符合我們的需求,因此我 在團隊中就自告奮勇,以自學的方式,學習用簡單的方式架設 這個網站,當然中間遇到很多問題,包括 HTML5 及 CSS 的使 用方式不是能夠快速速成的學問,還有尋找免費的空間提空網 站生存 ( 最後選擇 Github,不過後續當然還有遇到如何使用這 個工具的相關問題 ),甚至團隊成員沒有經驗如何合作完成一 個網頁,也造成過程中很多白費力氣的工作產生,但是經過大 家的努力合作,雖然成果不盡完美,還是成功地將網站交付委 託的機構,完成這次預期之外的工作。 網站網址 : https://nckuid95.github.io/Positive/index.html 或 Google:正向教養(目前在第一個結果) 可以瀏覽網站的詳細內容。

11


12

Product Design


Product Design

Memory Box APP

"Memory Box" 是一個跨領域合作的 app。主要是系上的

設計課程與電機系還有歷史系合作的計畫,為沒落的西市場開 發一款 app 讓大家能夠了解那個地方。

我們這組設計的 app 是針對沒有去過西市場的人進行導

覽設計,內容包括介紹西市場的歷史、西市場內部的巷弄地圖, 還有相關店家及人物介紹。 網站網址 : steven0203.github.io/memory_box/no3.html 可以瀏覽網站的詳細內容。

13


14

Interface Design


Interface Design

15


16

Interface Design


Interface Design

WITER 一開始聽說要用樹梅派,然後可 能要運用在醫院或是醫療器材, 剛好在開學時組員的腳骨折受 傷,所以就開始朝可以幫助不良 於行的患者,還有適合在就醫時 使用的產品,並利用樹梅派。

17


18

Interface Design


Interface Design

問題分析

使用場域 ( 成大醫院 ) 與 persona( 單獨就醫、不良於行患

者 ) 方面:設計必須針對此族群來對症下藥,所以觀察此族群的 場域以及遇到的問題,由於組員每星期都必須到成大回診,所 以就趁機觀察成大醫院的狀況,並得到以下這些問題:

(1)

成大醫院雖然有提供輪椅,但是並沒有給輪椅高度適合的

櫃檯。所以到櫃檯還是要站起來,假設輪椅輪子忘了鎖定十分 危險。

(2)

在門診、櫃台、藥局等窗口之間,有很多單據等等的交換,

不良於行單獨較醫者雙手拄拐杖,如果一直放進包包又拿出來, 除了麻煩之外,隨意放開拐杖十分危險。手持著單據拿拐杖很 困難。

19


20

Interface Design


Interface Design

現有解決方案分析 (1)

坐輪椅: 無輪椅櫃台,危險。

(2)

線上單據交換系統:可能牽涉到資料與個人隱私問題。

(3)

開發新產品:新產品,成本與技術和必要性。

21


關於設計

外觀應該是要讓患者在醫院感受更自在,更

親切,而非華麗炫目來吸引人購買,並操作簡單, 直覺。配色不應再是醫院既有印象的白色,觀察了

Interface Design

一下成大醫院門診的配色,為溫暖的顏色。

22


Interface Design

尋找合適的感測器搭配現有的資源,如馬達

控制元件和樹梅派。可以辨識使用者的感測器,有 RFID、藍芽或直接開 WIFI 給樹梅派,與老師討論 後,因為並不是每個就醫的人都能開熱點給樹梅派 接收,故手機中最常見的藍芽就變成我們的首選。 而為了在可能會有人潮的醫院中閃避人群,掃地機 器人常用的超音波感測器也會加入考量中。

23


24

Interface Design


Interface Design

25


26

Interface Design


Interface Design

台南西市場文創設計 曾經繁華的市場,在經歷歲月的磨練與侵蝕後, 剩下的是垂垂老矣卻又富含故事的靈魂,2016 上 半年,西市場適逢拆除改建風波,產設的老師帶 著我們體會在半個世紀前,作為台南消費中心的 西市場,如何沒落到今日面臨都更的局面,也讓 我們學習如何為一個地區設計富含文化特色的文 創商品。

27


28

Interface Design


Interface Design

理論基礎

文化是人們理解世界的方式,而根據人們表現理解方

式的手段不同,一個地方的文化可以被分為很多層次 : (1) 最基本的是人們在不同的文化中生活,使用的器具也不 盡不同 (2) 對於世界有不同的價值觀,在生活中人們會表現出不同 的行為 (3) 在經過時間的洗禮後,一個地區的人們會擁有特有的價 值觀與習俗 (4) 具有相通文化的人們最後會凝聚出普遍認同的核心價值 使用文化金字塔分析文化後,可以提煉出具體的方向,針對 某一個文化進行文創設計。 左邊是針對西市場的職人文化進行的分析。

29


30

Interface Design


Interface Design

設計理念

西市場從日治時期就一直扮演地方上凝聚職人文化

的重要角色。如今西市場漸漸沒落,但是勢必有新的職人 再重新賦予西市場新的靈魂

設計戒指是為了傳達作為職人堅守崗位的光榮,而

手錶則是表達了職人長時間在西市場服務客人,早出晚歸 的精神。

31


32

Interface Design


Interface Design

職人鐵戒

戒指的外型以西市場的山門為範本 簡化並加以設計後

顯示出西市場洗鍊的外觀。

用鐵黑色象徵西市場曾經興盛的打鐵業 戒指上層模仿

刀口拋光磨利後的金屬光澤 象徵西市場職人努力奮鬥不懈 撐起西市場這塊招牌,西市場說的不僅僅是是一個市場的名 字,更是一群人千錘百練後的歷史痕跡。

33


34

Interface Design


Interface Design

職人手錶

錶帶的連接處選用交叉的連接方式象徵西市場的世代

交替,雖然經營方式不同,但都訴說著西市場的歷史繁榮。

用 白 色 強 調 職 人 在 西 市 場 的 工 作 時 間,7 到

8 點 間 以 黑 色 表 示, 不 僅 使 表 面 顯 示 出 時 間 的 刻 度 也說明白色區塊為職人的上班時間。

35


36

Interface Design


Interface Design

雷神索爾形象熨斗設計

在電影 " 雷神索爾 " 中,主要的角色是霸氣魁武的

索爾本人,還有他細緻陰柔的弟弟洛基。而有力的燙平布 料,又要仔細的熨出衣物的細節,正是熨斗最主要的兩大 訴求,因此在設計熨斗的形象時,我們團隊就考慮將兩位 威漫英雄的特色融入到熨斗的細節與配色當中。

37


38

Interface Design


Interface Design

關於索爾

談到索爾,大家首先想到的應該都是他舉世無雙的神

槌,因此我們在最初設計熨斗的把柄時,就決定要把槌子 的意象表現在這邊。

另外索爾霸氣出場時,都會穿著一身神氣的盔甲,因

此在設計熨斗主體時,我們就使用了分層設計的概念,將 外層設計成明顯的殼狀,希望能夠傳達出索爾穿戴盔甲時, 與眾不同的氣質。

39


Interface Design

40

圖片來源 : https://www.bomb01.com/article/26506


Interface Design

色彩配置

在色彩計畫方面,選用在索爾身上常見的銀色與紅色,並

且針對視覺的方向性進行設計,讓前方的視角看到較多銀色盔 甲的部分,相反的從後方的視角會看到更多關於披風的紅色。

41


42

Interface Design


Interface Design

關於洛基

雖然洛基在電影中扮演的是反派,但絲毫不影響大家

對這個角色的喜愛。相對於哥哥索爾,洛基顯得較為瘦弱, 個性較為陰沉,所以在外型的設計上,以細長的外觀與較 多細節表現做為設計的重點

另外把手的部分作為熨斗本體的延伸,選用了洛基專

屬的頭飾作為設計的參考依據。

43


Interface Design

44

圖片來源 : ent.ltn.com.tw/news/breakingnews/1466617


Interface Design

色彩配置

洛基的色彩計畫運用了大量的暗色,刻劃洛基陰沉、

心機的個性。但是還是特別選用了金色的飾線,凸顯他的 頭飾,表達出他二王子低調奢華的地位。

熨斗的底部用了墨綠色的飾線來表達洛基常穿的披

風,並且同樣以細長的形狀貫穿整體一致的風格。

45


46

Modeling


Modeling

47


衛浴設備

衛浴設備通常是用陶瓷相關的材料製作,在見模的表

現上,曲面能力的掌握就相對的重要,另外,光線如何投

Modeling

射在模型上才能表現出更好的效果,也是需要考量的重點。

48


Modeling

49


50

Modeling


Modeling

牙刷

牙刷建模的關鍵在於曲面相接的流暢度,要使不同的

曲面在相接處自然不突兀,需要花費一些時間調整。

51


耳機設計

這個耳機設計是為了參加 Kingston HyperX 的設計比

賽,練習色彩配置,及參考不同的產品,從無到有設計一

Modeling

個耳機的外觀。

52


Modeling

箱扇建模

箱扇建模練習主要是了解箱扇的內部配置,練習不同

的建模技巧,嘗試模仿現有產品,學習如建模及渲染出產 品真實的樣貌。

53


54

Graphic Design


Graphic Design

55


動物形象名片設計

在進行名片設計時,覺得如果能用一種動物來表達自

己的性格,應該可以讓人一眼掌握到我的性格與特色。於 是這張名片設計時,選用了躍動的鹿作為視覺的中心,另 外在排版的方面,文字的編排在顧慮到易讀性之餘,也盡 量地讓風格符合整體活潑的感覺,用色方面也希望給人活

Graphic Design

潑有朝氣的觀感。

56


Graphic Design

57


58

Graphic Design


Graphic Design

玩色名片設計

設計這兩張名片時自己設定的小目標是用強烈的方式

表現自己的風格,除了將個人資訊用較大的字體一目了然 的展現,在正面的顏色套用上,選用接近雷鬼風格的色彩, 表現比較大膽的風格,希望給人積極進取的感覺。

左上白色的運用是自己最滿意的方式,但是考慮到名

片在某些場合的正式性,下面的黑色版本因應而生,稍微 壓下燦爛的色彩,希望給人熱情中帶著穩重的氛圍。

59


植物形象名片設計

這張名片是在進行植物感性解析之後作品。是針對較

溫柔的植物進行的設計,主要的參考對象是小葉欖仁,在 名片中表現出小葉欖仁的樹葉會呈片狀聚集生長的特色, 另外也將陽光透過葉片灑下的意象融入設計之中,讓名片

Graphic Design

整體呈現溫和而自信的感覺。

60


Graphic Design

61


耳機宣傳排版設計

這些排版是針對參加 Kingston HyperX 耳機設計比

賽設計的文宣品。下面這張主要是以日系的風格作為設計 的重點,傳達溫和而專業的氛圍。後面以黑底為主的設計

Graphic Design

則是能夠透露出電競耳機功能強大的特色。

62


Graphic Design

63


64

Graphic Design


Graphic Design

65


66

Graphic Design


Graphic Design

" 小報 " 刊物編排設計

105 學 期 有 幸 參 加 系 上 " 創 意 銀 行 " 團 隊, 而 ID

Bank 主要的工作就是發行這本 " 小報 " 作為系上專屬的刊 物,內容是針對系上大小事記錄及採訪各式設計相關業務, 在整理排版後在 ISSUU 線上發行,在系上會以小量印刷的 方式,提供實體刊物供系上傳閱。

ISSUU 搜尋 publisher : idbank。可以看到更多關於 y

左列四本刊物的內容,還有其他 ID Bank 發行的精采刊物。

67


68

Product Design


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.