ОнЛайн Приложения, - для создания макета или прототипа Блога,Сайта

Одна из самых важнейших задач, при создании эффективного проекта с малым количеством ошибок, — составление плана или наброска для будущего сайта, блога или любого другого Стартапа.

Перескакивания в процессе создания элементов интерфейса с одной части на другую неприемлемы, поэтому могут стать проблемой для разработчика - web дизайнера.

Поэтому, пока люди умеют держать карандаш в руках, будут и прототипы, макеты, наброски и т.п. Те формы, что позволяют увидеть схематику, - некий план ресурса, его структуру, которые станут основой для дальнейшей разработки его интерфейса и оформления дизайна.

Насколько необходим макет?

Представьте себе оратора или политика произносящего длинную речь по серьезной проблеме без подготовленных записей... Представили? Так устроен наш мир, что прекрасных ораторов, - единицы. Но умение красиво говорить без бумажки на любую тему, не отрицает ответственности за произнесенное... Поэтому практически все люди подходящие серьезно и ответственно к выступлению, готовят свои наработки, - записи... "...Лучший экспромт, - заранее подготовленный и откорректированный текст речи..." Нас этому учили наши преподаватели, и большое спасибо им за это.)

Прототип или макет сайта по своей сущности — черно-белое представление, структура, элементы интерфейса веб-сайта. Макет, как правило, сочетает в себе только идею, которая позднее воспроизводится на экране, сохраняя при этом целостность разработанной структуры или иными словами первоначальное расположение элементов.

Создание прототипа позволит сэкономить время и деньги, а также практически полностью определиться со структурой сайта. Решение проектировать сайт без планирования, в дальнейшем может во много раз снизить его эффективность, что в конечном итоге скажется как на развитии, так и на доходах.

В этой статье мы собрали несколько приложений и онлайн инструментов для создания макетов или прототипов для сайта. И хотя все эти инструменты позволяют делать качественные и простые для понимания макеты, порой простой карандаш или ручка могут быть не менее удобными средствами при проектировании прототипа.

Именно по-этому многие разработчики сочетают обе возможности, воздавая макет на бумаге, и впоследствии перенося его на экран с частичными доработками. Главный плюс такого варианта в том, что с электронным прототипом будет проще работать, он позволяет редактировать и дорабатывать детали наиболее оперативно. Ведь внести небольшое изменение и распечатать макет, гораздо удобнее, чем полностью перерисовывать его заново вручную.

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

Mockingbird

 

   

Mockingbird - Очень популярный инструмент для создания прототипов. Он позволяет легко создавать, просматривать и редактировать макет, а так же обмениваться наработками друг с другом. Сервис обладает красивым и удобным интерфейсом, включает привязку к сетке, перетаскивания, большой набор разнообразных элементов и много других полезных функций и параметров.

Pencil Project

Pencil Project - Сорее большой плагин для FireFox, нежели онлайн сервис или веб-приложение. После его установки создавать схемы, макеты и пользовательские интерфейсы можно будет прямо в браузере, а благодаря простому интерфейсу и большому количеству всевозможных инструментов и функций (многостраничные документы, богатая поддержка текста, экспорт html, png, файлов OpenOffice и многое другое) разработка будет упрошена до минимума.

ProtoShare

Photoshare - предоставляет собой простой инструмент для создания каркасов сайта. С помощью этого сервиса вы сможете создать прототип любой сложности т.к. сервис обладает всеми необходимыми инструментами. Вид интерфейса и его удобство настолько тонки, что окно для работы никогда не будет казаться переполненным и даст достаточно места для работы.

Hot Gloo

Hot Gloo - Очень удобное и популярное средство для разработки макетов. Яркий и простой интерфейс с гигантским набором инструментов, функции и всевозможные средства для создания, редактирования и калибровки прототипа сайта. Различные привязки, функции перетаскивания элементов, обширное количество свойств у объектов … перечислять полезные функции можно бесконечно. Нельзя не отметить возможность поделиться наработкой с коллегами и простой функцией передачи файлов при работе в команде. Но, при большом количестве плюсов всегда есть и минус. Для использования сервиса на полную мощность придется заплатить от 7 до 48 долларов в месяц, в зависимости от выбранного тарифа.

MockFlow

MockFlow   - ОнЛайн и оффлайн сервис с обширной библиотекой шаблонов и различных элементов, количество которых позволяет свободно управлять разработкой и тем самым делать оригинальные и технически сложные прототипы. Приложение распространяется как в свободном доступе, так и в платном варианте. При оплате безлимитного пакета (цена составляет 4.91$ в месяц) вы получаете доступ ко всем макетам, дисковую квоту в 500МБ для хранения информации, экспорт в PDF/PPT, командный чат и много других разнообразных функций.

Balsamiq Mockups

MockFlow - Еще одно очень популярное и невероятно функционально приложение. Главное отличие от «собратьев» в том, что Balsamiq — Adobe Air приложение, поэтому оно работает как на Windows, так и Mac или Linux. Более 75 встроенных компонентов для пользовательского интерфейса, более 185 значков и куча генерируемых компонентов. Экспорт готового прототипа в формат PNG или PDF и, конечно же, удобный и быстро осваиваемый интерфейс, который позволит сосредоточиться именно на разработке.

Creately

Creately - ОнЛайн приложение для создания как прототипов, так и блок-схем и диаграмм. Частично переведено на русский язык и имеет бесплатную версию с ограниченным функционалом (ограничение снимается путем регистрации). Из всех приложений, рассмотренных в статье, у Creately самый простой интерфейс и наименьший выбор компонентов, тем не менее для создание простых макетов или же блок схем лучшего сервиса и не придумать.

Список похожих приложений можно было бы продолжать и дальше:

 

Но, мы считаем, что для нахождения наиболее подходящего этих сервисов вполне хватит... Для тех же, кому покажется этих Сервисов мало, способ есть, - поисковик.)

Дело за Вами, - ознакамливаемся, пробуем, выбираем, работаем...

Успехов.)