Программа для проектирование интерфейса web сайта

Прежде чем рисовать дизайн, нужно сделать проектирование интерфейса сайта. Протестировав несколько онлайн сервисов и программ для создания прототипа сайта, я остановился на программе Balsamiq Mockups 3. Программа очень проста в освоении и не перегружена лишним функционалом. Для работы в программе достаточно базовых навыков работы за компьютером.

Интерфейс программы следующий:

balsamiq - проектирование интерфейса сайта

Кто не знает зачем нужны программы для разработки прототипа сайта, я расскажу ниже.

Часто бывает что заказчик не знает что хочет видеть на сайте. Или думает что знает, и в ТЗ указывает основные блоки, при этом забывая про детали.

Такого заказчика легко определить по  ТЗ на дизайн сайта. Обычно к  ТЗ не прикреплены «скетчи» страниц сайта сделанные хотя бы на обычном листе бумаги и сфотографированные на мобильный телефон. А просто перечислены текстом блоки, что-то похожее на:

  • логотип
  • номер телефона
  • главное меню
  • слайдер
  • блок новостей
  • еще что-то
  • футер с кнопкой обратного звонка.

Знайте, даже если вам кажется понятным что хочет заказчик и вы готовы сразу рисовать дизайн, нужно сначала создать прототип сайта.

Я знаю три основных способа нарисовать прототип сайта:

  1. Листок бумаги и карандаш. Такой способ подойдет для проектирования простого одностраничного сайта.
  2. Использовать онлайн сервис для создания прототипа сайта. Например, gomockingbird.com или mockflow.com. Таких сервисов достаточно много, но недостаток у них один — нужно подключение к интернету.
  3. Использовать оффлайн (работает без интернета) программу проектирования сайта. Например Axure или Balsamiq Mockups 3

Проанализировав каждый из способов, я выбрал  Balsamiq Mockups 3. К достоинствам которого отношу:

  • быстрое обучеие (у меня ушло до 5 минут)
  • простота использования (все кнопки на своих местах)
  • низкие системные требования
  • малый вес программы (быстро скачал, установил и создал прототип сайта)
  • есть способ пользоваться бесплатно
  • можно использовать без подключения к интернету

Важно! Программой бесплатно можно пользоваться первые 30 дней. Как бесплатно активировать программу, можно посмотреть здесь:


Скачать лекарство 

Остались вопросы? Оставляй их в комментариях и я обязательно отвечу)