百度智能小程序-減減鴨
- 威海百度搜索資源平臺 威海百度智能小程序運營
- 1202
“減減鴨”是一款為用戶分析壓力情況，并幫助用戶調節心情、減輕壓力的工具類小程序。它運用小程序組件和小程序設計原則，創造了輕松愉悅且易于理解的體驗風格。
本文將從信息架構、閱讀體驗、色彩系統、LOGO 設計、動效設計 5 個層面介紹這款智能小程序的設計過程。
信息架構
作為輕量型工具應用，減減鴨功能簡潔、結構扁平，因此選用 1 字型的信息架構，將三個功能的入口排布在首?首屏，用戶可通過最短路徑快速觸達內容；在用戶進入功能并結束使用流程后，減減鴨界面提供直返首頁、以及進入其他功能的快捷通道，形成路徑閉環。
1. 1字形架構 1. 減減鴨首頁
1. 首頁 1. 功能模塊
閱讀體驗
首頁布局
減減鴨首頁沒有延用移動端產品首頁傳統的“banner大圖& 功能列表”模式，采用了更新穎的布局方式：
突出主體：使用插畫風格頭圖與同色背景，增強背景區域整體感，讓用戶視線聚焦在前層的主體內容上；
明確層次：壓力指數測試功能入口使用強化按鈕展示（1）。按鈕嵌入在插畫頭圖中，高明度的配色使按鈕與背景對比鮮明，層次清晰；
充分傳達：手速減壓與放松練習兩創新功能入口，使用面積較大的卡片展示（2），以承載功能介紹文案及配圖。
功能模塊布局
減減鴨頁面內容層次清晰，從面積、色彩對比度等方面突出用戶需關注的功能操作區，并在部分頁面加以動效指引，用戶無需探索，上手即用。
此外，減減鴨各功能模塊內頁面布局橫向保持了較高一致性：操作區面積比例接近，且全部集中在頁面中下部。良好的一致性使用戶便于操作，且降低了學習成本。
1. 壓力指數測試 2. 手速減壓 3. 放松練習
組件運用
減減鴨應用了多個小程序組件，并根據功能場景進行了定制，本節以音頻播放器為例講解。
放松練習功能中使用了小程序音頻播放器組件，用于放松指導語的播放。為契合放松減壓的應用場景，播放器隱藏了常見的容器形態，與插畫背景融為一體，僅保留了播放控制按鈕，最大程度地營造場景沉浸感。
小程序音頻播放器支持鎖屏播放，用戶可以在放松的狀態中聆聽放松指導語直至結束，不必擔心設備鎖屏中斷進程。
1. 音頻播放狀態 2. 音頻暫停狀態
色彩系統
配色風格
減減鴨采用舒緩鎮定的文藝清新色彩搭配，希望傳遞給用戶溫暖、包容、安逸的感受；輔助色選用了一定飽和度、明度范圍內的草綠色與橙黃色。
框架使用
小程序提供黑色、白色兩種頂部導航。減減鴨小程序不同頁面中，根據界面配色選取了不同的導航，以確保導航顯示清晰合理。
1. 黑色導航 2. 白色導航
LOGO 設計
減減鴨小程序 LOGO 設計從以下幾個角度出發：
表意清晰：用基礎的心形，傳遞釋放心理壓力的含義；
風格統一：綠色和黃色，與頁面色彩風格呼應；
創意亮點：提取減“壓”的諧音減“鴨”，加深用戶記憶力。
情感化的動效設計
作為壓力管理應用，減減鴨將情感化設計的宗旨貫穿始終，希望通過細節之處的創意幫助用戶舒緩壓力、迎來好心情。
擬態漣漪的點擊動效
手速減壓功能的核心，是希望用戶通過快速點擊屏幕釋放壓力，因此會累計用戶點擊屏幕次數，并顯示數值。但是如果用戶點擊屏幕后，數值直接變化，而沒有其他的反饋，會顯得枯燥乏味，缺乏吸引力。
經過聯想設計，減減鴨的點擊操作配合了漣漪狀的反饋，用戶按壓屏幕時，頁面會跟隨手勢出發點擴散出陣陣漣漪，就像在大自然中輕觸水面，看著層層水波泛起，心中的煩悶也被排解開來。
擬態水波的播放動效
放松練習功能中音頻播放時，背景會緩緩浮現規律的水波動效，節奏與人的呼吸相近。用戶在聆聽放松指導音頻時，可以讓自己的情緒隨著水波，在一呼一吸中慢慢得到舒緩。
溫馨提示：如果你的瀏覽器無法正常播放，請嘗試 Chrome 瀏覽器。
總結
以上是智能小程序“減減鴨”的設計思考，更多細節設計可使用百度 App 掃描下圖二維碼進行體驗。
評價本篇文檔
來源：百度智能小程序
