網頁設計、商城、APP開發，或多或少包含有創意。所以說，它們是數字化的作品，有電影、書籍一樣。電影知名導演喬治盧卡斯說過這樣一句話：一部電影魔力的一半來自聲音。如果網頁設計也是作品，我們就不能不重視聲音。



網頁設計中幾種常見聲音的應用

我們首先總結一下，目前網站是、網頁、APP設計領域，常見的設計方式有哪幾種。

第一種：背景音模式。

在這種模式下，用戶打開網頁，網頁會自動播放背景音樂。在博物館等文化類網站中，這種模式較為常見。
另外，在H5頁面中，為了營造氛圍，通常也會引入背景音。再者，很多H5建造模板中，有選擇音頻的選項。

第二種：播放視頻模式。

在這一模式下，用戶打開網頁，會自動播放某個視頻，并且出現聲音。

第三種：內容閱讀模式。

在這一模式下，頁面插入了自動閱讀的音頻條，有的音頻條是機器朗讀，有的音頻條是人工朗讀。

第四種：提醒音模式。

在這一模式下，當用戶點擊、瀏覽、提交等，會出現相應的提示音。例如，QQ來消息的提示音、支付寶到賬的提示音等。

第五種：無障礙模式。

為了便于殘障人士使用，包括政府網站等，需要無障礙模式。在這一模式下，聲音可以指導用戶操作。

網頁設計中插入聲音基本原則

我們認為，如果要在網頁設計中插入音頻，應該遵循如下原則：

原則一：自主性原則。

聲音對外界是有干擾的，而這種干擾應該避免和減輕。
所以，包括APP、網頁、H5頁面等在內，當考慮聲音的時候，應該遵循兩條。
第一，要有用戶可以選擇的播放和關閉聲音的選項。
第二，不可避免的干擾，應該盡量減輕干擾。例如，各大應用的提示性聲音，通常都在5秒以內。

原則二：相互匹配原則。

選擇的音頻類型應該與網頁風格和功能相互匹配。
例如，如果是要給博物館網站增加背景音效，應該選擇古典音樂；如果是給一家母嬰網站增加背景音，應該選擇輕柔的音樂。

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

音頻內容之所以在設計中被使用較少，原因之一是——用戶和訪客對音頻的吸收非常有限。簡單來說就是——聽了后面的，忘了前面的。
為了避免這種情況的出現，可以嘗試如下兩個設計技巧：
可以通過進度節點提醒，方便用戶回顧和反復聽。例如視頻網站，通常會將一個視頻分為無數的節點，并且在進度條上進行提醒。音頻內容也可以做這樣的設計嘗試。
可以分割大段的音頻內容。例如公眾號的文章，如果內容較長，可以將音頻條分兩次插入到文章中。

綜上，就是我們在網頁設計中，對音頻這一載體的設計技巧和經驗，可供參考。