UI-паттерны. Зачем и как?

Стремительное развитие дизайн-систем вызывает рост популярности, но существуют проблемы, с которыми могут столкнуться дизайнеры. Ксения Толокнова расскажет, почему системы иногда не справляются и как это исправить

Читать на DSGNERS! | #статьи

Создайте гиперкинематографическую анимационную графику в After Effects

Готовы ли вы революционизировать свой потенциал After Effects? Через несколько минут вы сможете легко создавать невероятные визуальные эффекты, используя возможности этих новых техник анимационной графики.

00:00 Вступление
00:15 Шаг 1 – 3D-объекты
01:35 Шаг 2 – Построение сцены
03:07 Шаг 3 – Текстурирование
03:50 Шаг 4 – Глубина резкости
04:49 Создаем что угодно

#tutorial | By SonduckFilm

Work-life blend: когда личное и рабочее становятся одним целым

Павел Макагонов: как создать крутые сайты для крутых клиентов. Узнай, как школа ноу-код разработки Pixel Perfect помогает студентам стать экспертами по Webflow и успешно работать на Upwork. Подробнее о кейсах с клиентами - Самолет, Сбербанк, Касперский и

Читать на DSGNERS! | #статьи

Как создать анимацию каракулей в After Effects

#tutorial | by P A N T E R

Заглядываем за кулисы разработки UX/UI продукта. Спойлер: там почти нет креатива, но бизнес от этого лишь выигрывает

Статья об опасностях переоценки креатива в UX/UI. Узнаете, почему избыток креатива может обойтись вам дорого. В современной мобильной разработке - место для креатива?

Читать на DSGNERS! | #статьи

Простая анимация статей

В этом видео я кратко разбираю (очень крутую) анимацию абзаца, которую недавно сделал в коротком видео. Здесь есть все, что вы можете попросить. Отличная синхронизация и текстура. Нет ничего более совершенного, чем это. Вы можете проделать ту же технику и с обычными текстовыми слоями. Это не обязательно должна быть цитата из книги или статьи.

00:00 Вступление
00:03 Пример
00:27 Запуск After Effects
00:51 Файл проекта
01:18 Подготовка анимации
02:20 Синхронизация анимации
03:08 Где взять пресеты
05:06 Текстурированный фон
06:26 Важность высококачественных материалов
06:56 Анимируем сцену
09:17 Добавляем немного соуса
10:56 Возвращаемся к анимации эпизода
12:06 Доводим анимацию до совершенства
12:41 Приготовление окончательного соуса
14:51 Текстура
17:00 Окончательный результат

#tutorial | By Mapal

Зачем вам эмоциоанльный дизайн

Статья рассматривает популярное понятие "эмоциональный дизайн". Автор, Лёша, дает обзор и свои рекомендации по применению этого подхода в проектировании цифровых продуктов

Читать на DSGNERS! | #статьи

Лучший способ создать волны в After Effects

Волны в After Effects – это важнейший навык, и в этом уроке мы рассмотрим 3 способа создания волновой анимации в After Effects. Мы будем использовать такие эффекты, как волновая деформация и карты смещения, чтобы создать дерзкие волны в After Effects.

#tutorial | Original | Project | By MotionXP

Дайджест продуктового дизайна, август 2024: Главное

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

Читать на DSGNERS! | #статьи

Создание стеклянных элементов в After Effects

В этом уроке по After Effects я покажу вам простой способ создать классные стеклянные элементы с помощью After Effects. Вы также можете реализовать это в кинематографической UI Motion Graphics.

#tutorial | By TomsProject

Тринадцатый выпуск «Новостей Дизайна»

Новый выпуск журнала: ребрендинги Jaguar и Профи.ру, проект Лебедева, Джиган и Том Холланд, айдентика музея Guggenheim. 18 свежих кейсов для прокачки визуальной насмотренности

Читать на DSGNERS! | #новости

Я воссоздал вирусную анимацию головы Бруно Марса

В этом уроке вы узнаете, как именно создать эффект покачивающейся головы из нового видео-хита Бруно Марса.

#tutorial | By After Effects Basics

Дайджест продуктового дизайна, ноябрь 2024: Главное

Узнайте, как в дайджесте, выпускаемом с 2010 года, извлекается самое важное каждый месяц. Читайте об уникальных методах выделения ключевой информации

Читать на DSGNERS! | #статьи

Анимация текста, нанесенного с помощью аэрозольной краски в After Effects

В этом уроке по After Effects мы создадим текстовую анимацию с распылением краски в After Effects без использования каких-либо плагинов. Мы создадим вид аэрозольной краски, а затем добавим эффекты написания текста, и все это в After Effects.

Download Textures:
Texture 1 | Texture 2 | Texture 3

#tutorial | By Motion Nations

MLP. О продуктах и любви

Узнайте, как связано новое понятие с классическим MVP. Переходите к полному тексту!

Читать на DSGNERS! | #статьи

Вкусные методы текстовой анимации

В этом уроке по After Effects я покажу вам некоторые приемы текстовой анимации, о которых я уверен, что вы еще не знали.

00:00 Анимация текста в After Effects
00:26 Случайное скрытие букв в тексте
01:48 Добавление уникального эффекта свечения
03:09 Анимация с использованием выражений в After Effects
03:45 Масштабирование текста
05:22 Добавление отражений в текст
05:55 Уникальный светящийся контур
07:57 Анимация закольцованных букв
09:00 Добавление цветного блеска
09:41 Создание царапин с помощью CC Mr Mercury

#tutorial | By Manuel does Motion

Дизайн-дайджест премии CSS Design Awards. Сайт месяца. Ноябрь'24

Статья о различных способах приветствия, их значение в общении и создании позитивной атмосферы

Читать на DSGNERS! | #статьи

Изображение в 3D объект в After Effects

В этом новом уроке по эффектам от flomotion вы узнаете, как создавать 3D-объекты из источников изображений, просто нажав одну кнопку.

#tutorial | By flomotion

Что такое дизайн-аудит и зачем он необходим?

Статья рассказывает о важности проведения дизайн-аудита для улучшения продукта, выявления слабых мест и повышения его функциональности

Читать на DSGNERS! | #статьи

Сделайте лучшие изменения разделенного экрана в After Effects

В быстром или идеальном темпе вы можете создавать одни из самых красивых рекламных роликов на разделенном экране. Мы воспользуемся несколькими простыми приемами After Effects, чтобы создать невероятно детализированный разделенный экран.

00:00 Вступление
00:16 Шаг 1 – Дизайн заполнителя
01:09 Шаг 2 – Вставка Мультимедиа + Анимация
03:13 Шаг 3 – Оформление Мультимедиа
03:57 Шаг 4 – Анимация титров
04:43 Шаг 5 – Дополнительная графика
05:26 Шаг 6 – Объединение разделенных экранов

#tutorial | By SonduckFilm

Паттерн поиска в мобильном приложении. Какую механику выбрать дизайнеру?

Статья расскажет об эффективных методах организации поиска, позволяющих пользователям быстро находить необходимую информацию

Читать на DSGNERS! | #статьи