Добавление взаимодействий в InVision не составляет труда. Существует несколько различных способов, но самый простой — использовать панель InVision Interactions.
Эта панель расположена в правом нижнем углу интерфейса InVision и содержит множество различных инструментов и панелей, которые можно использовать для добавления взаимодействий в свои проекты.
Сначала необходимо создать новое взаимодействие. Для этого щелкните панель Interactions (Взаимодействия), а затем нажмите кнопку New (Создать).
Откроется диалоговое окно New Interaction, в котором вы можете дать название взаимодействию и выбрать его тип. В этом учебнике мы будем использовать тип взаимодействия «Новая кнопка».
После того как вы назвали взаимодействие, вам нужно выбрать триггер. Это событие, которое будет запускать взаимодействие.
В этом уроке в качестве триггера мы будем использовать кнопку Click.
Далее необходимо выбрать ответную реакцию. Это действие, которое будет выполнено при срабатывании взаимодействия.
В этом руководстве мы будем использовать кнопку Show в качестве ответа.
Наконец, вам нужно выбрать контекст. Это контекст, в котором будет происходить взаимодействие.
В этом уроке мы будем использовать контекст Viewer.
После того как вы закончите настройку взаимодействия, вам нужно будет добавить его в дизайн. Для этого щелкните на панели Взаимодействия, а затем нажмите на кнопку Добавить.
Откроется диалоговое окно Добавить взаимодействие, где вы можете выбрать, к какому элементу будет привязано взаимодействие. В этом уроке мы прикрепим взаимодействие к элементу «Новая кнопка».
После того как вы добавили взаимодействие, вам нужно его протестировать. Для этого нажмите на контекст Viewer, а затем нажмите на элемент New Button.
Это приведет к запуску взаимодействия и покажет кнопку Show (Показать). Нажмите на кнопку Show, чтобы протестировать взаимодействие.