【解讀】 Material Design--Sound 概覽

聲音在 App 中,特別是故事性的 App莱找,需要傳達(dá)個性或者氛圍營造的 App 中顯得尤為重要。關(guān)于聲音在 App 設(shè)計中的一些注意點,Material Design 給出了一些指導(dǎo)发绢。

sound convey product’s aesthetic, emotion, and personality

聲音傳遞產(chǎn)品的審美,情感和個性

UI 聲音的準(zhǔn)則

  • 信息性垄琐,聲音應(yīng)該直接边酒、有功能性并且好理解
  • 誠實,表達(dá)產(chǎn)品的品牌識別度
  • 必要性狸窘,只在必要的時候用聲音

聲音類型

在 UI 設(shè)計中甚纲,聲音有三種類型,音效朦前、音樂和人聲
聲音可以表達(dá)情感鹃操,教育用戶如何去做交互等韭寸。

聲音元素可用在 App 的這些方面:

  • 關(guān)聯(lián)聲音和 UI 元素
  • 表達(dá)個性,這個有點子飄渺(主要是UI 風(fēng)格的表達(dá))
  • 提供反饋荆隘,例如成功恩伺、狀態(tài)變化

音樂主要用于在 UI 中表達(dá)情緒、情感椰拒,當(dāng)和圖像動畫等結(jié)合起來晶渠,可以提升產(chǎn)品的總體敘事和感覺。
音樂元素在 UI 中可用于情感共鳴(emotionally resonate contexts )的環(huán)節(jié)燃观,表現(xiàn)應(yīng)用內(nèi)的高光時刻褒脯,雰圍的渲染等等。

什么時候不使用聲音

  • 要求私密性的 App
  • 免打擾的時段
  • 經(jīng)常使用的操作缆毁,不集成聲音

在 UI 中應(yīng)用聲音

Hero sounds 用在少數(shù)的高光時刻番川,表示慶祝
Primary sound 用在頻繁操作的時候,表達(dá)操作反饋脊框,通常用系統(tǒng)的反饋聲音
Secondary sound 用在更少的場景下颁督,表示刷新、狀態(tài)變化等浇雹。
Ambient sounds 用于氛圍的渲染沉御,例如開場畫面、奠定故事的情感基調(diào)

聲音屬性

聲音有許多可測量的特征昭灵,表現(xiàn)這些特征的技術(shù)稱為聲音可視化吠裆。 在圖形上伐谈,x軸描繪一個特征(例如時間),y軸描繪另一個特征(例如幅度)硫痰。 在某些情況下衩婚,僅使用單個軸繪制特性圖。

跟隨時間效斑,聲音振幅的大小 Amplitude = f(t)

簡單地講非春,聲音可以被描述為一個關(guān)于時間的函數(shù) f(t)(描述跟隨時間,聲音振幅大小缓屠、形狀的變化)奇昙,或者關(guān)于頻率的函數(shù)。

某一個時間點敌完,一幀音頻數(shù)據(jù)中不同頻段上的聲音振幅 Amplitude = f(freq)

音高(pitch)一定程度體現(xiàn)了聲音的情緒储耐,實際上是每一幀聲音中的頻率分布數(shù)據(jù)
音量或者振幅(amplitude),表明聲音的振幅能量大小滨溉,用分貝(db)去描述
音色(timbre)體現(xiàn)聲音的個性和品質(zhì)什湘,這是一個更加綜合的概念,是清脆的晦攒,還是磁性的闽撤。音色還是可以通過更加量化的屬性去描述,例如音高脯颜、音調(diào)哟旗、Decay 等等。

音色有個重要指標(biāo)是亮度栋操,指的是高頻聲音的比例闸餐,例如針對重要通知或者成功消息,應(yīng)該用高亮的音效矾芙,而在操作頻率高的場景舍沙,更應(yīng)該采用低沉的系統(tǒng)反饋音。

