設計案例

APP
設計規劃

往下滑動查看所有案例

設計案例

APP
設計規劃

往下滑動查看所有案例

設計案例

APP
設計規劃

往下滑動查看所有案例

設計案例

APP
設計規劃

往下滑動查看所有案例

2015-2023

2015-2023

APP
作品目錄

APP
作品目錄

APP
作品目錄

APP 的使用行為很像網頁,但也不像網頁,很多地方可以共用,但也很多是只有手機才有的行為,在我過去的專案中,跨足了非常多不同的產業,也有得過紅點設計獎,在這裡您都能找到。

APP 的設計只有真正做過才知道該留意什麼地方,希望我過去 10 年參與了很多不同的 APP 設計經驗能給予最實質的協助。

APP 的使用行為很像網頁,但也不像網頁,很多地方可以共用,但也很多是只有手機才有的行為,在我過去的專案中,跨足了非常多不同的產業,也有得過紅點設計獎,在這裡您都能找到。

APP 的設計只有真正做過才知道該留意什麼地方,希望我過去 10 年參與了很多不同的 APP 設計經驗能給予最實質的協助。

Masa 按摩控制

Masa 按摩控制

Masa
按摩控制

2022 年接案執行,專案包含:UI/UX 規劃設計、畫面定位重塑、製作設計指引、多語系考量

2022 年接案執行,專案包含:UI/UX 規劃設計、畫面定位重塑、製作設計指引、多語系考量

masa 是一款方便的按摩椅椅墊,可以放在任何地方就能進行按摩,產品名字來自英文 massage 的詞源 massa,始於創辦人在觀察到家中長輩長期臥床的困擾後,決定開發一款人人都能負擔、輕便易用且能高度客製化的按摩器材,讓人們盡可能在任何時候、任何地方都能有效放鬆、恢復精力。

masa 是一款方便的按摩椅椅墊,可以放在任何地方就能進行按摩,產品名字來自英文 massage 的詞源 massa,始於創辦人在觀察到家中長輩長期臥床的困擾後,決定開發一款人人都能負擔、輕便易用且能高度客製化的按摩器材,讓人們盡可能在任何時候、任何地方都能有效放鬆、恢復精力。

這次的專案不需要重新設計品牌跟 Logo,但他們之前的畫面與目前品牌想要傳達的目標不符,並且也有許多的概念需要新版的設計能夠兼容,因此我們做了初期的概念嘗試,選定一個方向後,就接著做 APP 畫面跟流程設計,並給出了設計指引讓工程團隊能夠理解畫面如何構成,也讓團隊知道後續如何上稿,並在一個月左右完成了整個專案。

這次的專案不需要重新設計品牌跟 Logo,但他們之前的畫面與目前品牌想要傳達的目標不符,並且也有許多的概念需要新版的設計能夠兼容,因此我們做了初期的概念嘗試,選定一個方向後,就接著做 APP 畫面跟流程設計,並給出了設計指引讓工程團隊能夠理解畫面如何構成,也讓團隊知道後續如何上稿,並在一個月左右完成了整個專案。

提供了兩個概念版本

供客戶選擇

提供了兩個概念版本

供客戶選擇

提供了兩個概念版本

供客戶選擇

提供設計文件

給開發團隊

提供設計文件

給開發團隊

提供設計文件

給開發團隊

此專案完成以下項目

此專案完成以下項目

提案產品視覺定位概念

提案產品視覺定位概念

此案件 LOGO 不需要重做,只需要依照產品調性做探索,這次做了 2 個概念。

此案件 LOGO 不需要重做,只需要依照產品調性做探索,這次做了 2 個概念。

此案件 LOGO 不需要重做,只需要依照產品調性做探索,這次做了 2 個概念。

製作介面設計稿

製作介面設計稿

這次針對 iOS 跟 Android 做了將近 50 個畫面,並針對小畫面手機做特製。

這次針對 iOS 跟 Android 做了將近 50 個畫面,並針對小畫面手機做特製。

這次針對 iOS 跟 Android 做了將近 50 個畫面,並針對小畫面手機做特製。

製作設計系統指引

