2018 Portfolio

Page 1

Portfolio JHANG NAI WUN



Good design comes from the user experience and the details of the request

好的設計源自於使用者體驗與對細節的要求


張 乃文 JHANG NAI-WUN

Education 大葉大學工業設計系 加州大學聖地牙哥分校 香港理工大學設計學院 私立弘文高級中學

Specialty 使用者介面設計 使用者經驗設計 視覺設計 網頁設計 工業產品設計 產品概念發展 服務設計


Skill 設計

程式

Ai

Ps

Dw

Xd

Id

HTML

影音 CSS

JS

PHP

Working Experience 1

使用者介面設計/網站開發 大葉大學國際語言中心 兼任助理 12 Oct. 2015 - 現今

2

網頁設計 淞煜科技股份有限公司 實習生 16 Oct. 2014 - 31 Aug. 2015

Design Competition 2018 奇想設計大賽 銅賞 2018 育秀盃創意獎 入圍 2017 Red Dot Design Award 入圍 2017 If Student Design Award 參賽 2017 天府寶島工業設計大賽 入圍 2016 康寧創新家 佳作

Ae


I can coding


UI Design Practical Project/Concept



Practical Project


大葉大學語言學習導航中心 LANGUAGE LEARNING NAVIGATION CENTER



大葉大學語言學習預約系統 電腦版/手機版網頁設計與製作

從用戶數據分析到wireframe,prototype,以及coding,通通 一手包辦,隨時觀察用戶動態,並且針對用戶需求與系統功能 進行安排規劃。

官方網址 http://163.23.37.86/


photoshop 切版 html / css 編輯與調整 SQL 資料庫連結測試

Design Process

4

3

Coding

1

2

5

Understand

User Study

Prototype

Assessment

系統架構評估 超作流程規劃 UI優化分項 調整與運作調度

使用者問卷調查 用戶需求評估 google analytics數據分析

user flow low prototype prototype testing hight prototype

客服問題整理 用戶訪談與諮詢 google analytics數據監控

Redesign 問題整合 prototype 調整

6


大葉大學語言學習導航中心 LANGUAGE LEARNING NAVIGATION CENTER

Learning Emglish RWD跨平台設計,線上快速預約

Interface Design

色塊式選單設計,幫助用戶快速尋找所需的服務


獨特的單頁式課表設計及功能選單 讓學生隨時掌握課程狀態。

http://163.23.37.86/

UI Interface



Concept


客透 的商


lugcloak 提供全新的行李寄存服務方案,讓旅 透過網路平台線上即時預約,快速找到行程附近 商家寄存行李,兩手空空,輕鬆旅行。 線上行李寄放平台


lugcloak 採用鮮豔年輕的配色,讓 使用者在使用lugcloak 時如同在進行一 場虛擬旅程一樣,藉由間單的視覺語言 在最短暫的時間學習lugcloak 的操作介 面,因此在 UI 設計語言,採用卡片式 及圖塊式的表現方式。



Magical Mail




Magical Mail

附件管理

獨立的附件管理工具,可簡 易修改及查看即時文件

郵件模板

郵件模板選單,省去手機編 排的時間


台鐵訂票系統 Redesign






Product Design


2016 康寧創星家創新應用競賽 佳作作品


共同創作人 陳柏燊


技術應用

應 用康寧特殊材料結合設計原創力 進 而開創人類優質生活

發想可實現的創新點子

實現康寧創新 價 值 理 念

解決日常生活問題之應用

並納入著手設計前的應用元素

特 性 : 輕 薄 可 撓性

可彎曲

特性 : 蜂窩狀陶瓷基板

有 效 過 濾 廢氣

特 性 : 輕 薄 色 彩 鮮艷

抗彎

可 支 援 電 子 設 備 高 速 互聯


背 景動機

家中電 器 使 用 常 因 單 一 插 座 承 載 過 量

造 成 整 體供電 斷 路

進而發 生 跳 電 情形 但是家 中 其 餘 插 座 供 給 實 質 上 卻 沒 有 影響 .... .


家 庭 用 電 狀 況 分析

家庭中用電有固定值的總 負 載 量 家中數個插座 給的承載量 廚房的電 鍋

並 依 照 插 座 本 身 伏 特 數 平 均 分 配到

而電器用 品 插 上 插 座 的 負 載 量

但家中每個 區 域 所 需 要 的 用 電 量 往 往 大 不 相 同 烤箱

例如 :

浴室 裡 的 吹 風 機 等 等 所 耗 功 率 都 不 盡 相 同

單一插座同時插上耗功率 高 的 電 器 產 品 超出數值界線

