网页设计、商城、APP开发，或多或少包含有创意。所以说，它们是数字化的作品，有电影、书籍一样。电影知名导演乔治卢卡斯说过这样一句话：一部电影魔力的一半来自声音。如果网页设计也是作品，我们就不能不重视声音。
网页设计中几种常见声音的应用
我们首先总结一下，目前网站是、网页、APP设计领域，常见的设计方式有哪几种。
第一种：背景音模式。
在这种模式下，用户打开网页，网页会自动播放背景音乐。在博物馆等文化类网站中，这种模式较为常见。
另外，在H5页面中，为了营造氛围，通常也会引入背景音。再者，很多H5建造模板中，有选择音频的选项。
第二种：播放视频模式。
在这一模式下，用户打开网页，会自动播放某个视频，并且出现声音。
第三种：内容阅读模式。
在这一模式下，页面插入了自动阅读的音频条，有的音频条是机器朗读，有的音频条是人工朗读。
第四种：提醒音模式。
在这一模式下，当用户点击、浏览、提交等，会出现相应的提示音。例如，QQ来消息的提示音、支付宝到账的提示音等。
第五种：无障碍模式。
为了便于残障人士使用，包括政府网站等，需要无障碍模式。在这一模式下，声音可以指导用户操作。
网页设计中插入声音基本原则
我们认为，如果要在网页设计中插入音频，应该遵循如下原则：
原则一：自主性原则。
声音对外界是有干扰的，而这种干扰应该避免和减轻。
所以，包括APP、网页、H5页面等在内，当考虑声音的时候，应该遵循两条。
第一，要有用户可以选择的播放和关闭声音的选项。
第二，不可避免的干扰，应该尽量减轻干扰。例如，各大应用的提示性声音，通常都在5秒以内。
原则二：相互匹配原则。
选择的音频类型应该与网页风格和功能相互匹配。
例如，如果是要给博物馆网站增加背景音效，应该选择古典音乐；如果是给一家母婴网站增加背景音，应该选择轻柔的音乐。
原则三：提供有限和单一信息。
音频内容之所以在设计中被使用较少，原因之一是——用户和访客对音频的吸收非常有限。简单来说就是——听了后面的，忘了前面的。
为了避免这种情况的出现，可以尝试如下两个设计技巧：
可以通过进度节点提醒，方便用户回顾和反复听。例如视频网站，通常会将一个视频分为无数的节点，并且在进度条上进行提醒。音频内容也可以做这样的设计尝试。
可以分割大段的音频内容。例如公众号的文章，如果内容较长，可以将音频条分两次插入到文章中。
综上，就是我们在网页设计中，对音频这一载体的设计技巧和经验，可供参考。
网页设计中几种常见声音的应用
我们首先总结一下，目前网站是、网页、APP设计领域，常见的设计方式有哪几种。
第一种：背景音模式。
在这种模式下，用户打开网页，网页会自动播放背景音乐。在博物馆等文化类网站中，这种模式较为常见。
另外，在H5页面中，为了营造氛围，通常也会引入背景音。再者，很多H5建造模板中，有选择音频的选项。
第二种：播放视频模式。
在这一模式下，用户打开网页，会自动播放某个视频，并且出现声音。
第三种：内容阅读模式。
在这一模式下，页面插入了自动阅读的音频条，有的音频条是机器朗读，有的音频条是人工朗读。
第四种：提醒音模式。
在这一模式下，当用户点击、浏览、提交等，会出现相应的提示音。例如，QQ来消息的提示音、支付宝到账的提示音等。
第五种：无障碍模式。
为了便于残障人士使用，包括政府网站等，需要无障碍模式。在这一模式下，声音可以指导用户操作。
网页设计中插入声音基本原则
我们认为，如果要在网页设计中插入音频，应该遵循如下原则：
原则一：自主性原则。
声音对外界是有干扰的，而这种干扰应该避免和减轻。
所以，包括APP、网页、H5页面等在内，当考虑声音的时候，应该遵循两条。
第一，要有用户可以选择的播放和关闭声音的选项。
第二，不可避免的干扰，应该尽量减轻干扰。例如，各大应用的提示性声音，通常都在5秒以内。
原则二：相互匹配原则。
选择的音频类型应该与网页风格和功能相互匹配。
例如，如果是要给博物馆网站增加背景音效，应该选择古典音乐；如果是给一家母婴网站增加背景音，应该选择轻柔的音乐。
原则三：提供有限和单一信息。
音频内容之所以在设计中被使用较少，原因之一是——用户和访客对音频的吸收非常有限。简单来说就是——听了后面的，忘了前面的。
为了避免这种情况的出现，可以尝试如下两个设计技巧：
可以通过进度节点提醒，方便用户回顾和反复听。例如视频网站，通常会将一个视频分为无数的节点，并且在进度条上进行提醒。音频内容也可以做这样的设计尝试。
可以分割大段的音频内容。例如公众号的文章，如果内容较长，可以将音频条分两次插入到文章中。
综上，就是我们在网页设计中，对音频这一载体的设计技巧和经验，可供参考。
