TOP Tutorial | Бесплатные уроки по дизайну
5.86K subscribers
6.07K photos
432 videos
946 links
Бесплатные туториалы и фишки для начинающих и более опытных дизайнеров

Figma, Photoshop, Illustrator

Реклама / Сотрудничество - @design_manager_bot
Download Telegram
Практическое руководство по анимации переходов в интерфейсах

Перевод статьи Донгкю Ли о том, каких принципов стоит придерживаться при создании анимаций переходов. Он выделяет шесть важных моментов, которые позволят сделать красивые и уместные анимации в любом дизайне интерфейсов: плавное появление и затухание с изменением прозрачности, масштабирование, постоянное направление движения, баланс скорости, приоритеты, порядок/группировка элементов и ориентация в пространстве.

Ссылка

#article_nd

TOP Tutorial
This media is not supported in your browser
VIEW IN TELEGRAM
Библиотека референсов прямо нк выходя из Figma 😇
#figma

Чтобы не ломать голову как расположить объекты в этом блоке, запускаешь плагин Bibbble, и смотришь кучу вариантов реальных сайтов.

Автор: dmrygrachev

Установить плагин

TOP Tutorial
🔥1
Как расположить текст как на видео?
Всего 2 шага

Первый шаг. Берем инструмент «перо», и создаем область, по которому должен располагаться текст(убедитесь, что наверху на панели должен стоять контур, а не фигура)

Второй шаг.Выбираем инструмент текст и нажимаем на созданную область, регулируем размер, интервал
#photoshop

Автор: @Thedesignsubway

TOP Tutorial
1
Как не надо делать дизайн сайта

#советы

TOP Tutorial
2
Ну что, отдохнули немного?)
Будем постепеееенно возвращаться к нашим урокам😁

Автор: @uprock.school

TOP Tutorial
🔥3