IMG_1456.JPG

Roy Kao

高立人

Senior UI / UX / Web Graphic Designer

[email protected]
(+886) 0939-726-812
Taipei


學歷

中國文化大學哲學研究所 Sep 2000 - Jun 2003

攻讀哲學研究所給了我不錯的思辨及表達論述能力

世新大學公共關係暨廣告系 Sep 1997 - Jun 2000

在學的專業訓練包括了在傳播領域的學術知識與行銷傳播的策略運用

世界新專編輯採訪科 Sep 1990 - Jun 1996

訓練了採訪寫作及編輯的能力,以及新聞製作相關基礎知識為主


經歷

智威湯遜廣告公司 JWT.Taipei / Senior UI/UX Designer, Jan 2017 - Now 

在JWT的工作內容與之前公司大致相同,但在這裡更偏重UI介面與交互設計。公司的自由風氣也讓設計師在這有很好的發揮空間擁抱新的工具與技術。

奧美互動行銷 OgilvyOne / Senior UX Architect, Jan 2016 - Nov 2016

UX 設計師的即戰力和學習力是不被淘汰的重要關鍵,這段時間在奧美的 UX Team 熟悉了 Wirefram 工具如:Axure、UI 主力繪圖工具如:Sketch、以及多項 Prototype  工具:InViision、Flinto,具備基本 RWD 切版能力,開始學習 Bootstrap 框架,並使用 SCSS。雖然之前的工作多是設計網頁,但對 app 的 UI 設計也開始接觸,關於 ios 以及 Android 的設計規範也多有涉略。

BBDO Taiwan / 副藝術指導, Jun 2015 - Dec 2015

主要工作內容為設計公司形象之視覺規範、視覺設計,整合行銷、創意以及網站視覺規劃與網頁製作等。

安捷達顧問股份有限公司 / 資深網頁設計,  Agu 2012 - Feb 2014

主要工作內容為設計公司形象之視覺規範、視覺設計,整合行銷、創意以及網站視覺規劃與網頁製作等。安捷達是我第一家待的代理商,在這裡最多負責的是網站的視覺規劃以及廣告橫幅的設計串動。

華碩雲端股份有限公司 / User Interface Designer, Oct 2010 - Jun 2011

華碩雲端股份有限公司。主要業務為雲端服務之研發、營運與行銷。在這裡的工作職務為 UI  Designer,除負責公司網頁維護設計外,主要工作在於設計軟體與行動裝置(包括手機與平板電腦)的使用流程與介面設計。

CBS Interactive哥倫比亞互動媒體有限公司 / 資深網頁設計, Agu 2006 - Nov 2010

CBS  Interactive 包括二個網站,分別為:針對消費性電子產品為主的 CNET 針對企業 IT  新聞和應用為主要報導內容的  ZDNet,包含網站的動線與架構規畫、介面與色彩設計、動畫與圖片應用、整體創意與執行。在這裡我對於各種網頁設計的技能更加的熟練。

與友人自組私有語言工作室, 2005 Before

主要為撰寫電腦繪圖類工具書。自己去與出版社接洽提案,上網找新版軟體的 Beta 版本,也同時自己排版,靠著這些製作電腦工具書的製作經驗,使我對於插畫的繪製、影像處理、平面設計、版型的製作、排版、網頁設計都有一定程度的自信。


專業技能


影像設計類

Adobe Photoshop 與 Illustrator 能力當然是一定具備,由於剛開始學習的是平面設計,所以具備相關的印前知識,平面方面從事美術設計與排版工作並無問題。


網頁設計相關

雖然本人專長還是偏向網頁圖形與視覺呈現方面,但 html/css 編寫上也有一定的基礎,並具備基本 RWD 切版能力,使用 Sublime Text 作為工具。同時正在學習 Bootstrap 框架並使用 SCSS。


多媒體類

很長的時間我的工作主要以製作 Flash Banner 為主,所以對於動態呈現與節奏感有相當程度的自信,雖然 Flash 已成昨日黃花,如需 2D 動畫 Motion 製作本人很樂意再自學 Adobe After Effect。

基本的影片剪輯能力也具備,使用工具包括 Adobe Premiere、Vegas 皆可。


UI/UX

Sketch 當然已經能非常純熟的使用,並能使用相當多的插件來加快工作流程,並使用 Axure 製作 Wirefram。

對於市面上琳瑯滿目的Prototype 工具,除了 Framer 需要一些時間摸索外,其餘的應該能在數天內就上手並無問題。


作品集

e9563226-7e22-4346-bb18-3296bda55785.png

福斯汽車

德國工藝打造七人座休旅車。冒險精神自由自在,沒有界限。2018年式 Volkswagen All New Tiguan新車上市試駕活動網站設計

