做好的网页设计。利用音频

177 阅读7分钟

我们很容易过度关注事物在网上的外观。有很多东西要看。你现在就在看这个!然而,在触摸屏和家庭助手的时代,可以说视觉并不是唯一值得关注的感官。

乔治-卢卡斯曾经说过,任何电影的一半魔力都来自它的声音。某些在线体验也可以这么说。在这个系列的第二部分,我们收集了一些我们最喜欢的在网络上使用声音的例子。我们中的大多数人都有不幸的经历(自动播放_的_视频是一个特别恶劣的例子),但如果应用得好,音频可以给网络体验一个全新的层面

下面是来自万维网的一些令人震惊的声音。我们希望这些聪明的想法能帮助你对自己的项目有一点不同的思考。

部分内容。做好的网页设计

纽约客》的音频文章

文章 "这个词通常会让人联想到一页纸上的文字,而这一页纸是在纸上还是在屏幕上,则有一些回旋余地。随着时间的推移,这种假设变得更加局限和简化。话语可以被听到,也可以被读到。越来越多的网站开始注意到这一点,《纽约客》就是一个特别好的例子。他们的许多文章--小说和非小说--都配有音频版本,通常是_由作者本人朗读_。

大多数网站并不具备像玛格丽特-阿特伍德那样的录音能力,但随着文本转语音软件越来越好,我们喜欢看到网站将其纳入他们的设计和功能之中。尼曼报告》去年做了一篇关于这个主题的精彩文章,是的,有一个音频版本。

在广播园地中收听世界上的收音机

为了不让我们忘记,网站可以采取网格以外的形式。广播园地 "能让你在瞬间浏览世界上的广播电台。这就像谷歌地球,但有音乐。旋转地球,打开,调入,退出。一个看似简单的想法,却以俏皮优雅的方式执行。

要做到这一点,需要很多东西,其中包括用于地球的CesiumJS,用于卫星图像的Esri,以及用于位置API的Free GeoIP。一个美妙的想法得到了很好的执行。值得一提的是Radiooooo,一个相当于时间旅行的项目)。

潘德列茨基花园的植物学和交响乐

我们怀疑你是否曾见过像克日什托夫-潘德列茨基那样的纪念花园。漫步在这位传奇的波兰作曲家(也是热衷于园艺的人)的虚拟花园里,背景中播放着他的音乐。这是一个美丽的敬意,也是网页设计中一个令人振奋的案例研究。这里有很多很酷的东西,但音乐似乎是最适合关注的东西。

Akkers van Margraten的二战口述历史

档案材料以新的和令人兴奋的方式在网上重塑自我的范围几乎是无限的。Akkers van Margraten口述历史项目围绕其音频内容建立了网站,音频片段伴随着哀伤的音乐安排。

音乐是补充性的,帮助受访者勾勒出一个时代和地方的精神。如果没有这些音乐,效果会一样吗?我们不是很确定。

Netflix为其黑暗系列指南带来了预告片般的强度

人们对在网页上自动播放的媒体有一种戒心。这种戒心是有道理的。然而,Netflix的 "黑暗"系列指南显示,如果做得好,它可以是多么强大。该网站深沉的环境音将你一头拉进情绪中。

想象一下,一篇长篇文章加上合适的伴奏--也许是一个恐怖故事配上不和谐的环境安排,或者是回顾摇摆的六十年代,远处播放着杰弗逊飞机的歌曲。这本《_黑暗_指南》显示了这可以是多么大的一剂强心针。

IT博物馆将音频旅游带入网络

DataArt IT博物馆是一个不断增长的东欧科技硬件收藏,每件物品都被适当地带到网上。这个电子博物馆在各方面都非常漂亮,但它对采访片段的使用特别鲜明。与Akkers van Margraten不同的是,这些音频片段在当时和现在之间架起了桥梁。

一旦你看到它,几乎感觉很明显。几乎每个人都曾在博物馆、画廊或历史建筑中徘徊,同时听着语音导游。为什么我们不能在网上有同样的选择呢?

设计的伦理

设计师的角色是什么?这是《设计的伦理》中向十几位设计师和研究人员提出的问题,而答案的呈现方式只有网络才能真正做到。该网站没有在一个光鲜亮丽的视频中展示结果,而是将所有的片段分开。

就像其他东西一样,它显示了当我们把自己限制在一种媒介上时,会失去多少东西--无论是文字、声音、视频、照片还是图形。虽然开始时有点刺耳,但也许这正是思考每一块如何融入更广泛的拼图所需要的。

SoundCloud的粘性音乐播放器栏

我们认为我们应该用一个诚实的功能来结束。为此,我们求助于SoundCloud,它有一个独立于网站其他部分的音乐播放器。点击一个新的页面不会重置播放器,允许访问者浏览艺术家和专辑**,而不会破坏他们正在收听的内容的流程**。它给人的感觉是如此的自然,以至于很难想象它不在那里。

我们已经习惯了通过像Spotify这样的应用程序,但在网络上,它仍然呼唤着未开发的潜力。想一想它是如何与这里的其他想法相结合的。想象一下,你在一个新闻网站上,开始听一个故事,就像_《纽约客》_一样。有了这样的播放器,访问者可以继续浏览网站,同时还可以收听原始故事。听起来像是未来。

收尾工作

这里介绍的网站只是对可能发生的事情做了一个表面的描述。声音可以有无数种形式:广播、音乐播放器、采访、旁白和导航,这只是其中的几个例子。我们并没有完全远离 对话网站并不遥远。

如果你有兴趣了解更多,下面的文章为网上的音频设计提供了一个良好的起点。

近年来,技术能力有了很大的提高,对我们使用的网站的灵活性要求越来越高。他们被看到,被触摸,而且,越来越多地被听到。我们暂时不主张建立可食用的、有香味的网站,但有时绝对值得让它们更吵。