製作設計系統指引

在概念跟部分 UI 設計稿完成後,整理了一份擁有各種樣式,各種狀態的文件。

在概念跟部分 UI 設計稿完成後,整理了一份擁有各種樣式,各種狀態的文件。

在概念跟部分 UI 設計稿完成後,整理了一份擁有各種樣式,各種狀態的文件。

多語系考量

多語系考量

產品需要支援至少中文跟英文,也有其他語言,語言的編輯跟載入是用第三方語言工具,因此設計稿也有考量這部分。

產品需要支援至少中文跟英文,也有其他語言,語言的編輯跟載入是用第三方語言工具,因此設計稿也有考量這部分。

產品需要支援至少中文跟英文,也有其他語言,語言的編輯跟載入是用第三方語言工具,因此設計稿也有考量這部分。

交付設計稿給開發團隊

交付設計稿給開發團隊

在產品流程、UI 設計稿、設計系統指引完成後,經客戶確認無誤後驗收完成,並交付設計稿給開發團隊。

在產品流程、UI 設計稿、設計系統指引完成後,經客戶確認無誤後驗收完成,並交付設計稿給開發團隊。

在產品流程、UI 設計稿、設計系統指引完成後,經客戶確認無誤後驗收完成,並交付設計稿給開發團隊。

Yahoo 股市

Yahoo
股市

2022-2023 年全職執行,專案包含:UI/UX 規劃設計、定位品牌形象、畫面定位重塑、製作設計指引

2022-2023 年全職執行,專案包含:UI/UX 規劃設計、定位品牌形象、畫面定位重塑、製作設計指引

Yahoo 奇摩個人股票助理帶著走,讓您投資贏在起跑點。全球股市、台股即時報價、台股聊天室、ETF投資、匯率走勢、自選股新聞,Yahoo 奇摩股市 APP 是您的行動理財小幫手。

Yahoo 奇摩個人股票助理帶著走,讓您投資贏在起跑點。全球股市、台股即時報價、台股聊天室、ETF投資、匯率走勢、自選股新聞,Yahoo 奇摩股市 APP 是您的行動理財小幫手。

我在 2022 年加入 Yahoo 成為 Staff Designer,主要負責的專案為 Yahoo 股市,在台灣查看台股狀況的人,幾乎沒人不知道的財經媒體龍頭,在台已深耕超過 10 年以上,APP+Web 推出的眾多功能更是方便股市新手做不同的標的分析調查。

這次參與 Yahoo 這樣大公司的專案,面對著百萬瀏覽,讓我著實感覺到專案開發的流程制度也能同時擁有彈性與嚴謹,專業與創新,各種不同的想法在內部討論與並行,而這些都是在每次穩紮穩打的方式逐步進行,才能立於不敗之地。

我在 2022 年加入 Yahoo 成為 Staff Designer,主要負責的專案為 Yahoo 股市,在台灣查看台股狀況的人,幾乎沒人不知道的財經媒體龍頭,在台已深耕超過 10 年以上,APP+Web 推出的眾多功能更是方便股市新手做不同的標的分析調查。

這次參與 Yahoo 這樣大公司的專案,面對著百萬瀏覽,讓我著實感覺到專案開發的流程制度也能同時擁有彈性與嚴謹,專業與創新,各種不同的想法在內部討論與並行,而這些都是在每次穩紮穩打的方式逐步進行,才能立於不敗之地。

開發了多個股市功能

並規劃 VIP 服務

開發了多個股市功能

並規劃 VIP 服務

開發了多個股市功能

並規劃 VIP 服務

在內部提供不同概念

並進一步規劃

在內部提供不同概念

並進一步規劃

在內部提供不同概念

並進一步規劃

此專案完成以下項目

此專案完成以下項目

提案產品視覺定位概念

提案產品視覺定位概念

此案件 LOGO 不需要重做,只需要依照產品調性做探索,這次做了 2 個概念。

此案件 LOGO 不需要重做,只需要依照產品調性做探索,這次做了 2 個概念。

此案件 LOGO 不需要重做,只需要依照產品調性做探索,這次做了 2 個概念。

