Principle 6.42

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

Этот продукт — умный микс между Sketch, Keynote, Flash и After Effects (плюс некоторые крутые возможности для интерактивных прототипов). Что меня поразило в первый момент, все кажется очень знакомым. Если вы работали со Sketch, вы без труда разберетесь с Principle: инспектор, список слоев, артборды.

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

Интерактивность
Этот инструмент был разработан в основном для устройств с тач экранами, поэтому он позволяет определить множество типов взаимодействия: тап, драгэнддроп, скролл, долгое нажатие.

Панель анимации
Что общего имеют все статьи об анимации? Они настоятельно рекомендуют никогда не делать анимацию линейной, потому что ее не существует в реальном мире. И здесь Principle снова на высоте. По умолчанию к каждой анимации будет применяться easy-in/easy-out эффект, который вы можете легко перенастроить самостоятельно.

Драйвер-панель
Чтобы полностью понять, как работает эта функция, потребуется время. Но разобравшись с ней, вы сможете делать удивительные вещи с вашим прототипом. Обычно драйвер используется на скролл или событие перемещения, чтобы связать несколько элементов или повесить несколько обработчиков на один элемент. Скажем, вы хотите, чтобы появлялся перекрывающий слой, когда вы тяните элемент, или чтобы какой-нибудь элемент вращался во время свайпа (как в Tinder, Jelly)

Кое-что еще
Конечно, есть множество более мелких функций, таких как: маски, текст, предустановки, артборды… И еще, для вас дриббблеры, есть автоматический экспорт анимаций в GIF, чтобы поделиться ими с друзьями-дизайнерами.

Что нового:

Версия 6.0:

• Поделиться в Интернете
• Поддержка просмотра общих прототипов на Android, Windows, Linux, macOS и iOS.
• Общие прототипы включают информацию о шрифтах, поэтому шрифты всегда отображаются правильно.
• Импорт заметок — узнайте, почему слой был сглажен при импорте.
• Экспорт в файл HTML — отдельный файл вашего дизайна для размещения на собственном сервере.
• Новое меню экспорта: «Поделиться в Интернете», «Экспорт в HTML», «Изображения», «Запись видео», «Запись GIF».
• Обновленный интерфейс инспектора свойств.
• Обновлены все значки.
• Исправлена ошибка, из-за которой слои Figma с непрозрачностью импортировались некорректно.
• Исправлена ошибка, из-за которой длинные имена слоев отображались некорректно на панелях «Драйвер» и «Анимация».

Снимки экрана:

• 
• 
•