劉家驤

持續精進自我的自學者

  Taipei City, Taiwan

嗨,我是家驤,

喜歡任何充滿美感的事物,就學期間透過自學PS、AI,並幫助系上產出近百張的文宣海報。
在二技實務專題上了解到UI / UX的重要,於是參加校內相關研習,開始喜歡與UI / UX的一切,期許自己能結合設計思維以及程式設計解決社會痛點,並設計出人性化的網站及App介面。

[email protected]

       

自傳

【關於我 | 劉家驤】

    我是家驤,對於UI / UX設計及前端網頁有極大的興趣,大學期間透過學校專題、研習營,培養對該領域一定的基礎,雖然實習經歷了一段時間的自我摸索過程,但也讓我更清楚自己的目標。喜歡到各地旅行走走,紀錄並發現當地的美,為自己增添一點設計靈感,這興趣也因此造就了我二技專題的誕生。


【學校啟蒙 | 資訊實務專題】

    專題主題在組員們的討論下,靈感來源自旅行紀錄生活,撰寫出一支打工換宿媒合平台的App,包括其商業模式、尋找民宿合作、如何推廣當地觀光等企劃。

    而我在團隊中主要擔任介面設計和前端程式,介面方面以Photoshop和Illustrator來設計並遵循著Android Guideline,在過程中不斷地討論、調整、修改、優化,最後在評鑑發表時拿下優異的成績,從中獲得到的成就感轉變為我後續進入職場的動力,並開始積極閱覽UI / UX相關的資訊。


【工作啟發 | 視覺平面設計】

    這是我大學第一份工作,在系上設計研習課程的宣傳海報任職2年。

我主要的工作內容如下:

    根據活動設計整套宣傳海報、流程圖、報到台、指示牌、識別證、抽獎券。

    網頁Banner設計

    平面文宣設計、排版

    影像圖片修圖編輯等作業

    透過選修課程老師的推薦得到的工作,讓我對這份工作更加有歸屬感,在工作期間,活用課堂所教、自身所學的經驗,累積出一張張作品,過程中也與系上助教和教授溝通商討每個細節,讓我培養出對客戶的溝通技巧以及對待人事物的耐心,了解到自己在做的是「設計師」而非「藝術家」,才能夠在作品接受別人的批評時去轉念調適,深刻體悟到要把作品當成自己的孩子,但不要把作品當成自己的自尊。


【實習啟蒙 | 軟體測試工程】

    大四時透過影音平台的渲染之下,對於科技產品產生了一些情愫,也透過空堂的時間找到了一份校外實習的工作,在位於南軟園區的百佳泰股份有限公司任職測試工程師1年。

    在測試的過程之中,了解到測試與UX之間的關係密不可分,使用者經驗與使用性的優化不但可以提升公司及產品之品質,另外,其帶來的附加效益為:

    提高產能

    縮減產品開發時程及成本

    降低維護費用

    提升客戶滿意度

    增加業務收入

    實習期間分擔了部門一半以上的工作量,且能夠獨自支援與客戶的接洽,協助客戶了解測試產品的問題點,對於這樣的獨立作業性,因此受到主管們多次的讚賞,但讓我最開心的是測試能夠在產品上市以前解決掉更多使用者可能會面臨的問題,讓產品能以最佳的姿態嶄露於世人面前。


【自學 | 持續精進】

    在過去的課程和實習,都讓我理解到生活中還有許多與UI / UX有關的議題要解決,要求自己要不斷的精進,因此透過社群平台以及影音來自學Adobe XD,了解了iOS Guideline,並不斷透過IG、FB等設計人社群來補充新知,完成後續的Redesign作品。

    未來我會將所學運用在工作之中,並繼續學習網頁前端及相關的程式設計,把自己的視野放得更廣,對於技術層面有更高的理解,讓設計師與工程師之間溝通無阻,期許自己能夠做出能夠有效幫助到使用者的設計。


專長


專業技能



   Illustrator 

   Photoshop

   Adobe XD 