製作介面設計稿

製作介面設計稿

這次針對 iOS 跟 Android 做了將近 50 個畫面,並針對小畫面手機做特製。

這次針對 iOS 跟 Android 做了將近 50 個畫面,並針對小畫面手機做特製。

這次針對 iOS 跟 Android 做了將近 50 個畫面,並針對小畫面手機做特製。

製作設計系統指引

製作設計系統指引

在概念跟部分 UI 設計稿完成後,整理了一份擁有各種樣式,各種狀態的文件。

在概念跟部分 UI 設計稿完成後,整理了一份擁有各種樣式,各種狀態的文件。

在概念跟部分 UI 設計稿完成後,整理了一份擁有各種樣式,各種狀態的文件。

多語系考量

多語系考量

產品需要支援至少中文跟英文,也有其他語言,語言的編輯跟載入是用第三方語言工具,因此設計稿也有考量這部分。

產品需要支援至少中文跟英文,也有其他語言,語言的編輯跟載入是用第三方語言工具,因此設計稿也有考量這部分。

產品需要支援至少中文跟英文,也有其他語言,語言的編輯跟載入是用第三方語言工具,因此設計稿也有考量這部分。

交付設計稿給開發團隊

交付設計稿給開發團隊

在產品流程、UI 設計稿、設計系統指引完成後,經客戶確認無誤後驗收完成,並交付設計稿給開發團隊。

在產品流程、UI 設計稿、設計系統指引完成後,經客戶確認無誤後驗收完成,並交付設計稿給開發團隊。

在產品流程、UI 設計稿、設計系統指引完成後,經客戶確認無誤後驗收完成,並交付設計稿給開發團隊。

BitGin 交易所

BitGin
交易所

2022 年接案執行,專案包含:UI/UX 規劃設計、交付設計稿給開發團隊

2022 年接案執行,專案包含:UI/UX 規劃設計、交付設計稿給開發團隊

台灣本土虛擬貨幣交易所,致力讓用戶以新台幣購買最貼近匯率的泰達幣、比特幣、以太幣,由凱基銀行信託保障新台幣資金,安全又安心。

台灣本土虛擬貨幣交易所,致力讓用戶以新台幣購買最貼近匯率的泰達幣、比特幣、以太幣,由凱基銀行信託保障新台幣資金,安全又安心。

這次的主要目的是要從既有的 Web 功能規劃手機 APP,很多公司在產品的策略上不會第一步就做到將所有 Web 的功能搬到 APP 上,因為手機功能跟操作與在電腦上還是會有所差別,更別說像是區塊鏈比較艱深的技術與操作,但 BitGin 一開始的目標就是減少差異,讓 Web 的用戶也能在手機 APP 上得到一樣的待遇。

這次的主要目的是要從既有的 Web 功能規劃手機 APP,很多公司在產品的策略上不會第一步就做到將所有 Web 的功能搬到 APP 上,因為手機功能跟操作與在電腦上還是會有所差別,更別說像是區塊鏈比較艱深的技術與操作,但 BitGin 一開始的目標就是減少差異,讓 Web 的用戶也能在手機 APP 上得到一樣的待遇。

將網頁的大部分功能

搬移到 App 上

將網頁的大部分功能

搬移到 App 上

將網頁的大部分功能

搬移到 App 上

提供設計文件

給開發團隊

提供設計文件

給開發團隊

提供設計文件

給開發團隊

此專案完成以下項目

此專案完成以下項目

提案產品視覺定位概念

提案產品視覺定位概念

此案件 LOGO 不需要重做,只需要依照產品調性做探索,這次做了 2 個概念。

此案件 LOGO 不需要重做,只需要依照產品調性做探索,這次做了 2 個概念。

此案件 LOGO 不需要重做,只需要依照產品調性做探索,這次做了 2 個概念。

製作介面設計稿

製作介面設計稿

這次針對 iOS 跟 Android 做了將近 50 個畫面,並針對小畫面手機做特製。

這次針對 iOS 跟 Android 做了將近 50 個畫面,並針對小畫面手機做特製。

