Принципы анимации для UX и UI дизайнеров, от простого к сложному

Мы тратим много времени на усовершенствование цифрового опыта, и об анимации часто вспоминают в конце, когда дело доходит до ее создания.

Микровзаимодействия в пользовательском опыте

Микровзаимодействия передают состояние системы, предотвращают ошибки и сообщают бренд. Они инициируются триггером, являются одноцелевыми и делают опыт увлекательным.

Микро-подталкивание: микро-анимация для изменения поведения пользователя

Микро-подталкивание – это небольшая своевременная анимация, которая побуждает пользователя выполнять «маленькую» задачу.

Почему моушн-дизайн не должен быть сложным

Несмотря на большой потенциал, моушн-дизайн, пожалуй, наименее понятая из всех дисциплин дизайна.

4 маленьких хитрости создания анимации в Principle

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

Моушн-дизайн в цифровых продуктах. Заметки с семинара Dropbox в Сан-Франциско

Записи с семинара по инновациям в моушн-дизайне, который проводила компания Dropbox в Сан-Франциско в 2018 году.

100-дней моушен-дизайна

Я начала свой первый 100-дневный проект еще в 2015 году. Мои предыдущие проекты: 100 дней дудла, 100 дней письма, 100 дней акварели и 100 дней векторной иллюстрации.

Практические советы по улучшению микровзаимодействий вашего интерфейса

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

9 шагов, чтобы начать использовать анимацию в интерфейсах

Анимированные интерфейсы полны жизни и эмоциональности. Анимация добавляет статическим вещам жизнь. Когда дело доходит до интерфейсов, дело не только в восторге, но и в решении проблем.

Дизайн и анимации на основе кода при помощи Framer

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

6 рекомендаций по созданию полезных анимаций

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

Прототипирование не выходя из Sketch с помощью Mirr.io

Mirr.io – хитроумный инструмент для превращения ваших Sketch-проектов в работающие, совместно используемые прототипы. И все это прямо в Sketch.

Удобный интерфейс с помощью движения: 12 принципов UX-анимации

Этот манифест представляет мой ответ на вопрос – «Будучи UX- или UI-дизайнером, как я знаю, когда и где внедрять анимацию для поддержки юзабилити?»

Создание карточной анимации Star Wars в Principle с помощью драйверов

В этом туториале мы по полной пройдемся по теме Звездных войн, они вдохновили меня на создание этой карточной анимации в Principle.

Как создавать кастомные анимации загрузки в Principle для уменьшения процента отказов

Известные как тробберы, анимации загрузки используются для индикации прогресса сбора данных или…

Пошаговое руководство по анимации интерфейса в Principle и Sketch

В этом уроке вы научитесь эффективным приемам UI-анимации с помощью Principle для Mac. Вы сможете превратить скучные макеты в интерактивный прототип.

Craft Freehand— быстрый, гибкий способ коллаборации в реальном времени

Для этого и создан новейший инструмент от Craft производства InVision LABS — Freehand, быстрый, гибкий способ коллаборации в команде, в реальном времени.

Principle для профессионалов: самое полное руководство по работе в связке Sketch – Principle

Вы, возможно, уже работали в Principle ранее и успели его возненавидеть. Этот пост изменит ваш стандартный процесс прототипирования в Principle к лучшему.

Экспорт исходника Sketch в нативный код с помощью AnimaApp

Anima – дает возможность дизайнерам владеть собственным дизайном. На выходе будет сгенерировать нативный код, который будет полностью соответствовать оригиналу

Создание прототипа кастомной pull-to-refresh анимации во Flinto

Pull-to-refresh остается одним из самых популярных жестов, реализованных в мобильных приложениях. Сейчас мы его реализуем в Flinto.