Автор страницы
Марина Орешко
Информация о сервисе
- Mockflow - это целый пакет сервисов для создания интерактивных интерфейсов сайтов и приложений. Есть в этом наборе шаблон "AnnotatePro" для создания интерактивных плакатов. Загрузив изображение, можно добавить к нему большое количество разнообразных фигурок, меток, эффектов, прикрепить ссылки, тексты, изображения, Youtube-ролики, карты и презентации c сервиса Slideshare. Можно получить прямую ссылку на плакат или код для вставки на сайт и в блог.
- С одного аккаунта можно создать только один интерактивный плакат.
Как работать в сервисе
Регистрация
- Для работы в сервисе необходима регистрация. Заходим на сайт Mockflow, нажимаем "Get Started for FREE". В дальнейшем, чтобы зайти в личный кабинет, можно использовать кнопку "Login".
- При регистрации указываем своё имя, адрес электронной почты, придумываем пароль. Доступна регистрация с использованием аккаунта Google, но работает она нестабильно. Лучше регистрироваться по адресу электронной почты.
Создание интерактивного плаката
- Выбираем шаблон AnnotatePro (слева) и загружаем изображение (Select Image).
- После выбора нажимаем на кнопки в правом верхнем углу: сначала - "Next", потом "Upload". Далее нажимаем "Annotate Image". Открывается конструктор для добавления меток.
- На изображение можно добавить тексты, картинки (загрузить с ПК), различные стрелки, скобки, фигуры, кнопки, в том числе анимированные (помечены надписью "Anim"). Не все шрифты поддерживают кириллицу. Чтобы добавить метку, мышью перетягиваем её в нужное место на картинке.
- Теперь добавляем интерактивность. Выбрав метку, щёлкаем справа внизу кнопку "Add Interaction" и прикрепляем к метке тексты, ссылки, изображения, видео, карты и презентации. Все метки и интерактивности можно настроить на свой вкус: выбрать цвет, размер, толщину линий, фон и т.д.
- Ссылки к меткам добавляем не правой клавишей "мыши", а через сочетание клавиш "Ctrl+V".
- В разделе "Effects" можно добавить необычные эффекты к картинке - пикселизация, лупа, размытие, а в разделе "Stickers" - необычные надписи, стрелочки, смайлики, стикеры. К каждому стикеру можно добавить интерактивность.
Распространение
Полученный результат сохраняем кнопкой "Save" (сверху слева). А через кнопку «Share» делимся со зрителями интерактивным плакатом. Можно получить прямую ссылку на плакат или код для вставки на сайт и в блог.
Как разместить в вики
- 1. Откройте страницу вики, куда хотите вставить виджет, и переходите в режим Правка
- 2. Разместите код для вставки виджета
-
{{#widget:Iframe
|url=
|width=600
|height=400
|border=0
}}
- 3. Откройте страницу сервиса с вашей работой, найдите html-код, скопируйте часть кода
- 4.Вставьте скопированное в код виджета после url=
{{#widget:Iframe
|url=https://annotatepro.mockflow.com/embed.jsp?id=d66df624a6fae6d7aea0965f731e6c71
|width=600
|height=400
|border=0
}}
Примеры
Минералы Кольского Севера
Ссылки на полезные материалы
|