這次針對 iOS 跟 Android 做了將近 50 個畫面,並針對小畫面手機做特製。

製作設計系統指引

製作設計系統指引

在概念跟部分 UI 設計稿完成後,整理了一份擁有各種樣式,各種狀態的文件。

在概念跟部分 UI 設計稿完成後,整理了一份擁有各種樣式,各種狀態的文件。

在概念跟部分 UI 設計稿完成後,整理了一份擁有各種樣式,各種狀態的文件。

多語系考量

多語系考量

產品需要支援至少中文跟英文,也有其他語言,語言的編輯跟載入是用第三方語言工具,因此設計稿也有考量這部分。

產品需要支援至少中文跟英文,也有其他語言,語言的編輯跟載入是用第三方語言工具,因此設計稿也有考量這部分。

產品需要支援至少中文跟英文,也有其他語言,語言的編輯跟載入是用第三方語言工具,因此設計稿也有考量這部分。

交付設計稿給開發團隊

交付設計稿給開發團隊

在產品流程、UI 設計稿、設計系統指引完成後,經客戶確認無誤後驗收完成,並交付設計稿給開發團隊。

在產品流程、UI 設計稿、設計系統指引完成後,經客戶確認無誤後驗收完成,並交付設計稿給開發團隊。

在產品流程、UI 設計稿、設計系統指引完成後,經客戶確認無誤後驗收完成,並交付設計稿給開發團隊。

COBINHOOD
零手續費交易所

COBINHOOD
零手續費交易所

2017-2019 年全職執行,專案包含:UI/UX 規劃設計、製作設計指引、多語系考量、動畫製作、社群素材製作。

2017-2019 年全職執行,專案包含:UI/UX 規劃設計、製作設計指引、多語系考量、動畫製作、社群素材製作。

全世界第一個零交易手續費的加密貨幣交易所,募資了 45000 多顆以太幣,於 2017 年底上線,服務超過 50 萬使用者,規劃語系多達 18 種,甚至曾經服務北韓的使用者,也是全世界第一個得到德國紅點設計獎的交易所。

全世界第一個零交易手續費的加密貨幣交易所,募資了 45000 多顆以太幣,於 2017 年底上線,服務超過 50 萬使用者,規劃語系多達 18 種,甚至曾經服務北韓的使用者,也是全世界第一個得到德國紅點設計獎的交易所。

我於 2017 年 9 月以 Senior Designer 的身份全職加入,參與募資上線,交易所開發上線,並直到公司關閉,期間負責交易所所有視覺跟 UIUX 相關的設計,製作了將近 40 個以上動畫跟靜態的廣告或社群素材,30 個以上的活動,200 頁以上的 App 跟網頁設計,還有後台開發,參與了多語系規劃,提供設計文件給團隊,制定設計系統指引,並協助引入前期研究跟數據分析團隊幫助公司做產品定位。

我於 2017 年 9 月以 Senior Designer 的身份全職加入,參與募資上線,交易所開發上線,並直到公司關閉,期間負責交易所所有視覺跟 UIUX 相關的設計,製作了將近 40 個以上動畫跟靜態的廣告或社群素材,30 個以上的活動,200 頁以上的 App 跟網頁設計,還有後台開發,參與了多語系規劃,提供設計文件給團隊,制定設計系統指引,並協助引入前期研究跟數據分析團隊幫助公司做產品定位。

不輸給網頁的體驗

2018 年紅點設計得獎

不輸給網頁的體驗

2018 年紅點設計得獎

不輸給網頁的體驗

2018 年紅點設計得獎

提供設計文件

給開發團隊

提供設計文件

給開發團隊

提供設計文件

給開發團隊

此專案完成以下項目

此專案完成以下項目

提案產品視覺定位概念

提案產品視覺定位概念

此案件 LOGO 不需要重做,只需要依照產品調性做探索,這次做了 2 個概念。

此案件 LOGO 不需要重做,只需要依照產品調性做探索,這次做了 2 個概念。

此案件 LOGO 不需要重做,只需要依照產品調性做探索,這次做了 2 個概念。

製作介面設計稿

製作介面設計稿

