tgoop.com/nowhow/6265
Last Update:
Сегодня пятница, а значит, сегодня контент для вас готовят топовые дизайн-студии. Сегодня у нас в гостях агентство SALT AND PEPPER. Передаём им слово:
Привет, в этот раз посмотрим на сайт студии Unseen. В глаза бросается «глубина» за счёт 3D-пространства и использования трёх координатных осей при навигации. Также отметим органическое поведение сайта, имитирующее воду. Вместе с эмбиентовой музыкой оно создает спокойный муд, который настраивает на размеренное и вдумчивое знакомство.
Нам понравилось взаимодействие курсора с поверхностью воды и другими элементами. Эта рябь уже стала распространенным эффектом в таких сайтах, но в случае Unseen это не просто приколюха — она поддерживает тему сайта. Да и в 3D-пространстве этот прием встречается редко . Часто его используют, чтобы как раз добавить глубины 2D-контенту.
Ребята круто использовали 3D в свою пользу — переходы происходят бесшовно вплоть до страницы кейса. Если не задумываться, то можно и не понять, на какой ты странице. Впрочем, понятие «страница» весьма условное для такого иммерсивного экспириенса.
Переход в галлерею проектов вызывает сильный вау-эффект. Он достигается за счёт выверенной хореографии нескольких художественных приемов: «заныривающее» движение камеры вперед и вниз, искажение во время погружения, приглушение музыки в соответствии с физикой, пробивающиеся сквозь толщу воды солнечные лучи сверху, затемнение удаленных объектов, размеренное колыхание картинок, как будто это — лоскуты ткани или водоросли.
Страница кейса уже выглядит гораздо проще. На ней всё ещё много анимаций и микро-взаимодействий, которые поддерживают тему воды, но фокус уходит на текстовый и визуальный контент. У некоторых элементов нет «водяного» поведения, хотя оно там напрашивается. Возможно, тут на сцену выходит реальный мир — пришлось пойти на жертвы, чтобы сохранить быстродействие и плавность работы.
Сайт Unseen — это пример того, как технологии помогают раскрыть концепцию, а не сваливаются в эффекты ради эффектов. Каждый пиксель выверен и оптимизирован, у каждого элемента своя роль.
BY Now How Channel
Share with your friend now:
tgoop.com/nowhow/6265