LIS UI / UX design
LIS UI / UX design
LIS是台灣的公寓教育組織,藉由有趣的科學歷史故事影片讓偏鄉學童能對知識產生自學的興趣.
此案由向柔樺總監帶領,是我第一個網站UI視覺設計.
director: 向柔樺
UI / UX
creator: 吳昌霖
FLOW
提供: LIS
LIS是台灣的公寓教育組織,藉由有趣的科學歷史故事影片讓偏鄉學童能對知識產生自學的興趣. 此案由向柔樺總監帶領,是我第一個網站UI視覺設計.
Director: 向柔樺
UI / UX
creator: 吳昌霖
FLOW
提供: LIS
玉山網路銀行APP | UI reform
玉山網路銀行APP | UI reform
+整體視覺符合企業形象
+讓使用者直覺輕易地找到想要的功能
+在屏幕上依照操作難易度與視覺焦點作區塊區
優必闊 Website | UI revision
+提升質感
+將主要資訊與功能放在首頁
+重複功能合一
前往展示 https://www.behance.net/gallery/109633237/111
工作經歷
HTML 5 & CSS 3 & SCSS
- 使用 flex 與 ul&li 呈現簡練架構
- 依照 RWD 邏輯預先設計 html 結構
- 多階段 RWD 並兼顧轉變動畫的美感
- 使用 transform . transition 製作各種動畫
- 最優化圖片解析度與外連Icon以提高網站運行效能
- 熟悉 BEM 命名原則
Angular 9+
- 使用 typescript 熟悉模組化運作
- 熟悉 angular life cycle , 能在正確時機使用
- 熟悉結構型指令etc. *ngIf *ngFor *ngSwitch
- 熟悉相依注入與 service 運作模式
- 熟悉 angular router , guard 運作
- 了解如何使用 http client 串接普通, restful API
- 有angular 專案製作經驗
Git
- 熟悉git指令
- ssh遠端連線
- 查看工作目錄＆操控權限
- vim基本操作
- cat閱覽檔案
- touch生成檔案
- apt更新/安裝/刪除
UX&UI知識
- 依 card sorting 進行使用者研究
- 分析 User story 主要功能規劃＆資訊架構規劃
- 分析 Wireframe
- 分析 Prototype
- 分析互動原型
- 確認元件語意
- 確認視覺易用性
- 確認特殊視覺動態
- 品牌色彩規劃
- 簡潔具親和力的視覺設計
專案 < PPT >
結合PPT與Ｄ-card的平台。
功能：
1. 會員註冊/登記
2. 獲取PPT上所有文章,看板,以D-card形式呈現
3. 結合PPT與D-card功能：最愛, 追蹤, 通知
系統： 登錄系統 會員系統(會員可使用的功能：最愛, 追蹤) 通知系統
負責部分：前端所有
製作時間： 2個月
進度：外觀版型70%，RWD70%，模組化85%
個人接案, 平面設計, Jan 2017 ~ 現在
從赫綵設計學院自己的設計公司和從裡面的老師工作室接案
也有去展演活動設計公司實習
參與LIS網站UI設計(設計總監向柔樺老師)
參與TIE未來科技館成果展是動畫設計(設計總監向柔樺老師)
替設計公司拿到ISUZU台北合眾汽車廣告合約(設計總監hammer老師)
製作新竹玻璃藝術展日常,心(嚮)像主視覺(設計總監向柔樺老師)
參與汽車儀表板UI設計(設計總監向柔樺老師)
Behance: https://www.behance.net/VIACHARLESdd32
Lite空間攝影 / 婚禮攝影, 攝影師, Jun 2016 ~ 現在
拍攝婚禮紀錄 / 商業攝影 / 空間攝影 / 活動紀錄
商業攝影FB: https://reurl.cc/L41z7
婚禮紀錄FB: https://www.facebook.com/lincharlesphoto/
和龍田倉, 3D設計師, May 2013 ~ Feb 2015
將空間設計師的平面圖製作成3D模擬圖供提案與客戶溝通使用
不同其他公司的3D製作的圖依現實比例故更得客戶信任
銳德數位, 3D設計師, Jun 2008 ~ Jun 2010
公司商品是替客戶製作能在網路上即時互動的3D物件, 行銷使用
製作3D物件, 搭配基本的程式讓其動作
學歷
台中師範學院, 美術學士（BFA）, 美術教育, 1990 ~ 1993
成績中段
