越來越多的人開始關(guān)注自己的健康問題，前幾年也是一大波的健康類app涌現(xiàn)出來，其中包括了健身、卡路里計算、食物日記、活動提醒等等。這些應(yīng)用對很多來說還是非常有用的，可以幫助他們鍛煉出完美身材，同時也能保持身體健康。

今天，25學(xué)堂跟大家分享一款睡眠app的設(shè)計方案，由tubikstudio設(shè)計，應(yīng)用名叫：Slumber。

設(shè)計過程：

Slumber睡眠app是為那些有睡眠障礙或者過渡緊張的人群設(shè)計的，包括了故事和沉思兩個主要功能，睡眠的軌跡可以讓用戶整晚都能放松并睡得安穩(wěn)。APP界面設(shè)計的主要任務(wù)有：

1，清晰直觀的導(dǎo)航。睡眠APP的功能主要是讓用戶放松，而不是花很多的時間從一個屏幕瀏覽到另外一個屏幕。

2，視覺設(shè)計的圖形能夠匹配展現(xiàn)的氛圍。

3，可讀性和引人入勝的動效，支持簡單的互動。

一、主屏設(shè)計

主屏幕的顏色和背景色應(yīng)根據(jù)APP的具體功能來選擇。因為這款app是為睡眠用戶設(shè)計的，所以背景色選擇深色，給人夜晚的氛圍，晚上看這樣的屏幕也會顯得柔和。畫風(fēng)加入了插畫，看起來更沉穩(wěn)和時尚。

主屏幕包含新的故事情節(jié)和流行的播放列表。標(biāo)簽欄只展示APP的三個核心功能：主頁，資料庫和用戶中心。由于該應(yīng)用程序的目標(biāo)受眾人群非常廣泛，從普通老百姓到高管，因此設(shè)計師在導(dǎo)航圖標(biāo)下標(biāo)示出文字說明，以便所有人都能理解。

主屏幕上另一個吸引眼球的設(shè)計是一個插圖設(shè)計，下拉加載內(nèi)容時有動畫效果，使等待的過程不會乏味。

二、睡眠資料庫

APP的資料庫提供了大量可供選擇的放松專輯。為了讓用戶能夠快速瀏覽列表并識別每個專輯的內(nèi)容，每個專輯都用了精心挑選的圖片。

簡單而清晰篩選系統(tǒng)允許用戶選擇最舒適的設(shè)置和聲音組合，讓冥想和睡眠體驗更完美。在設(shè)置過程中，背景一直存在不會消失。

不是特別明顯的過渡動畫為界面增添了時尚和自然的外觀。選??擇了高可讀性和清晰的印刷層次結(jié)構(gòu)的字體，以便用戶可以在短時間內(nèi)掃描屏幕找到信息。

睡眠資料庫中使用的圖片都是高清具有美感的圖片，創(chuàng)造出優(yōu)雅的視覺，每張圖片都能匹配用戶看到的和聽到的內(nèi)容。

三、用戶中心

用戶中心除了展示了所有的正常的關(guān)鍵信息，還可以設(shè)置睡前提醒，匹配耳機。還展示了高級付費頁面。

這個睡眠app的設(shè)計方案項目，需要在明確的使用功能場景與時尚的視覺效果中找到一個平衡。

如果您對健康類的APP設(shè)計感興趣，不妨下載這個設(shè)計模板-Keira iOS UI?練練手。