這次針對 iOS 跟 Android 做了將近 50 個畫面,並針對小畫面手機做特製。

這次針對 iOS 跟 Android 做了將近 50 個畫面,並針對小畫面手機做特製。

這次針對 iOS 跟 Android 做了將近 50 個畫面,並針對小畫面手機做特製。

製作設計系統指引

製作設計系統指引

在概念跟部分 UI 設計稿完成後,整理了一份擁有各種樣式,各種狀態的文件。

在概念跟部分 UI 設計稿完成後,整理了一份擁有各種樣式,各種狀態的文件。

在概念跟部分 UI 設計稿完成後,整理了一份擁有各種樣式,各種狀態的文件。

多語系考量

多語系考量

產品需要支援至少中文跟英文,也有其他語言,語言的編輯跟載入是用第三方語言工具,因此設計稿也有考量這部分。

產品需要支援至少中文跟英文,也有其他語言,語言的編輯跟載入是用第三方語言工具,因此設計稿也有考量這部分。

產品需要支援至少中文跟英文,也有其他語言,語言的編輯跟載入是用第三方語言工具,因此設計稿也有考量這部分。

交付設計稿給開發團隊

交付設計稿給開發團隊

在產品流程、UI 設計稿、設計系統指引完成後,經客戶確認無誤後驗收完成,並交付設計稿給開發團隊。

在產品流程、UI 設計稿、設計系統指引完成後,經客戶確認無誤後驗收完成,並交付設計稿給開發團隊。

在產品流程、UI 設計稿、設計系統指引完成後,經客戶確認無誤後驗收完成,並交付設計稿給開發團隊。

iSunTV 影音串流

iSunTV
影音串流

2016-2017 年全職執行,專案包含:UI/UX 規劃設計、製作設計指引

2016-2017 年全職執行,專案包含:UI/UX 規劃設計、製作設計指引

陽光衛視創立於2000年,是獨具公信力和影響力的24小時中文衛星電視頻道,以深度紀錄片聞名,堅持以影像修史,以視聽傳播文化,以媒介肩挑社會責任,為公民討論、學者思想提供開放空間和獨立平台,邁向「真歷史•新財經•深新聞」。

陽光衛視創立於2000年,是獨具公信力和影響力的24小時中文衛星電視頻道,以深度紀錄片聞名,堅持以影像修史,以視聽傳播文化,以媒介肩挑社會責任,為公民討論、學者思想提供開放空間和獨立平台,邁向「真歷史•新財經•深新聞」。

2016 年 6 月時,我以 Senior Designer 的身份全職加入,參與iSun 集團各種上線,開發各種裝置與平台,期間負責集團所有視覺跟 UIUX 相關的設計,製作了將近 200 頁以上的 App 跟網頁設計,還有後台開發,參與了多語系規劃,提供設計文件給團隊。

2016 年 6 月時,我以 Senior Designer 的身份全職加入,參與iSun 集團各種上線,開發各種裝置與平台,期間負責集團所有視覺跟 UIUX 相關的設計,製作了將近 200 頁以上的 App 跟網頁設計,還有後台開發,參與了多語系規劃,提供設計文件給團隊。

將網頁的大部分功能

搬移到 App 上

將網頁的大部分功能

搬移到 App 上

將網頁的大部分功能

搬移到 App 上

提供設計文件

給開發團隊

提供設計文件

給開發團隊

提供設計文件

給開發團隊

此專案完成以下項目

此專案完成以下項目

提案產品視覺定位概念

提案產品視覺定位概念

此案件 LOGO 不需要重做,只需要依照產品調性做探索,這次做了 2 個概念。

此案件 LOGO 不需要重做,只需要依照產品調性做探索,這次做了 2 個概念。

此案件 LOGO 不需要重做,只需要依照產品調性做探索,這次做了 2 個概念。

製作介面設計稿

製作介面設計稿

這次針對 iOS 跟 Android 做了將近 50 個畫面,並針對小畫面手機做特製。

這次針對 iOS 跟 Android 做了將近 50 個畫面,並針對小畫面手機做特製。

