Еще немного про обновление VK музыкиНа этапе разработки визуала решалось несколько основных проблем:
1. Разрабатывать 2D или 3D элементы и анимацию для прототипа? Изначально были мысли разработать 3D анимации для элементов в Cinema4D и морфить фигуры из одной в другую. Такой подход давал больше возможностей в шейдерах и работе с объемом. Однако в этом варианте каждая итерация правок занимала бы слишком много времени. Поэтому решили делать все слоями в 2D, используя только After Effects и добавляя объема с помощью градиентов.
Эффект стекла также можно было интереснее реализовать в 3D, но время рендера для такого проекта было бы неподъемным.
Слои внутри проекта:
форма → цвет → свечение → стекло → текстуры → хроматические аберрации
2. Какие формы выбрать для элементов?Важно было, чтобы каждый элемент ассоциировался с определенным настроением и при этом был простым и понятным.
В итоге выбрали такие пары для настроений VK Микса:
Сердце — любовь
Огонь — активно
Солнце — радостно
Цветок — спокойно
Полумесяц — грустно
3. Как передать информацию разработчикам?После подготовки прототипов мы создали гайд в фигме, в котором описали все используемые эффекты по слоям. Прикрепили палитры цвета и подробно рассказали про нюансы прототипов.
Об этапах разработки вы можете посмотреть и послушать подробнее в лекции от Тёмы Нестеренко.
Behance VK Music
