Агентство
интернет-маркетинга

 

Прототип landing page в Axure

01.08.2017

6 631

Прототип лендинга в axure Для создания прототипов есть 2 популярных программы: Axure и Balsamiq. Эта статья будет об Axure. При создании лендингов я пользуюсь именно им – он серьезный (без смешных и детских шрифтов как в Balsamiq), удобный и простой для работы. Сегодня вы узнаете какой функционал есть у Axure и как в нем сделать прототип.

Зачем нужен этап прототипирования (или архитектуры)

Прототип выполняет несколько задач:
  1. Вы показываете заказчику расположение блоков, тексты и структуру будущего лендинга или сайта.
  2. Прототип является техническим заданием для дизайнера. Намного проще показать расположение элементов в макете, чем словами объяснять дизайнеру где должны находиться иконки и как должен быть оформлен текст (подчеркнутый, жирный или обычный).

Функционал

Так выглядит только запущенная программа: Это страницы, в которых делают макеты. Если делаете только лендинг (1 страницу) – вам потребуется только страница "Home". Если делаете сайт, то это очень удобно и выглядит так: Нужные элементы находятся здесь в папке Default:

Как начать работать

Сперва рекомендую указать границу прототипа – ставьте 1000 пикселей: Для этого наведите курсор на эту область… … и перетягивайте курсор до нужной границы. Элементы для редактирования текста:

Элементы, которые вам понадобятся:

  1. Плашки (футер, шапка и т.д.)
2. Для конкретных изображений: 3. Иконки: 4. Заголовки: 5. Текст: 6. Кнопки: 7. Формы: 8. Границы для разделения блоков:  

Как это выглядит в прототипе

и на дизайне: Делайте простые и понятные прототипы!
Готовы пообщаться?Готовы пообщаться?Готовы пообщаться?

Комментарии

    1. moderator

      Петя, ну скрины из axure, а нам рисуют наши дизы (контакты не дадим, извините, слишком ценные сотрудники)

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Кейсы