這次針對 iOS 跟 Android 做了將近 50 個畫面,並針對小畫面手機做特製。

製作設計系統指引

製作設計系統指引

在概念跟部分 UI 設計稿完成後,整理了一份擁有各種樣式,各種狀態的文件。

在概念跟部分 UI 設計稿完成後,整理了一份擁有各種樣式,各種狀態的文件。

在概念跟部分 UI 設計稿完成後,整理了一份擁有各種樣式,各種狀態的文件。

多語系考量

多語系考量

產品需要支援至少中文跟英文,也有其他語言,語言的編輯跟載入是用第三方語言工具,因此設計稿也有考量這部分。

產品需要支援至少中文跟英文,也有其他語言,語言的編輯跟載入是用第三方語言工具,因此設計稿也有考量這部分。

產品需要支援至少中文跟英文,也有其他語言,語言的編輯跟載入是用第三方語言工具,因此設計稿也有考量這部分。

交付設計稿給開發團隊

交付設計稿給開發團隊

在產品流程、UI 設計稿、設計系統指引完成後,經客戶確認無誤後驗收完成,並交付設計稿給開發團隊。

在產品流程、UI 設計稿、設計系統指引完成後,經客戶確認無誤後驗收完成,並交付設計稿給開發團隊。

在產品流程、UI 設計稿、設計系統指引完成後,經客戶確認無誤後驗收完成,並交付設計稿給開發團隊。

Allears 音樂交友

Allears
音樂交友

2021-2023 年接案執行,專案包含:UI/UX 規劃設計、製作設計指引

2021-2023 年接案執行,專案包含:UI/UX 規劃設計、製作設計指引

Allears 提供音樂愛好者有一個交流的平台,在上面,你可以找到與你品味相同的人,能夠一起分享音樂,一起聊天,一起參加活動,並能分享自己的歌單與心情。

Allears 提供音樂愛好者有一個交流的平台,在上面,你可以找到與你品味相同的人,能夠一起分享音樂,一起聊天,一起參加活動,並能分享自己的歌單與心情。

在這個專案上,我一開始先為這個專案定義品牌跟形象地位,提供了 2 個概念方向,並且設計了一個 APP Icon,選擇一個方向後,再依照該方向延伸到各個畫面,同時整理設計系統指引,並將各個畫面提供設計稿給前端工程師進行開發,專案直到現在仍在進行中,很快地將會上線與使用者分享。

在這個專案上,我一開始先為這個專案定義品牌跟形象地位,提供了 2 個概念方向,並且設計了一個 APP Icon,選擇一個方向後,再依照該方向延伸到各個畫面,同時整理設計系統指引,並將各個畫面提供設計稿給前端工程師進行開發,專案直到現在仍在進行中,很快地將會上線與使用者分享。

有著很多關於音樂

社群相關的功能

有著很多關於音樂

社群相關的功能

有著很多關於音樂

社群相關的功能

提供設計文件

給開發團隊

提供設計文件

給開發團隊

提供設計文件

給開發團隊

此專案完成以下項目

此專案完成以下項目

提案產品視覺定位概念

提案產品視覺定位概念

提供了 2 個產品視覺定位概念,並提供了 1 個 App Icon。

提供了 2 個產品視覺定位概念,並提供了 1 個 App Icon。

提供了 2 個產品視覺定位概念,並提供了 1 個 App Icon。

製作介面設計稿

製作介面設計稿

這次針對 iOS 跟 Android 做了將近 50 個畫面,並針對小畫面手機做特製。

這次針對 iOS 跟 Android 做了將近 50 個畫面,並針對小畫面手機做特製。

這次針對 iOS 跟 Android 做了將近 50 個畫面,並針對小畫面手機做特製。

製作設計系統指引

製作設計系統指引

在概念跟部分 UI 設計稿完成後,整理了一份擁有各種樣式,各種狀態的文件。

在概念跟部分 UI 設計稿完成後,整理了一份擁有各種樣式,各種狀態的文件。

在概念跟部分 UI 設計稿完成後,整理了一份擁有各種樣式,各種狀態的文件。

多語系考量

多語系考量

