网站建设资讯

谈谈网页设计中的音频这件事

网站制作 2021-07-23 17:48:13 | 阅读:169
网页设计、商城、APP开发,或多或少包含有创意。所以说,它们是数字化的作品,有电影、书籍一样。电影知名导演乔治卢卡斯说过这样一句话:一部电影魔力的一半来自声音。如果网页设计也是作品,我们就不能不重视声音。

网页设计

网页设计中几种常见声音的应用


我们首先总结一下,目前网站是、网页、APP设计领域,常见的设计方式有哪几种。

第一种:背景音模式。

在这种模式下,用户打开网页,网页会自动播放背景音乐。在博物馆等文化类网站中,这种模式较为常见。
另外,在H5页面中,为了营造氛围,通常也会引入背景音。再者,很多H5建造模板中,有选择音频的选项。

第二种:播放视频模式。

在这一模式下,用户打开网页,会自动播放某个视频,并且出现声音。

第三种:内容阅读模式。

在这一模式下,页面插入了自动阅读的音频条,有的音频条是机器朗读,有的音频条是人工朗读。

第四种:提醒音模式。

在这一模式下,当用户点击、浏览、提交等,会出现相应的提示音。例如,QQ来消息的提示音、支付宝到账的提示音等。

第五种:无障碍模式。

为了便于残障人士使用,包括政府网站等,需要无障碍模式。在这一模式下,声音可以指导用户操作。

网页设计中插入声音基本原则

我们认为,如果要在网页设计中插入音频,应该遵循如下原则:

原则一:自主性原则。

声音对外界是有干扰的,而这种干扰应该避免和减轻。
所以,包括APP、网页、H5页面等在内,当考虑声音的时候,应该遵循两条。
第一,要有用户可以选择的播放和关闭声音的选项。
第二,不可避免的干扰,应该尽量减轻干扰。例如,各大应用的提示性声音,通常都在5秒以内。

原则二:相互匹配原则。

选择的音频类型应该与网页风格和功能相互匹配。
例如,如果是要给博物馆网站增加背景音效,应该选择古典音乐;如果是给一家母婴网站增加背景音,应该选择轻柔的音乐。

原则三:提供有限和单一信息。

音频内容之所以在设计中被使用较少,原因之一是——用户和访客对音频的吸收非常有限。简单来说就是——听了后面的,忘了前面的。
为了避免这种情况的出现,可以尝试如下两个设计技巧:
可以通过进度节点提醒,方便用户回顾和反复听。例如视频网站,通常会将一个视频分为无数的节点,并且在进度条上进行提醒。音频内容也可以做这样的设计尝试。
可以分割大段的音频内容。例如公众号的文章,如果内容较长,可以将音频条分两次插入到文章中。

综上,就是我们在网页设计中,对音频这一载体的设计技巧和经验,可供参考。