#Анимация
Анимация страницы устройства O.Gate. Сайт для компании-разработчика

#3D #анимация

IBM создали тестирование состояния гармонии и диссонанса, которое можно проверить на сайте, собирая шарики на экране. На выбор 3 категории: коммуникации, ясность и уверенность.
Дизайн выполнен в современной манере передовых технологий, и музыкальное сопровождение соответствующее.

Проверить себя

#3D #анимация

Маленький мир от гугл, посвященный японской кухне. Говорят еду лучше не делать 3D потому что она слабее вызывает аппетит. Но только не здесь. Все очень мило, очаровательно, аппетитно и информативно. Каждое блюдо выводит в поиск рецептов или ресторанчиков поблизости, где можно полакомиться вкусняшкой вживую.

Погулять в мире японской кухни

#анимация #3D

Пример нестандартной презентации товаров при помощи анимации. От морских глубин до самых небес и пару раз заглянув в абстрактные нереальные пейзажи.

Сам сайт стильный, с красивой типографикой, несколько раз засветился на awwwards, но крайне странной запутанной структурой. С ходу не разберешься. Например, нажимая в меню "продукты", открывается страницы с названием "коллекции". Да, похоже, но по разному. Переходы в конце презентационных анимаций крашатся. Текст и элементы сайта часто превращаются в кашу, ломая иерархию, становится не понятно куда смотреть, что читать.

И красиво и спорно.

Сайт тут

#анимация #иллюстрации

Информационник по растениям, полностью проиллюстрированный от фото авторов, до фото корней. Есть к чему придраться в вопросах работы элементов сайта: не все проявляет свойство "наведения", нет кнопки "вверх", не сразу угадался чисто эстетический посыл полки с цветами. Но важнее то, что он функционален и раскрывает свое предназначение.
Масштабная работа автора и иллюстратора. Красиво, эстетично, интересно, удобно.

Справочник по растениям тут

#3D #анимация

Сайт благотворительной организации, занимающейся восстановлением здоровья океана. Несколько раз засветился на awwwards. Атмосферный, успокаивающий и проникающий. Много фишек и приемов: звуковые эффекты, при наведении на кнопки, выныривание над водой, при возвращении "домой", дополнительные информационные материалы при просмотре путешествий. Сайт красив, приятен, интересен и дает понять, что каждый может минимумом усилий помочь сделать большое дело.
Жаль, что увесистый от обилия анимации.

(При записи сайт сильно подвисает, при выключении, сразу все стало более плавным)

Океаны тут

#2D #анимация #графика

Графический дизайн в проектах позволяет уникализировать проект, сделать его запоминающимся и атмосферным. Помогает направить пользователя на совершение целевого действия. Хороший простенький пример вкупе с плавной снежной анимацией.

Кейс тут

#анимация

Классная анимация голосового управления.

Автор тут

#3D #анимация

Концепт 3D исследования с использованием камеры Opal C1 Webcam.

Dribbble-кейс тут

#3D #анимация

Эффектная и залипательная анимация зарядки от Глеба Кузнецова. Автор часто использует 3D и анимацию в своих проектах сайтов и приложений.

Источник тут

#3D #анимация

Еще пример уместного использования 3D и анимации на сайте. В данном случае очень наглядно отображается работа компании. Сразу на карте освещены основные моменты. Минимализм плюс изюминка.

Сайт тут

#3D #анимация

Сайт для приложения, позволяющего при помощи VR развлекаться или работать с друзьями или коллегами в виртуальном пространстве. На сайте уместно использованы яркие цвета на темном фоне, 3D объекты и анимация. Нестандартный подход к кнопкам, которые ползают за курсором. Когда кнопка появляется - она привлекает внимание и тянуться за ней не нужно - что удобно. С другой стороны, пока курсор не наведен на нужное поле, пользователь может и не догадаться о том, что кнопка там предусмотрена.

Сайт тут

#AR #3D #анимация

Милый, на первый взгляд, кейс, отражающий очень серьезные вопросы. Корейские ребята создали проект, который поможет молодежи приобщиться к политике и повлиять на политические решения страны. Несмотря на серьезность темы, был создан виртуальный мир и 3D модельки для сопровождения в проекте. Если учесть, что ЦА — молодые люди, то сделан проект как раз для них — круто и современно.

Ссылка на кейс

#анимация

Концепт приложения на основе ИИ и НЛП. Задиктовываешь/пишешь параметры в поиск и получаешь готовую выдачу. На сколько это удобнее привычных фильтров? Как на твой взгляд?

Кейс тут

Анимация страницы устройства O.Gate. Сайт для компании-разработчика

Ui Web Design | #Анимация