談談網頁設計中的音頻這件事
2022-07-27 分類： 網站建設
網頁設計、商城、APP開發(fā)，或多或少包含有創(chuàng)意。所以說，它們是數字化的作品，有電影、書籍一樣。電影知名導演喬治盧卡斯說過這樣一句話：一部電影魔力的一半來自聲音。如果網頁設計也是作品，我們就不能不重視聲音。
網頁設計中幾種常見聲音的應用
我們首先總結一下，目前網站是、網頁、APP設計領域，常見的設計方式有哪幾種。
第一種：背景音模式。
在這種模式下，用戶打開網頁，網頁會自動播放背景音樂。在博物館等文化類網站中，這種模式較為常見。
另外，在H5頁面中，為了營造氛圍，通常也會引入背景音。再者，很多H5建造模板中，有選擇音頻的選項。
第二種：播放視頻模式。
在這一模式下，用戶打開網頁，會自動播放某個視頻，并且出現聲音。
第三種：內容閱讀模式。
在這一模式下，頁面插入了自動閱讀的音頻條，有的音頻條是機器朗讀，有的音頻條是人工朗讀。
第四種：提醒音模式。
在這一模式下，當用戶點擊、瀏覽、提交等，會出現相應的提示音。例如，QQ來消息的提示音、支付寶到賬的提示音等。
第五種：無障礙模式。
為了便于殘障人士使用，包括政府網站等，需要無障礙模式。在這一模式下，聲音可以指導用戶操作。
網頁設計中插入聲音基本原則
我們認為，如果要在網頁設計中插入音頻，應該遵循如下原則：
原則一：自主性原則。
聲音對外界是有干擾的，而這種干擾應該避免和減輕。
所以，包括APP、網頁、H5頁面等在內，當考慮聲音的時候，應該遵循兩條。
第一，要有用戶可以選擇的播放和關閉聲音的選項。
第二，不可避免的干擾，應該盡量減輕干擾。例如，各大應用的提示性聲音，通常都在5秒以內。
原則二：相互匹配原則。
選擇的音頻類型應該與網頁風格和功能相互匹配。
例如，如果是要給博物館網站增加背景音效，應該選擇古典音樂；如果是給一家母嬰網站增加背景音，應該選擇輕柔的音樂。
原則三：提供有限和單一信息。
音頻內容之所以在設計中被使用較少，原因之一是——用戶和訪客對音頻的吸收非常有限。簡單來說就是——聽了后面的，忘了前面的。
為了避免這種情況的出現，可以嘗試如下兩個設計技巧：
可以通過進度節(jié)點提醒，方便用戶回顧和反復聽。例如視頻網站，通常會將一個視頻分為無數的節(jié)點，并且在進度條上進行提醒。音頻內容也可以做這樣的設計嘗試。
可以分割大段的音頻內容。例如公眾號的文章，如果內容較長，可以將音頻條分兩次插入到文章中。
網頁設計中幾種常見聲音的應用
我們首先總結一下，目前網站是、網頁、APP設計領域，常見的設計方式有哪幾種。
第一種：背景音模式。
在這種模式下，用戶打開網頁，網頁會自動播放背景音樂。在博物館等文化類網站中，這種模式較為常見。
另外，在H5頁面中，為了營造氛圍，通常也會引入背景音。再者，很多H5建造模板中，有選擇音頻的選項。
第二種：播放視頻模式。
在這一模式下，用戶打開網頁，會自動播放某個視頻，并且出現聲音。
第三種：內容閱讀模式。
在這一模式下，頁面插入了自動閱讀的音頻條，有的音頻條是機器朗讀，有的音頻條是人工朗讀。
第四種：提醒音模式。
在這一模式下，當用戶點擊、瀏覽、提交等，會出現相應的提示音。例如，QQ來消息的提示音、支付寶到賬的提示音等。
第五種：無障礙模式。
為了便于殘障人士使用，包括政府網站等，需要無障礙模式。在這一模式下，聲音可以指導用戶操作。
網頁設計中插入聲音基本原則
我們認為，如果要在網頁設計中插入音頻，應該遵循如下原則：
原則一：自主性原則。
聲音對外界是有干擾的，而這種干擾應該避免和減輕。
所以，包括APP、網頁、H5頁面等在內，當考慮聲音的時候，應該遵循兩條。
第一，要有用戶可以選擇的播放和關閉聲音的選項。
第二，不可避免的干擾，應該盡量減輕干擾。例如，各大應用的提示性聲音，通常都在5秒以內。
原則二：相互匹配原則。
選擇的音頻類型應該與網頁風格和功能相互匹配。
例如，如果是要給博物館網站增加背景音效，應該選擇古典音樂；如果是給一家母嬰網站增加背景音，應該選擇輕柔的音樂。
原則三：提供有限和單一信息。
音頻內容之所以在設計中被使用較少，原因之一是——用戶和訪客對音頻的吸收非常有限。簡單來說就是——聽了后面的，忘了前面的。
為了避免這種情況的出現，可以嘗試如下兩個設計技巧：
可以通過進度節(jié)點提醒，方便用戶回顧和反復聽。例如視頻網站，通常會將一個視頻分為無數的節(jié)點，并且在進度條上進行提醒。音頻內容也可以做這樣的設計嘗試。
可以分割大段的音頻內容。例如公眾號的文章，如果內容較長，可以將音頻條分兩次插入到文章中。
標題名稱：談談網頁設計中的音頻這件事
文章鏈接：http://www.js-pz168.com/news17/182717.html
成都網站建設公司_創(chuàng)新互聯，為您提供外貿網站建設、網站排名、營銷型網站建設、域名注冊、網站營銷、電子商務
聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯
猜你還喜歡下面的內容
- 主機空間怎么選擇？ 2022-07-27
- 定制型網站有哪些好處？? 2022-07-27
- 如何結合優(yōu)化與提高內容質量留住顧客？ 2022-07-27
- 雅虎站點管理器如何提升網站流量？ 2022-07-27
- 用戶的體驗到底有多重要武漢網站優(yōu)化告訴你 2022-07-27
- 百度啟動原創(chuàng)提示 網站內容建設如何應對 2022-07-27
- 為什么選擇.top域名 2022-07-27
- 制作公司靠什么來保證網站安全 2022-07-27
- 10條營銷推廣思路，撬開你的腦洞 2022-07-27
- 什么樣的網站百度排名好？ 2022-07-27
- 創(chuàng)造更好訪客體驗如何建設網站 2022-07-27
- 唐云:關鍵詞與文章意義 2022-07-27
- 成都seo：企業(yè)網站如何進行競爭對手分析 2022-07-27
- 柳煥斌：SEO理論實踐的10大誤區(qū) 2022-07-27
- 電商網站吸引力設計的4點技巧 2022-07-27
- 成都開發(fā)小程序對企業(yè)有哪些幫助？ 2022-07-27
- 論網站優(yōu)化的內容重要性 2022-07-27
- 輕松做好企業(yè)網站優(yōu)化 要點秘訣為你揭露 2022-07-27
- 提高網站SEO原創(chuàng)文章寫作效率 關鍵詞庫你做了嗎 2022-07-27