top of page
8_cover.jpg

07

學院風
網頁播放器

Dark Academia playlist

(description)

Keep calm and work on.

(Categories)


(Role)



(Team)

UIUX, Web,Tool

Idea, UI Design, Prototype

Individual work

保持冷靜,繼續工作。

本專案為設計網頁播放器的介面與功能 ,以古典學院風格的音樂播放為主,搭配蕃茄鐘的功能,讓使用者能一邊聽著音樂,一邊有在自習室專心的感受,協助提升工作效率與能量。

{Target}

風和日麗的下午,當你想播放音樂開始工作時,你是否有經歷光是挑選音樂就流失了許多時間呢?

別怕!最佳的工作夥伴來了。

 

本專案嘗試將蕃茄鐘與音樂播放功能結合,透過實際減少同時操作步驟,降低內在與外在的干擾,單純化且實用的網頁,將協助你提升工作效率,成為生產力超人。

專為以下族群—
知性文青設計的播放器Web

  • 習慣邊聽音樂邊工作

  • 喜好欣賞古典樂與歐洲文學

  • 對拖延症有經驗或是困擾的族群,願意嘗試一邊探索與調整新的作法以獲得更好的生產過程

{Function}

Dark Academia

選用古典學院風的音樂,讓人彷彿走入霍格華滋的圖書室一樣,透過沈穩柔和的音色幫助放鬆與專心

Pomodoro
Technique

蕃茄鐘是一種時間管理法, 透過定時工作與休息,協助使用者有效專注當前任務,提升效率及審視規劃

Plan

事前規劃好本次的目標與階段任務,再開始計時

Break

時間到後開始計時短休息,4輪
後進行長休息

Work

設定工作時間並開始計時,通常為25分鐘以上

Loop

重複前方步驟直到目標完成,並檢視當前規劃

{Design System}

(Typeface)

(Component)

(Color)

字體與元件設計上,標題等使用襯線或裝飾性較高的風格,而需要操作或閱讀時則使用辨識度較高的黑體與造型,試著在古典感與現代感中取得平衡。

用色以沈穩的棕色為主調,而由於整體美術風格色彩較深,元件及字體皆使用柔和的灰以利於辨識。

{Sitemap}

{Wireframe}

{Mockup}

(Desktop)

(iPad)

da_ipad_edited.png

(iPhone 11)

bottom of page