已上線

了解詳情
凱擘首頁.png

中信兄弟

「兄厲害」APP 除了提供中信兄弟球員/球賽最新資訊外,還能在球賽現場與球迷互動,負責APP整體視覺以及UI設計,以及部分流程設計。入圍DSA數位奇點獎

ios版Andoid版

了解詳情
8024298e-680b-47cb-b3e4-95d4232970a1.png

台新國泰航空聯名卡越飛越有哩台新國泰航空聯名卡,上市活動網站,採一頁式網頁設計

了解詳情

作品集

e9563226-7e22-4346-bb18-3296bda55785.png

中國信託

中國信託的樂活享退網站,由於上線時間緊迫,僅負責所有的視覺規劃,本網站使用對象為理財專員,已上線
線上版

了解更多
凱擘首頁.png

凱擘大寬頻

此專案所有的工作項目,都由本人規劃,從 Wirefram 到網頁視覺,也由本人製作,同時也照 RWD 框架做了 Mobile 版的切版、已上線
Axure Wirefram 連結

了解更多
8024298e-680b-47cb-b3e4-95d4232970a1.png

天下雜誌款款行

天下雜誌的微笑款款行電子書系列,做了 UI 以及視覺規劃的部分,此 App 有一半屬於 Web view 的部分,也有網頁版,試著拿來切 RWD 的網頁當作練習  登入頁連結首頁連結

了解詳情

作品集

4d4fa7ec7b9ebe57eb78c84547ab5f2a.jpg

VISA

有蠻長的一段時間,都是負責 VISA 相關製作,包括一些行銷活動與 Social Post 算是蠻有挑戰性的工作項目,也包含了一些有趣的 Gif 或小動畫,算是蠻有趣的經驗

了解詳情
23b3b2217518aa398e14fe48f2f7d535.jpg

玉山銀行官網

主要負責玉山銀行信用卡官網 UI 以及視覺統籌設計,也另外提供一個較為保守的 Tone & Manner 供其選擇,沒想到他們大膽採用了較為新穎的設計,還蠻讓人意外的
玉山官網連結

了解詳情
8940d64efbd05f855d75e15dbf180ae0.png

Kymco

光陽機車的官網改版首頁,主要的 Tone & Manner 採取教為年輕化的感覺,UI 走向偏向冷冽的玻璃纖維與金屬質感,雖未經採用,但個人是頗喜歡

了解詳情

作品集

10.jpg

Samsung

Samsung Galaxy S4 早鳥專案的 Campaign Site ,除了負責網頁的視覺設計,同時更有一系列的廣告橫幅設計與製作

了解詳情
7.jpg

新光三越官網

新光三越的官網改版,主要負責的是視覺風格提案的部分

了解詳情
Projects 00 02@2x fe789c7495428f4bddd216a44a8d0d12ce13fbeed0f26e9c9f2fa6c5fb4b5cc2

Motion Graphic

VISA 與台電因有動畫的需求,所以有設計了兩隻動畫小短片,以 Motion Graphic 風格呈現

了解詳情

作品集

edm.png

台電

台電高壓用戶的 Promote Site 製作內容除了網站本身,亦包括了一小段影片介紹,使用 Motion Graphic 形式製作,另外也有 DM 與 eDM 等製作

了解詳情
6 3.jpg

較舊作品

比較早年的作品由於不夠完整,也由於年代久遠,檔案也不盡齊全就一併整理在一起

了解詳情
A6-拷貝-2.jpg

Flash Banner

有很長的一段時間,個人接案都以Flash Banner 的網路橫幅廣告為主,由於數量十分龐大,這裡選了一部分的作品呈現

了解詳情

home-03-1920x1028.png

個人著作

從小便對繪圖有著極濃厚的興趣、無奈一直無法就讀與美術設計類相關的科系。但於求學時接觸到了電腦繪圖,便與朋友成立了私有語言工作室,撰寫了幾本電腦繪圖類工具書。靠著無師自通,也累積了一些相當的心得,。靠著這三年多電腦工具書的製作經驗,使我對於插畫的繪製、影像處理、平面設計、排版、網頁設計與 Flash 動畫都有一定程度的自信。

尤其是現今面對不停推陳出新的 Prototype 工具,在摸索上更是有相當程度的幫助可以馬上快速上手。



2014712189418b.jpg

DREAMWEAVER 4

火力加強版 


了解詳情


2014712231988b.jpg

就醬子搞定CORELDRAW 10 


了解詳情


2013120041806b.jpg

Adobe Illustrator 9 

絕色維納斯


了解詳情


9867944224.jpg

QuarkXpress 4.1

中文版排版技法全蒐 


了解詳情