От рендеринга и анимации до архитектурной кинематографии: технологические помощники в проектировании

Статьи по дизайну

С каждым годом процесс создания архитектуры становится все более технологичным. Современные инструменты визуализации позволяют делать точные и детализированные модели еще не построенных зданий, а также формировать эмоциональный контакт человека с пространством задолго до его воплощения в реальности. О том, как различные методы помогают создавать качественно новые проекты, с Design Mate поделилась Айгуль Абизгильдина — архитектор,…

Анимация Lottie. Формат векторной анимации Lottie: как… | by Effectno.School | Dec, 2021

Статьи по дизайну

Скорее всего, вы видели крутую анимацию стикеров в Telegram. И скорее всего, задумывались, как это сделано. Может показаться, что это gif-анимация, но на самом деле здесь используется Lottie. Lottie-анимация — потрясающий инструмент, который делает анимацию в интернете более плавной, управляемой и избавляет пользователя от необходимости загружать тяжёлые файлы с анимацией. Созданный умными людьми из Airbnb,…

Разбор проекта 3D анимации «Остров Бразилия» | by Effectno.School | Nov, 2021

Статьи по дизайну

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

Лучшие планшеты для рисования для анимации в 2021 году

Статьи по дизайну

Лучшие планшеты для анимации как никогда ранее демократизировали сферу анимации. Теперь любой, у кого есть приличный планшет, подходящее программное обеспечение и умение рисовать, может попробовать свои силы в изучении анимации, и если вы хотите заняться анимацией профессионально, вам абсолютно необходимо хорошо разбираться в планшете. Конечно, у каждого человека разные потребности (не говоря уже о разном…

Создавайте расширенные анимации с Smart Animate (Figma)

Статьи по дизайну

До Smart Animate Figma не придавала большого значения именам слоев. Поскольку Smart Animate зависит от имени слоя и иерархии, может потребоваться другой подход. Ниже мы описали несколько способов устранения непредвиденных результатов Smart Animate. Подсказка! Мы рекомендуем увеличивать длительность при создании вашего прототипа. Это позволяет вам видеть, что происходит, и вносить изменения. Имена слоев Один из…

Как устроиться на работу в анимации

Статьи по дизайну

Получить работу аниматора и укрепить свои навыки не всегда легко. Я помню, как был разочарован, пытаясь понять, как попасть в индустрию. Нужно ли мне поступать в колледж, мне нужен наставник, или это похоже на конкурс, и если я получу стажировку, тогда я буду счастливчиком, которого научат работать в отрасли? Хотя у всех разные случаи, и…

Material Design на русском. Часть 31 — Как устроена система анимации | by Ruslan Sharipov | Mar, 2021

Статьи по дизайну

Привет. Меня зовут Руслан. Я UX/UI дизайнер в Siemens. У меня есть ютуб-канал, на котором записано несколько плейлистов по основам UX/UI дизайна. В этой серии постов однако я просто делюсь вольным переводом Material Design на русский язык. Оригинальный источник: здесь. В Material есть набор конкретных паттернов для переходов, которые могут помочь пользователям хорошо ориентироваться в…

Material Design на русском. Часть 30 — Об анимации | by Ruslan Sharipov | Feb, 2021

Статьи по дизайну

Привет. Меня зовут Руслан. Я UX/UI дизайнер в Siemens. У меня есть ютуб-канал, на котором записано несколько плейлистов по основам UX/UI дизайна. В этой серии постов однако я просто делюсь вольным переводом Material Design на русский язык. Оригинальный источник: здесь. Анимация помогает UI казаться выразительным и простым в использовании. Информативность Анимация информирует пользователей, подчеркивая связи…

Крутые и бесплатные примеры CSS анимации для вдохновения

Статьи по дизайну

Привет, друзья! Сейчас довольно сложно найти качественные исходники кода с красивой и, к тому же, бесплатной анимацией на CSS. И по этому я представляю вашему вниманию подборку исходников различных анимационных объектов для вдохновения. К тому же данные исходники вы сможете совершенно бесплатно скачать и использовать на своих сайтах. В общем я надеюсь, что вам понравятся…

Доступная веб-анимация: объяснение WCAG по анимации

Статьи по дизайну

Да, веб-анимация может быть доступна! Иногда просто требуется немного дополнительных усилий, чтобы убедиться, что это так. Есть стратегические меры, которые мы можем сделать, чтобы убедиться, что наша анимация положительно повлияет на доступность, например спланировать, как они способствуют общему UX и простоте использования нашего сайта. Есть также более тактические соображения, чтобы убедиться, что анимация на нашем…