產品需要支援至少中文跟英文,也有其他語言,語言的編輯跟載入是用第三方語言工具,因此設計稿也有考量這部分。

產品需要支援至少中文跟英文,也有其他語言,語言的編輯跟載入是用第三方語言工具,因此設計稿也有考量這部分。

產品需要支援至少中文跟英文,也有其他語言,語言的編輯跟載入是用第三方語言工具,因此設計稿也有考量這部分。

交付設計稿給開發團隊

交付設計稿給開發團隊

在產品流程、UI 設計稿、設計系統指引完成後,經客戶確認無誤後驗收完成,並交付設計稿給開發團隊。

在產品流程、UI 設計稿、設計系統指引完成後,經客戶確認無誤後驗收完成,並交付設計稿給開發團隊。

在產品流程、UI 設計稿、設計系統指引完成後,經客戶確認無誤後驗收完成,並交付設計稿給開發團隊。

KidWatch 兒童手錶

KidWatch
兒童手錶

2015 年全職執行,專案包含:UI/UX 規劃設計、製作設計文件、製作互動動畫。

2015 年全職執行,專案包含:UI/UX 規劃設計、製作設計文件、製作互動動畫。

專為兒童設計的佩戴式智慧裝置,提供兒童提醒、通訊、定位、天氣、還有個人小幫手,讓兒童在不用智慧型手機的同時,也能擁有智慧型的協助,也替家長提供安全跟穩定的作用。

專為兒童設計的佩戴式智慧裝置,提供兒童提醒、通訊、定位、天氣、還有個人小幫手,讓兒童在不用智慧型手機的同時,也能擁有智慧型的協助,也替家長提供安全跟穩定的作用。

在這個專案上,由於是將 Android 系統做修改並放在智慧型手錶裝置上,因此畫面相當的小,在寸土寸金的畫面上規劃功能,初期與北京的開發公司一起定位風格,接著依照方向製作畫面與互動動畫,同時整理設計系統指引,並將各個畫面提供設計稿給前端工程師進行開發,專案在一年的開發後上線。

在這個專案上,由於是將 Android 系統做修改並放在智慧型手錶裝置上,因此畫面相當的小,在寸土寸金的畫面上規劃功能,初期與北京的開發公司一起定位風格,接著依照方向製作畫面與互動動畫,同時整理設計系統指引,並將各個畫面提供設計稿給前端工程師進行開發,專案在一年的開發後上線。

此專案完成以下項目

此專案完成以下項目

製作介面設計稿

製作介面設計稿

這次針對 iOS 跟 Android 做了將近 50 個畫面,並針對小畫面手機做特製。

這次針對 iOS 跟 Android 做了將近 50 個畫面,並針對小畫面手機做特製。

這次針對 iOS 跟 Android 做了將近 50 個畫面,並針對小畫面手機做特製。

製作設計系統指引

製作設計系統指引

在概念跟部分 UI 設計稿完成後,整理了一份擁有各種樣式,各種狀態的文件。

在概念跟部分 UI 設計稿完成後,整理了一份擁有各種樣式,各種狀態的文件。

在概念跟部分 UI 設計稿完成後,整理了一份擁有各種樣式,各種狀態的文件。

動畫製作

由於畫面很小,產品很需要互動動畫引導使用者,因此在這個專案上製作了將近 70 個動畫還有文件指引。

由於畫面很小,產品很需要互動動畫引導使用者,因此在這個專案上製作了將近 70 個動畫還有文件指引。

由於畫面很小,產品很需要互動動畫引導使用者,因此在這個專案上製作了將近 70 個動畫還有文件指引。

交付設計稿給開發團隊

交付設計稿給開發團隊

在產品流程、UI 設計稿、設計系統指引完成後,經客戶確認無誤後驗收完成,並交付設計稿給開發團隊。

在產品流程、UI 設計稿、設計系統指引完成後,經客戶確認無誤後驗收完成,並交付設計稿給開發團隊。

在產品流程、UI 設計稿、設計系統指引完成後,經客戶確認無誤後驗收完成,並交付設計稿給開發團隊。

Ted.D

© 2023 Ted.D