Сайты музыкантов имеют плохое имя для себя. Они часто отстают от времени, либо плохо спроектированы, либо плохо закодированы, либо и то, и другое. Это не все синее и мрачное все же; Существует множество фантастических веб-дизайнов для групп и музыкантов, тридцать шесть из которых можно найти ниже. Эти проекты охватывают весь спектр от текстурных дизайнов, включая Paolo Nutini и Rocket Club, до упрощенного и минималистичного дизайна, включая Jamie Cullum и Jennifer Lopez.
Если вы когда-нибудь попадете на сайт артиста или группы в будущем, обязательно помните об этих примерах. Эта витрина включает в себя различные стили дизайна, от тех, которые служат простым онлайн-домом для группы / музыканта, до тех, которые содержат полноценные интернет-магазины, дискографии и форумы. Если у вашей любимой группы есть отличный веб-сайт, или вы даже сами создали отличный веб-сайт группы, не стесняйтесь связывать нас и других читателей с ними в разделе комментариев ниже.
Текстурированные
Использование текстуры в современном веб-дизайне — это то, что веб-дизайнеры больше не боятся использовать на регулярной основе. Это помогает придать дизайну определенный «стиль» и «ощущение», будь то тонкая гранжевая текстура, которую вы используете, или прекрасная чистая деревянная доска.
Использование текстуры в веб-дизайне группы и музыканта может действительно помочь дополнить стиль музыки этого конкретного исполнителя; например, тонкая и шумная фоновая текстура в дизайне Джеймса Моррисона предполагает, что его музыку легко слушать и она мягкая, а темные, шероховатые и грязные текстуры в дизайне AC / DC предполагают, что их музыка довольно громкая и жесткая.
Паоло Нутини
Уникальная музыка Паоло Нутини сочетается с довольно уникальным, элегантным и слегка «винтажным» стилем. Это стало намного привлекательнее благодаря использованию иллюстрированной типографики и подвесных рамок, которые воплощаются в жизнь благодаря разным размерам и выравниванию.
Зак Браун Бэнд
Paramore
Медведь гризли
В веб-дизайне Grizzly Bears использовалась нарисованная от руки красочная и ретро-текстура, позволяющая предположить, что они создают приятную на ощупь музыку, которую легко слушать и забавлять.
Лили Аллен
Джеймс Моррисон
Рокет Клуб
Rocket Club объединил фотографию и шероховатую текстуру с винтажными стилями слоев, чтобы создать уникальный и привлекательный дизайн. Оттянутые вручную узоры и смелый, причудливый текст использовались для того, чтобы превзойти ощущение винтажного дизайна.
ПЕРЕМЕННЫЙ ТОК
Третий глаз слепой
Third Eye Bling (3EB) умело включили названия своих групп в свой дизайн, сделав название «Третий глаз слепым», почти слепое для глаз человека. Это умный, уникальный и добавляет немного интереса к их дизайну, помогая пользователям запомнить его.
План б
Robbie Seay Band
Флоренция + Машина
Упрощенные / Минималистичный
Простота и минимальные стили являются популярной и все еще предстоящей тенденцией в современном веб-дизайне. Обычно он используется на сайтах, владельцы которых хотят, чтобы зрители сосредоточились на содержании веб-сайтов, а не на самом дизайне. Он популярен среди дизайнеров, иллюстраций и фотографий, а также в некоторых интернет-магазинах и новостных сайтах.
Джейми Каллум
Дизайн сайта Джейми Каллум на самом деле довольно хорошо известен в сообществе дизайнеров благодаря своей простоте и хорошему использованию пустого пространства. Дизайн элегантный, легкий для просмотра и навигации, и включает в себя красивую типографику и гладкие серебряные кнопки в правом верхнем углу.
Черные Ключи
Арктические обезьяны
Арктические обезьяны используют черно-белую цветовую гамму, при этом в дизайне используется совсем немного других цветов. Высокопороговые портретные изображения используются, чтобы соответствовать пышному дизайну в иллюстрированном стиле.
Дженнифер Лопес
Ловушка Характера
Катящиеся камни
U2
Навигация в дизайне U2 использует сильную, смелую белую типографику, чтобы привлечь внимание к тому, что важно: как найти себя на сайте. Дизайн разделен на три колонки, что упрощает представление и просмотр большого количества информации на одной странице, подобно колонкам в газете или журнале.
Nine Inch Nails
Большая типография
Большая типографика имеет тенденцию быть смелой, сильной и «мощной». Это часто первое и последнее, на что мы обращаем внимание при входе и выходе с сайта. Обычно он может рассказать вам о характере веб-сайта. Например, сайт Limp Bizkit использует грязный и шероховатый шрифт для слова «Bizkit» ярко-желтого цвета на темном фоне. Это сразу говорит о громком и навязчивом.
Лимп бизкит
Даниэль Моир
В дизайне Даниэля Моира используется множество современных эффектов и «трендов», таких как огромная типография, ненасыщенные изображения с низкой непрозрачностью и почти (но не совсем) монохромные цветовые схемы.
фотографический
Веб-дизайн на основе фотографий обычно состоит из фотографий, используемых в качестве основного фона. Это отличный способ создать настроение для вашего дизайна, что особенно важно на веб-сайтах групп и музыкантов, так как предлагает стиль музыки еще до того, как ее прослушать. Например, снимок освещенной улицы предложит современность и популярность, в то время как выстрел факела с большой выдержкой предложит «восторженную» музыку и танец.
Маятник
Химические Братья
Химические Братья использовали длинную экспозицию «световой фотографии», снятую на их фоне, предполагая, что они создают электронную и танцевальную музыку. Яркие полосы света помогают оживить простое содержание переднего плана.
Бритни Спирс
Имоджен Куча
Пикси Лотт
На фоне дизайна веб-сайта Пикси Лотт использовалась великолепная размытая съемка ночной жизни освещенной улицы. Мотоцикл, на котором она сидит, — это анимированная вспышка, помогающая оживить фоновую фотографию.
Kasabian
Палома Вера
Растения и животные
«Растения и животные» — еще один дизайн этой витрины, который следует последним тенденциям веб-дизайна; в этом случае трехмерный анаглифический эффект используется для перевода фотографического фона и жирных типографских ссылок на совершенно новый уровень визуального интереса.
Иллюстрированный
Подобно веб-дизайну на основе фотографий, иллюстрация обычно используется в качестве фона или заголовка дизайна, хотя иногда она также используется и на переднем плане. Опять же, как и фотография, она может помочь установить настроение дизайна и помочь подсказать, какую музыку исполняет художник.
Кэти Перри
муза
Кристина Агилера
Фон, используемый в веб-дизайне Кристины Агилеры, хорошо проиллюстрирован, в нем используются легкие градиенты, сильные мазки и внезапные всплески слегка ненасыщенных цветов, чтобы сделать совпадающие цвета в основном контенте популярными (ссылаясь на губы на заднем плане и красная типографика).
Декабристы
Джейсон Мраз
Джими Хендрикс
Сайт Джими Хендрикса стильный, современный и является практически одной большой иллюстрацией. Он использует яркие цветовые схемы в акварельном стиле, чтобы сделать иллюстрации убедительными, и использует более светлые области для представления важной информации, такой как навигационные ссылки и предстоящие события.