Перед тем, как говорить о самом создании сайта, давайте все же разберемся, что такое прототипирование сайта. Это создание набора связанных между собой html-макетов. И занимается этим не обычный дизайнер, а дизайнер-интерфейсов. Специфика профессии заключается в том, что этот специалист не просто рисует макеты, а создает взаимодействие их между собой.
То есть прототип сайта будет выглядеть как тестовая модель с кликабельным логотипом, работающими кнопками и так далее, для лучшего восприятия будущего приложения.
Прототипирование сайта онлайн в сервисе MarvelApp
Мы хотим рассмотреть создание прототипа сайта онлайн с помощью сервиса MarvelApp. Благодаря ему можно создать прототип сайта буквально за 20 минут. Он превращает скетчи и картинки в кликабельную модель, которая поможет понять, как будет вести себя сайт, если кликнуть на кнопку или любую часть экрана. Кстати, здесь можно бесплатно создать до 3 проектов.
Итак, расскажем все поэтапно:
- Для начала необходимо зарегистрироваться на сайте.
- После входа вы попадете в раздел своих проектов, которых пока еще нет. В этом разделе можно посмотреть видео-инструкцию, в котором рассказывается о том, как сделать прототип сайта, или же можно использовать тестовый проект. Естественно, лучше заранее подготовить изображения и начать работать уже над своим проектом.
- Нажимаем «Сreate new project» и даем название своему проекту.
- Далее переходим в настройки, где нужно выбрать устройство для будущего прототипа приложения. У каждого устройства свой размер экрана, поэтому необходимо выбрать требуемый размер из предложенных. Это поможет нарисовать прототип сайта конкретно под определенное устройство.
- Далее загружаем подготовленные изображения.
- Итак, открываем окно с любым приложением, нажатием кнопки «Edit». Теперь просто нужно связать между собой все приложения, чтобы получился интерактивный прототип сайта.
- После того, как связаны все изображения, можно нажать на кнопку «Play» и посмотреть как выглядит сам прототип сайта.
Видеоинструкция по созданию прототипа сайта онлайн
Подробнее о прототипировании сайта онлайн смотрите в коротком видеоуроке Максима Солдаткина.
Всего за восемь минут опытный дизайнер расскажет о создании интерактивного прототипа, а также покажет несколько интересных фишек. Приятного просмотра!