音調(diào) (Tonality)

  • 音高從低到高的音效剔宪,一般表達(dá)開啟狀態(tài)
  • 音高從高到低的音效场勤,一般表示關(guān)閉或者結(jié)束某狀態(tài)
    tonal sound: 有音調(diào),調(diào)性變化的聲音 Tonaliy = f(t)
    atonal sound: 是無調(diào)的聲音

聲音可以使用音調(diào)或非音調(diào)元素進(jìn)行設(shè)計歼跟,有時聲音會同時包含兩者和媳。 音調(diào)最能傳達(dá)人格,情感和狀態(tài)變化哈街,而無調(diào)音則更好地支持動效過渡并表達(dá)觸覺反饋留瞳。

Envelope是一段聲音的綜合描述
指的是一段聲音振幅在時間窗口內(nèi)的變化 A = f(t)
有一些指標(biāo):
Attack 描述聲音隨時間的變化程度。柔和的波形適合做氛圍渲染 (左圖)骚秦,更銳利的波形則顯得更加有能量和活潑 (右圖)

image.png

Decay她倘,聲音的持續(xù)性璧微,直到振幅完全衰減為零,越長則說明聲音衰減越慢(通常來說就是延長音)硬梁。

混響 聲音的混響描述聲音的立體程度前硫,具體的函數(shù)描述未知。

Delay 是利用原始聲音的回聲荧止, delay 一個時間窗口屹电,再混入原聲中來增加聲音的表現(xiàn)力。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末跃巡,一起剝皮案震驚了整個濱河市危号,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌素邪,老刑警劉巖外莲,帶你破解...
    沈念sama閱讀 219,539評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異兔朦,居然都是意外死亡偷线,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,594評論 3 396
  • 文/潘曉璐 我一進(jìn)店門沽甥,熙熙樓的掌柜王于貴愁眉苦臉地迎上來淋昭,“玉大人,你說我怎么就攤上這事安接。” “怎么了英融?”我有些...
    開封第一講書人閱讀 165,871評論 0 356
  • 文/不壞的土叔 我叫張陵盏檐,是天一觀的道長。 經(jīng)常有香客問我驶悟,道長胡野,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,963評論 1 295
  • 正文 為了忘掉前任痕鳍,我火速辦了婚禮硫豆,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘笼呆。我一直安慰自己熊响,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,984評論 6 393
  • 文/花漫 我一把揭開白布诗赌。 她就那樣靜靜地躺著汗茄,像睡著了一般。 火紅的嫁衣襯著肌膚如雪铭若。 梳的紋絲不亂的頭發(fā)上洪碳,一...
    開封第一講書人閱讀 51,763評論 1 307
  • 那天递览,我揣著相機(jī)與錄音,去河邊找鬼瞳腌。 笑死绞铃,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的嫂侍。 我是一名探鬼主播儿捧,決...
    沈念sama閱讀 40,468評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼吵冒!你這毒婦竟也來了纯命?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,357評論 0 276
  • 序言:老撾萬榮一對情侶失蹤痹栖,失蹤者是張志新(化名)和其女友劉穎亿汞,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體揪阿,經(jīng)...
    沈念sama閱讀 45,850評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡疗我,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,002評論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了南捂。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片吴裤。...
    茶點故事閱讀 40,144評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖溺健,靈堂內(nèi)的尸體忽然破棺而出麦牺,到底是詐尸還是另有隱情,我是刑警寧澤鞭缭,帶...
    沈念sama閱讀 35,823評論 5 346
  • 正文 年R本政府宣布剖膳,位于F島的核電站,受9級特大地震影響岭辣,放射性物質(zhì)發(fā)生泄漏吱晒。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,483評論 3 331
  • 文/蒙蒙 一沦童、第九天 我趴在偏房一處隱蔽的房頂上張望仑濒。 院中可真熱鬧,春花似錦偷遗、人聲如沸墩瞳。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,026評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽矗烛。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間瞭吃,已是汗流浹背碌嘀。 一陣腳步聲響...
    開封第一講書人閱讀 33,150評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留歪架,地道東北人股冗。 一個月前我還...
    沈念sama閱讀 48,415評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像和蚪,于是被迫代替她去往敵國和親止状。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,092評論 2 355