Видео уроки Principle for mac. Создание анимации интерфейсов с помощью Principle и Sketch

В наше время быть дизайнером и просто рисовать интерфейсы не достаточно, поэтому в нашу профессию тесто вошло понятие UX дизайнер. Эти люди не только рисуют красивые картинки, а еще продумывают работу всего проекта, занимаются проектированием и юзабилити. Не последние место в работе UX специалиста занимает анимация интерфейсов, которая позволяет создать взаимодействие интерфейса с вашими пользователями. Сейчас существует огромное количество программных продуктов для создания анимации, на один из таких – Principle. Сегодня мы будем смотреть видео уроки Principle.

Данные уроки Principle взяты с канала на yutube у отличных парней с компании Sketchapp TV.

 

principle 80x44 - Видео уроки Principle for mac. Создание анимации интерфейсов с помощью Principle и Sketch

Principle — приложение для Mac OS, которое позволяет легко и быстро создать анимацию элементов пользовательского интерфейса и сгенерировать его интерактивный прототип. Будь то многоэкранное приложение или просто придуманный вами элемент дизайна, так просто и быстро реализовать это раньше не позволял ни одина программа. Бенжамин Бергер — бета-тестер ранней версии Principle, описал свой опыт в статье на Medium, где рассказал о первых впечатлениях и привел пару наглядных примеров использования.

 

Видео уроки Principle

Мобильное фото приложение: Переходы экранов • UI / UX Анимация с помощью Principle и Sketch

 

 

Удивительный UX: Переходы экранов • UI / UX Анимация с помощью Principle и Sketch

 

 

Анимация интерфейса в Principle: Переходы экранов • UI / UX Анимация с помощью Principle и Sketch

 

 

Мобильное фото приложение: Parallax Scrolling • UI / UX Анимация с помощью Principle и Sketch

 

 

User Onboarding Screens • UI / UX Анимация с помощью Principle и Sketch

 

Если вы нашли ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

Похожие записи
1 2 150x150 80x42 - Урок по созданию анимации в Figma, используя плагин Figmotion

Урок по созданию анимации в Figma, используя плагин Figmotion

Чтобы освоить Figma и Figmotion, я собираюсь воссоздать ряд микровзаимодействий из приложения Google Photos
1 haa2ntc2 ckxuz4befnleq 80x42 - Полное руководство по правильному использованию анимации в UX

Полное руководство по правильному использованию анимации в UX

В этой статье я собрал все основные принципы и правила создания анимации воедино
interaction design 80x42 - Как повысить ценность дизайна благодаря анимациям в интерфейсе

Как повысить ценность дизайна благодаря анимациям в интерфейсе

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