不 可 大 於 插 座 本 身配

跳電情形 就 會 立 即 發生

嚴重時還可能造成電線走 火

插座的負載相對吃緊

當 依但


概 念 發想

將康寧觸控顯示玻璃技術

運用其可彎 曲 特 點 加 入插 座 設 計

透過微電腦控制

座所使用的瓦特數及家中總瓦特數顯示 在 插 座 上 方 的 顯 示 玻 璃 中 電力的使用情況 璃螢幕

結合物聯網串連家中 每 一 個 插 座

將家中閒置的插座負載值移撥 進 來

讓 使 用 者 能 夠 了 解 現今

當 使 用 耗 功 率 高 的 產 品 可 透 過 顯 示玻

進而讓插座負載安全值提高

率電器時能夠安心

家 庭 中 一 定 會 有閒置的插座

將 每個插

以共享角度來 看

可 將 閒 置 的 負 載量移轉到需求量較大的區 域

讓 使 用 高 耗功


運用康寧觸控顯示玻璃可彎技術融入插座設計 針對家中插座承載量進行調節與提醒 到需求量較大區域

把閒置插座負載量移 轉

達到安全且節能的功效 電力使 用

運用物聯網

進而控管家中 的



產品特 色

- 觸控玻璃顯示螢 幕 - 電器耗功率顯示 - 高瓦數輔助提醒 - 插 座電能控 管


- 共享電能 - 閒置電能轉 移 - 整體電能管 控


換裝無煩 惱

86 mm

融合現行標準

153 mm

經濟部標準檢驗局 - 國家標準規格

CNS) - 配線用插頭插座型號及尺度 -118


Ex t r a F u n t i on

緊急出口指 示

插座在家庭中分布在各角落 當發生緊急事件時可做為逃生指示只是指引燈 輔助家中普遍沒有逃生動線指示的狀況




背景動機 現今出國旅遊都須於入境時填寫入境卡,但語言隔閡使得填寫入境 卡十分不便,耗費大量時間,因此,針對入境卡的格式與文字進行 改良設計,讓旅遊更加便利。



Arrival

Simple to translate the


Tutor

De u

tsc

e Arrival Card

日本 の

中文

h

हिन 국

्दी

Fr

an

ça

is




背景動機 現今機上座位編排相當擁擠,使得坐於靠窗或是中間的旅客進出不易, 因此,針對機上空間與座位加以改良設計,方便乘客進出座位。





Now the airplane seat space is very crowded, passengers out of the seat is not convenient and unsafe. Aircraft Seats with the new track design is easy to move the space. When the passengers next to the window need to leave the seat, themiddle passenger only need to slide the seat of the walkway and turn the body. Passengers can quickly get out of the seat without the other passengers to get up.


Aircraft Seats can be combined for the arrangement of seats for different flights, with sliding track design allows visitors to quickly and easily. For the seat of the three or window seat, the sliding seat can be arranged to the side to facilitate the window passengers .

In addition for the row of four seats and five seats, the sliding seats can be mounted on the left and right sides. So that the middle of the passengers can quickly access from the left and right, without affecting the other passengers.



改良式伸縮圍欄柱

共同創作人 陳柏燊


背景動機

透過觀察

不管是機 場

車站

百 貨 商場

不免會發現用來限制動線的伸縮 圍 欄柱 ( 紅 龍柱 ) 有秩序地排列在人潮較多的區 域 不過當無需使用時

大量的圍欄 柱 聳 立 在 眼前

光是將其一支一支搬運恐怕得花 上 一 大 把 力 氣

毫 無 效率


可伸縮柱體

現行的伸縮圍欄柱

紅龍 柱

柱體設計上以堅固耐用為 原 則 在搬運過程中效率減低

為 了 規 範 人 群 的 動 線 或範圍 但 卻 造 成 在 搬 運 過 程中受 到 高 度材積 上 的限 制

因 此 透 過 將 柱 體 採 伸 縮 式 設計

收納搬運時可將柱體減少 高 度 材 積

讓 一 次 性 搬 運 量提升

增 加作業 效 率







家用數位產品設計








高密度散熱網孔




3C數位產品設計









香港理工大學設計學院交換經歷


IKEA 品牌產品設計


共同創作人 Lee YI-HSUAN JIANG YAOXIANG LI MINGKUN


BRAND STRUCTURE


DESIGN


MANUAL

MODEL MAKING


PROTOTYPE

RESULTS PUBLISHED



Keep trying , Constantly go beyond yourself

不斷嘗試 不斷超越自己


JHANG NAI WUN


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.