Почему ваша следующая художественная выставка заслуживает того, чтобы стать прогулочным, кликабельным миром (никаких белых стен не требуется)
Несколько лет назад одна художница, моя подруга, спросила меня, как создать онлайн-галерею, которая не выглядела бы как грустный PDF-файл, запертый в вкладке браузера. Она хотела устроить виртуальную художественную выставку, где люди могли бы бродить в атмосфере её мастерской, вглядываться в мазки и, возможно, даже столкнуться с аватаром другого посетителя. Этот разговор увёл меня в кроличью нору, которая теперь стала самой весёлой частью моей дизайнерской работы — и, честно говоря, если вы художник или куратор, инструменты для этого гораздо доступнее, чем вы думаете.
Я помню, как впервые увидел интерактивный пример 3D-сайта, который «щёлкнул». Это был не какой-то дорогой люксовый бренд с парящими бриллиантами; это было объединение стрит-фотографов, которые нашили свои изображения на 3D-стены галереи, по которым можно было перемещаться с помощью клавиш со стрелками. Зернистые текстуры, фоновый уличный звук и маленькие скрытые заметки, на которые можно было нажать, чтобы услышать историю, стоящую за кадром. Этот опыт перепрограммировал мой мозг относительно того, чем может быть сайт онлайн-художественной выставки. Это было не просто «вот JPEG-файлы, пожалуйста, купите». Это было пространство. И как только вы начинаете мыслить пространствами, веб-дизайн для художников превращается в совершенно другую игру — больше похожую на сценографию, чем на вёрстку страниц.
Хорошая новость в том, что вам не нужно изучать WebGL с нуля или месяцами сидеть в коде. Многие художники уже присоединяются к этому, используя специализированные платформы для виртуальных выставок, которые берут на себя всю тяжёлую работу. Думайте о них как о Squarespace для прогулочных 3D-пространств. Такие платформы, как Kunstmatrix, ArtSteps и New Art City, позволяют перетаскивать ваши работы в шаблон, настраивать освещение и публиковать полноценный дизайн цифрового музейного сайта, который посетители могут исследовать на телефоне или компьютере. Некоторые даже позволяют встраивать аудиогиды или маленький аватар, который плавает вокруг, что отлично подходит для иммерсивного веб-опыта — вы не просто смотрите на искусство, вы проводите с ним время.
Но вот что я всегда говорю тем, кто гуглит «как создать онлайн-галерею» в два часа ночи: не запускайте просто виртуальную комнату и не считайте дело сделанным. Магия в деталях, которые заставляют людей забыть, что они в браузере. В своих собственных экспериментах я многое позаимствовал из урока по иммерсивному веб-дизайну, на который наткнулся на форуме творческого программирования. В уроке объяснялось, как добавить тонкий параллакс на стены галереи, лёгкий эффект дрейфующей пыли в воздухе и элемент, реагирующий на звук, который менял фоновую атмосферу в зависимости от того, где вы стоите. Маленькие штрихи, которые шепчут: «ты здесь». Именно такие вещи превращают обычный результат 3D-программы для выставок в запоминающийся дизайн цифрового музейного сайта, который люди действительно пересматривают.
Если вы предпочитаете более практичный подход и хотите контролировать каждый пиксель, изучение основ с помощью руководства по иммерсивному веб-опыту может открыть собственные пути. Я видел безумные примеры интерактивных 3D-сайтов, где целая выставка существовала внутри тающей ледяной пещеры, или где каждая картина была порталом в другую мини-галерею. Такие проекты часто используют Three.js или React Three Fiber, но вы можете начать с малого, модифицируя шаблоны с открытым исходным кодом. Представьте портфолио художника, где главная страница — это крошечная квартира, по которой вы ходите: на кухне — натюрморты с едой, в спальне — ню, на балконе — пейзажи. Это веб-дизайн для художников, который рассказывает историю, а не просто демонстрирует резюме.
Однажды друг, который руководит небольшой некоммерческой галереей, попросил меня создать сайт онлайн-художественной выставки, который мог бы проводить живые открытия с несколькими гостями. В итоге мы использовали платформу для виртуальных выставок, поддерживающую присутствие в реальном времени: крошечные цветные точки, представляющие посетителей, боковую панель чата и даже эмоцию «чокнуться бокалами». Во время открытия люди действительно тусовались около часа, переходя из комнаты в комнату. Это ощущение разделённого времени невозможно воспроизвести на плоской прокручиваемой странице. Нам не нужно было создавать собственное программное обеспечение для виртуальных художественных выставок — платформа взяла на себя тяжёлую техническую часть, — но мы задали поток, повествовательную дугу, сюрприз в третьей комнате, где все стены превратились в зеркала. Вот где дизайн-мышление встречается с кураторством выставки, и именно это заставляет интернет снова чувствовать себя живым.
Даже если 3D-пространства кажутся излишними для вашего текущего проекта, существует целая промежуточная зона, которая соединяет руководство по иммерсивному веб-опыту и повседневное создание портфолио. Вы можете применить иммерсивные принципы к более простому сайту онлайн-художественной выставки, используя сторителлинг с прокруткой, полноэкранные переходы и состояния наведения, которые открывают крупные планы текстур. Например, горизонтальная прокрутка, которая перемещает вас мимо гигантских холстов, с контекстным аудио, которое постепенно включается, когда каждый фрагмент становится в центре внимания. Это не полноценная прогулка, но это курируемое путешествие. И это всё равно иммерсивный веб-дизайн, на мой взгляд — потому что вы обманываете мозг, заставляя его чувствовать прогресс, глубину, открытие.
Я заметил, что художники часто колеблются, потому что думают, что создание опыта с помощью 3D-программ для выставок означает гонку за технологическими трендами, а не создание искусства. Но вот секрет: интернет — самая демократичная стена галереи, которая у нас когда-либо была. Вы можете построить пространство, которое ощущается как ваша мастерская, ваш музей мечты или даже внутренности вашей собственной головы. Никакой арендной платы, никаких ящиков для перевозки, никакой страховки. И когда вы учитесь создавать онлайн-галерейные опыты, которые чтят вашу работу с заботой физической выставки, зрители реагируют иначе. Они наклоняются ближе. Они задерживаются. Они могут даже написать вам сообщение: «Мне показалось, что я там был».
Итак, с чего начать? Покопайтесь в примерах интерактивных 3D-сайтов на Awwwards или Godly — не для того, чтобы копировать, а чтобы увидеть, как пространственная навигация влияет на ваше внимание. Затем выберите платформу для виртуальных выставок и сделайте прототип одной комнаты с вашими тремя лучшими работами. Поиграйте с масштабом. Сделайте одну работу огромной, другую разместите на высоте щиколотки, просто чтобы посмотреть, что получится. Когда освоитесь, добавьте идеи из любого урока по иммерсивному веб-дизайну, который фокусируется на атмосфере: фоновые звуки, микро-взаимодействия, тонкая цветокоррекция. Цель не в том, чтобы построить типовой дизайн цифрового музейного сайта; цель — построить своё место, которое кто-то захочет посетить снова дождливым днём.
Оставлю вас с самым простым тестом, который использую я: дайте ссылку другу, не говоря ни слова. Если он инстинктивно начнёт описывать пространство — «Мне понравилась комната с красным светом» — а не просто искусство, значит, вы справились. Вы не просто разместили искусство в интернете; вы создали виртуальную художественную выставку, которая ощущается как место назначения. И после этого вы обнаружите, что переосмысливаете всё — от подписи в электронной почте до био в Instagram, потому что теперь вы не просто художник с сайтом-портфолио. Вы художник с целым миром.