UI Designing


自學Adobe XD並熟悉WireFrame、Prototype、Mockup等相關設計改善產品使用者體驗 ,對於Figma及Sketch等UI設計軟體能迅速上手。


與團隊其他成員合作,擁有程式基礎背景對於設計絕非天馬行空,能夠針對功能性做出最佳的設計,並能交付設計圖稿給工程師進行產品開發。   


UX Designing


理解重要設計規範如Google Material Design, iOS Guideline等。 


了解人物誌與易用性測試以了解使用者需求,並達到商業目的。

UI/UX 作品集

Hive - 打工換宿App

Hive - 打工換宿App

在臺灣想找到打工換宿的管道,大多透過FB社團的貼文,如何有效將這些訊息轉化為方便使用者瀏覽的資訊,便是我們設計Hive的主要理念。

  • 研究客群主要落於18-25歲之間
  • 白色簡約的美式風格
  • 圖片與資訊之間能夠有呼吸與獨立的空間
  • 遵循iOS Guideline設計

點我看詳細

北商資管 - 系網Redesign

北商資管 - 系網Redesign

北商各系是有自己的系色,然而資管系網遺漏了這點,且於年底要舉辦系慶50周年,卻沒有任何的宣傳資訊,因而重新審視現有的系網,發現以下幾點問題:

  • 系網主題不明確
  • 沒有呈現重大活動的版面
  • 功能清單分類太多元無法快速找到連結
  • 佈告欄僅有純文字較不吸引人點閱

點我看詳細

北商資管 - 系網Redesign

浪Live直播 - Dark Mode 練習

考量到使用者在直播平台上的時間不只會在白天,在夜間時也會需要沉浸式的用戶體驗,所有的UI換成深色時,用戶可以更加聚焦頁面內容本身,可以帶來沉浸式的體驗。

  • 提供深色/淺色兩種UI介面
  • 根據浪Live的CI重新設計按鈕顏色

點我看詳細

系上海報設計

資管 / 系友回娘家


設計理念:由於活動時間接近聖誕節,決定善用這浪漫氛圍,因而將本次活動以聖誕節為活動主題來吸引師生。


色彩計畫:以黑色神秘、金色奢華、白色純潔、銀色高貴四種色彩相互搭配,呈現極致奢華的視覺感受。

工作經歷



視覺平面設計/國立臺北商業大學

六月 2017 - 六月 2019

根據系上需求設計符合學生和師長閱覽的海報及相關平面周邊,例如:
1. 校內聯合登山活動設計其宣傳海報、活動流程圖、報到台、登山指示牌、識別證、抽獎券等,該次活動吸引本校約600多位師生參加。

2. 系上各式研習課程以及資訊競賽等相關宣傳海報約莫100多張。

3. 系友會舉辦回娘家活動依據在校生及畢業校友區分兩種不同風格的報到台、抽獎券、相關網站banner等平面設計。

軟體測試實習/Allion百佳泰股份有限公司

二月 2019 - 二月 2020

  • Thunderbolts、USB相關認證測試
  • 與客戶面對面對產品Debug
  • 協助客戶了解產品其相關問題
  • 產出報表回報廠商

學歷


國立臺北商業大學 資訊管理系(二技)

2017/9 - 2019/6

  • 二技專題實務開發打工換宿平台app , 一家順順
  • 透過Android Studio撰寫,主要擔任UI設計及部分前端程式撰寫
  • 期間透過研習營及網路資源了解Android Guideline完成整體流程設計
  • 專題評鑑時拿下第二名的成績


國立臺北商業技術學院 資訊管理科(五專)

2012/9 - 2017/6

  • 五專專題實務開發線上心理諮商平台 , Echo
  • 透過Android Studio撰寫,主要設計UI、海報、簡報
  • 專題評鑑時拿下第五名的成績
  • 擔任資管科學會活動長 - 系上活動企劃撰寫,主辦過迎新、科遊、晚會、送舊