Туториал по созданию плавной анимации увеличения объекта

Создаем красивый эффект свечения при наведении

Инклюзивная типографика — если ты всё ещё делаешь 12px, пора пересмотреть

Хорошая типографика — не только про красоту. Она про доступность.

Если твой текст красиво смотрится на дриббле, но не читается на экране телефона — ты не дизайнер, ты декоратор.

Что учитывать, чтобы типографика работала для всех:

— Кегль: минимум 16px для основного текста. Не обсуждается.
— Контраст: серый на сером — не дизайнерский приём, а ошибка.
— Шрифты: без перегруза. Простые, с нормальной высотой строки.
— Интерлиньяж: от 1.4 и выше — особенно важно для пожилых или людей с нарушениями зрения.
— Выравнивание: влево. Justify = рваный ритм и дыры в тексте.
— Капс: для акцентов, не для целых абзацев.

Инклюзивность — это не тренд. Это уважение к тем, кто читает твой интерфейс.
И это должно быть нормой.

Гайд на анимации кнопки в Figma

Гайд на анимацию экрана

Event Booking App.

120+ готовых экранов для приложения мероприятий с темной и светлой темами. Полное решение для бронирования и организации событий!

Открыть в figma 🔗