談?wù)劸W(wǎng)頁(yè)設(shè)計(jì)中的音頻這件事

2022-07-27    分類(lèi): 網(wǎng)站建設(shè)

網(wǎng)頁(yè)設(shè)計(jì)、商城、APP開(kāi)發(fā),或多或少包含有創(chuàng)意。所以說(shuō),它們是數(shù)字化的作品,有電影、書(shū)籍一樣。電影知名導(dǎo)演喬治盧卡斯說(shuō)過(guò)這樣一句話:一部電影魔力的一半來(lái)自聲音。如果網(wǎng)頁(yè)設(shè)計(jì)也是作品,我們就不能不重視聲音。
網(wǎng)頁(yè)設(shè)計(jì)


網(wǎng)頁(yè)設(shè)計(jì)中幾種常見(jiàn)聲音的應(yīng)用

我們首先總結(jié)一下,目前網(wǎng)站是、網(wǎng)頁(yè)、APP設(shè)計(jì)領(lǐng)域,常見(jiàn)的設(shè)計(jì)方式有哪幾種。

第一種:背景音模式。

在這種模式下,用戶(hù)打開(kāi)網(wǎng)頁(yè),網(wǎng)頁(yè)會(huì)自動(dòng)播放背景音樂(lè)。在博物館等文化類(lèi)網(wǎng)站中,這種模式較為常見(jiàn)。
另外,在H5頁(yè)面中,為了營(yíng)造氛圍,通常也會(huì)引入背景音。再者,很多H5建造模板中,有選擇音頻的選項(xiàng)。

第二種:播放視頻模式。

在這一模式下,用戶(hù)打開(kāi)網(wǎng)頁(yè),會(huì)自動(dòng)播放某個(gè)視頻,并且出現(xiàn)聲音。

第三種:內(nèi)容閱讀模式。

在這一模式下,頁(yè)面插入了自動(dòng)閱讀的音頻條,有的音頻條是機(jī)器朗讀,有的音頻條是人工朗讀。

第四種:提醒音模式。

在這一模式下,當(dāng)用戶(hù)點(diǎn)擊、瀏覽、提交等,會(huì)出現(xiàn)相應(yīng)的提示音。例如,QQ來(lái)消息的提示音、支付寶到賬的提示音等。

第五種:無(wú)障礙模式。

為了便于殘障人士使用,包括政府網(wǎng)站等,需要無(wú)障礙模式。在這一模式下,聲音可以指導(dǎo)用戶(hù)操作。

網(wǎng)頁(yè)設(shè)計(jì)中插入聲音基本原則

我們認(rèn)為,如果要在網(wǎng)頁(yè)設(shè)計(jì)中插入音頻,應(yīng)該遵循如下原則:

原則一:自主性原則。

聲音對(duì)外界是有干擾的,而這種干擾應(yīng)該避免和減輕。
所以,包括APP、網(wǎng)頁(yè)、H5頁(yè)面等在內(nèi),當(dāng)考慮聲音的時(shí)候,應(yīng)該遵循兩條。
第一,要有用戶(hù)可以選擇的播放和關(guān)閉聲音的選項(xiàng)。
第二,不可避免的干擾,應(yīng)該盡量減輕干擾。例如,各大應(yīng)用的提示性聲音,通常都在5秒以?xún)?nèi)。

原則二:相互匹配原則。

選擇的音頻類(lèi)型應(yīng)該與網(wǎng)頁(yè)風(fēng)格和功能相互匹配。
例如,如果是要給博物館網(wǎng)站增加背景音效,應(yīng)該選擇古典音樂(lè);如果是給一家母嬰網(wǎng)站增加背景音,應(yīng)該選擇輕柔的音樂(lè)。

原則三:提供有限和單一信息。

音頻內(nèi)容之所以在設(shè)計(jì)中被使用較少,原因之一是——用戶(hù)和訪客對(duì)音頻的吸收非常有限。簡(jiǎn)單來(lái)說(shuō)就是——聽(tīng)了后面的,忘了前面的。
為了避免這種情況的出現(xiàn),可以嘗試如下兩個(gè)設(shè)計(jì)技巧:
可以通過(guò)進(jìn)度節(jié)點(diǎn)提醒,方便用戶(hù)回顧和反復(fù)聽(tīng)。例如視頻網(wǎng)站,通常會(huì)將一個(gè)視頻分為無(wú)數(shù)的節(jié)點(diǎn),并且在進(jìn)度條上進(jìn)行提醒。音頻內(nèi)容也可以做這樣的設(shè)計(jì)嘗試。
可以分割大段的音頻內(nèi)容。例如公眾號(hào)的文章,如果內(nèi)容較長(zhǎng),可以將音頻條分兩次插入到文章中。

當(dāng)前文章:談?wù)劸W(wǎng)頁(yè)設(shè)計(jì)中的音頻這件事
分享路徑:http://www.bm7419.com/news/182717.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版網(wǎng)站維護(hù)、云服務(wù)器全網(wǎng)營(yíng)銷(xiāo)推廣、品牌網(wǎng)站制作網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

小程序開(kāi)發(fā)