構思與設計 | 一款聲音處理APP

靈感來源

這一想法來源於一次視頻製作作業,將自己的聲音直接應用於視頻的背景音,很多同學難免會覺得難爲情。由於沒有接受過訓練,配出來的音也顯得十分奇怪。與爛大街的傻瓜式圖像處理軟件不同的是,現有的聲音處理軟件,不是操作過於複雜便是隻提供搞笑的變聲功能。而更多時候於是便萌生了設計一款簡單好用的聲音處理軟件的想法。

目標用戶

以年輕人爲主,女性用戶佔有很大的比例。

主題色的選取及設計風格的選定

基於年輕人爲主的用戶羣體,APP的總體風格也應具有年輕化的特徵。淡紫色的背景色、扁平化的圖標設計,使產品展現一種簡約時尚的氣息。也可考慮添加動效交互,增加趣味性和美感。(由於製作存在一定的技術難度,此文章中並未進行展示)

界面設計

聲音文件的獲取主要通過應用內錄製,爲方便用戶操作,也提供通過iCloud,設備文件等其他的途徑打開文件。(此處原本設計了一個圖標作爲按鈕,但因爲其表意存在差異,容易使人誤會,又沒有找到合適的圖標替代,便直接採用的方形按鈕)

輕觸麥克風進行聲音錄製,通過背景中的半透明白色矩形條來實時展現錄製聲音大小的變化。而話筒圖標內的波浪狀動效則可反映聲音音調的變化。

當用戶輕觸停止按鈕停止聲音錄製後,通過輕觸“下一步”按鈕即可進入接下來的聲音處理步驟。如果用戶對自己目前的錄製並不滿意,也可以再次輕觸話筒圖標,重新進行錄製。


聲音處理分爲裁剪和添加濾鏡兩個部分。通過按鈕的背景色及字體顏色來區分現階段處於何種功能。

考慮到用戶在實際操作過程中可能出現的錄製失誤及部分錄音爲空白的狀況,APP爲用戶提供了裁剪功能。

濾鏡爲該APP的核心功能,進入聲音處理模塊後默認展示的界面便是“濾鏡”。由於對聲音處理及製作方面的知缺乏瞭解,在此沒有去設想各種濾鏡的名字及其效果,僅使用一些網絡上的免費圖標進行替代。

操作完成後,可選擇保存到手機或通過網絡進行分享。

總結與反思

這是本人的第一個UI設計作品,由於本人並非設計相關專業,也未曾學過美術等相關課程,從設計風格到圖標的繪製都難免顯得簡陋。在界面佈局及交互方面,更多地按照了個人主觀想法進行考慮,一些細節的呈現上也存在不足。這一切,有待於日後的學習和提高。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章