Назад у майбутнє. Музика та звукові елементи на сайтах

Відео: 10 річна дівчинка виконує саундтрек до фільму Назад в майбутнє

Підбираючи матеріал для статей, мені доводиться заходити на багато сайтів, виконаних згідно з новомодним тенденціям. Чого я там тільки не бачила - і нестандартні колірні поєднання, і JS-ефекти, і цікаві рішення для скролінгу.

Що ще довелося спостерігати - так це повернення одного тренда, який був популярний більше десяти років тому - це музика на сторінках. Музичні ефекти стали зустрічатися на сайтах так часто, що я вирішила написати цю статтю.

Що кажуть експерти

Артемій Лебедєв говорив ще в далекому двохтисячному (тільки подумати, скільки років пройшло!) Про те, чому сайти, на його думку, не повинні видавати звуків.

Він писав, що сайти тим і відрізняються від телебачення, що вони мовчазні і не видають звуків. Можна читати або писати в повній тиші, не відволікаючись, ну або включити музику на свій смак. Несподівано заграла музика на сайті може:

- налякати користувача, не готової до цього;

- перешкодити слухати вже включену музику.

Крім усього іншого, музика рідко буває хорошої якості, і не несе ніякого смислового навантаження. Також часто розробники не дають можливість вимкнути звук.

Одним словом, Артемій Лебедєв категорично заявляє, що використовувати в Інтернеті звуки і музику в декоративних цілях не можна. Виняток може бути тільки в тому випадку, якщо у користувача є можливість вимкнути звук або ж коли музика несе інформаційне навантаження.

Як сьогодні застосовується музика на сайтах

Я вирішила показати вам, як сьогодні використовують звуки і музику на сайтах. А ви самі подумайте, заважає вона вам чи ні.

Деякі з цих ресурсів можуть бути вам знайомі - ми вже бували на них, розглядаючи інші тренди цього року.

Level 

Музика на сайтах

Тут на тлі грає спокійна музика, яка відмінно підходить до загального стилю сайту і створює світлу, комфортну атмосферу. Відключити музичний супровід можна за допомогою кнопки у верхньому правому куті.

Така музика не злякає, раптово заграв при завантаженні сайту - вона тиха і спокійна. Якщо запускаємо відео - музика автоматично вимикається.



BBQ 

Музичні ефекти на сайтах

Тут не тільки музика. Тут відео зі звуковими ефектами, яке автоматично перемикається з одного ролика на інший. Але у користувача є вибір - запускати його чи ні, вимкнути звук або залишити (в лівому нижньому кутку екрану є спеціальна кнопка), дивитися все ролики чи ні. Мінус - вимкнути звук не можна.

Pablo The Flamingo 

Фріланс послуги веб-дизайнера

А девіз цієї сторінки - «Музика не припиниться ніколи!» Що б ви не робили, забавний фламінго включить мелодію знову і знову. Але сприймати даний сайт серйозно не варто - це просто експеримент, створений для розваги.

My Austria 

Дизайн сайтів фріланс

Тут ми чуємо приємну мелодію, звуки хвиль і крики чайок. Користувач за бажанням може зупинити відтворення відео, вимкнути звук, або просто піти далі по сторінках. Радує, що при переході звук не обривається різко, а наче затихає.

Giant Steps 

Розробка дизайну сайтів фріланс

Цей сайт звучить при завантаженні, також кожне наведення мишки на пункт меню супроводжується мелодійним звуком.


У поєднанні з візуальними ефектами це створює по-справжньому чарівну атмосферу.

Take Me To Tomorrowland 

Незвичайний дизайн сайту

А тут ми бачимо те, про що говорив Лебедєв - звук несе інформаційне навантаження. Дівчинка читає текст, який йде на екрані. Музика після тексту створює певну атмосферу. Красиво, незвично, заворожуюче - немов потрапив в казку. Звук, до речі, вимикається - кнопка справа внизу.



Lidyana 

Відео на сайтах

На цьому сайті відео зі звуком запускає сам користувач. Це великий плюс - не доведеться шарахатися від монітора при випадковому запуску.

Ну а далі дивіться самі, як реалізована незвичайна ідея цього ресурсу. Просто без коментарів.

Про музику скажу - громковато, але її, як і відео, можна вимкнути.

Apps 

Розробка Лендінзі фрілансерами

Не знаєте, як робиться сидр? Цей ресурс розповість вам у вигляді гри. Натискаючи потрібні клавіші, ви продовжуєте дивитися і слухати цікаву розповідь. Можна минути це і просто перейти в розділ з продуктами. А можна не слухати, просто дивитися, вимкнувши звук. Ідеально.

Відео: Назад в майбутнє I. Марті Макфлай отжигает на гітарі

Музика легка і приємна, розповідь реалізовує ідею про інформаційної навантаженні звукового супроводу.

підсумки

Користувачі вже давно не ті. І музикою на сторінці вже нікого не налякаєш (куди там, після всяких реклам з шумовими ефектами і відео з автозапуском!). Людей потрібно дивувати, і намагатися зробити все для того, щоб запам`ятатися - для цього і використовується музика і звуки на сайтах. Причому досить успішно використовуються, якщо звернути увагу на список ресурсів вище.

- поєднання звуків і цікавих рішень для Ховер підсилюють дію останнього - у людини виникає ще більше бажання клікнути, щоб побачити, що там далі;

Відео: НАЗАД В МАЙБУТНЄ ага

- розповідь про продукт, відтворення звуком тексту з екрану - дуже вдалий хід;

- «ігрові» елементи в поєднанні зі звуком роблять ресурс незабутнім;

- кнопки для вимкнення звуку і відео повинні бути присутніми обов`язково, на видному місці;

- красивий, незвичайний дизайн, посилений хорошими звуковими ефектами, здатний створити незабутнє враження про сайт і компанії.


Увага, тільки СЬОГОДНІ!


Оцініть, будь ласка статтю
Всього голосів: 100