telegram каналМикровзаимодействия передают состояние системы, предотвращают ошибки и сообщают бренд. Они инициируются триггером, являются одноцелевыми и делают опыт увлекательным.
анимация
Principle
Экспресс-курс прототипирования в Principle для Web и UX/UI дизайнеров. Интро
Как быстро начать использовать Principle для воссоздания распространенных веб-взаимодействий
Principle
Экспресс-курс прототипирования в Principle для Web и UX/UI дизайнеров. Урок 1/2
Эта половина экспресс-курса содержит интерактивное обучение и позволяет понять почему Principle называют «Sketch прототипированием».
Анимация интерфейсов
Почему моушн-дизайн не должен быть сложным
Несмотря на большой потенциал, моушн-дизайн, пожалуй, наименее понятая из всех дисциплин дизайна.
UX дизайн
10 креативных индикаторов загрузки
Анимированный индикатор прогресса – это наиболее распространенная форма предоставления пользователям статуса системы, когда что-то происходит или загружается.
Анимация интерфейсов
4 маленьких хитрости создания анимации в Principle
Principle дает вам возможность продемонстрировать основные взаимодействия за несколько простых шагов. Прочитав эту статью, вы будете на четыре шага ближе к выражению своих идей.
Анимация интерфейсов
100-дней моушен-дизайна
Я начала свой первый 100-дневный проект еще в 2015 году. Мои предыдущие проекты: 100 дней дудла, 100 дней письма, 100 дней акварели и 100…
Анимация интерфейсов
9 шагов, чтобы начать использовать анимацию в интерфейсах
Анимированные интерфейсы полны жизни и эмоциональности. Анимация добавляет статическим вещам жизнь. Когда дело доходит до интерфейсов, дело не только в восторге, но и в…
Framer
Дизайн и анимации на основе кода при помощи Framer
В этой статье мы познакомимся с Framer – инструментом для прототипирования и дизайна, основанного на коде. Мы рассмотрим основные концепции, которые делают Framer эффективным…
Разное
Анимированный прототип в перспективе с помощью After Effects
В прошлом году многие дизайнеры заметили широкую тенденцию анимации мобильного дизайна и представление его в персперктиве. Я думал: «Как они это делают?
Анимация интерфейсов
6 рекомендаций по созданию полезных анимаций
После некоторого времени размышлений и исследований я придумал список из 6 рекомендаций, которые, я надеюсь, помогут вашим стараниям в области анимации.
Анимация интерфейсов
Прототипирование не выходя из Sketch с помощью Mirr. io
Mirr.io – хитроумный инструмент для превращения ваших Sketch-проектов в работающие, совместно используемые прототипы. И все это прямо в Sketch.
UX дизайн
Удобный интерфейс с помощью движения: 12 принципов UX-анимации
Этот манифест представляет мой ответ на вопрос – «Будучи UX- или UI-дизайнером, как я знаю, когда и где внедрять анимацию для поддержки юзабилити?»
Principle
Создание карточной анимации Star Wars в Principle с помощью драйверов
В этом туториале мы по полной пройдемся по теме Звездных войн, они вдохновили меня на создание этой карточной анимации в Principle.
Principle
Как создавать кастомные анимации загрузки в Principle для уменьшения процента отказов
Известные как тробберы, анимации загрузки используются для индикации прогресса сбора данных или рендеринга интерфейса. Прошли те времена, когда единственной опцией была стандартная, скучная полоса загрузки.…
Principle
Пошаговое руководство по анимации интерфейса в Principle и Sketch
В этом уроке вы научитесь эффективным приемам UI-анимации с помощью Principle для Mac. Вы сможете превратить скучные макеты в интерактивный прототип.
UX дизайн
Ребрендинг цифрового банка Monese: История создания нового вида
Monese - это банковский сервис, который позволяет открыть локальный банковский счет резидентам Европейской экономической зоны всего лишь за 120 секунд даже, если клиент не…
Principle
Как просто и быстро анимировать персонаж в Principle
После того, как я запостил свой первый анимированный персонаж на Dribbble, несколько пользователей поинтересовались, как я использовал Principle для создания анимации. Если вы еще…
Framer
Новый уровень прототипирования с Framer. Вводный урок
В этом кратком уроке я покажу, как взять пару экранов интерфейса из Sketch и импортировать их в последнюю версию Framer.
Framer
Модуль ViewController для Framer. js
Модуль ViewController для Framer.js помогает вам создавать мультишаговые сценарии пользователя с готовыми переходами вроде затемнения (fade in), увеличения (zoom in) и листания (slide in).…