Главная > Инструменты, Управление проектами > 5 полезных онлайн-инструментов для планирования веб-дизайнов и создания их прототипов
5 полезных онлайн-инструментов для планирования веб-дизайнов и создания их прототипов2 апреля 2010, 00:20. Разместил: Mysterious Master |
Если вы не умеете планировать, то вы планируете свой провал. Это старый афоризм, и он все еще актуален. При разработке проекта любого сайта может показаться, что, прежде чем заняться планированием, проще всего быстро начать его разработку, как только вы получите одобрение макета клиентом. К тому времени, как вы покажете клиенту первый выполненный этап, он может передумать, много чего поменять (значительно переосмыслить детали), и вам придется переделывать свое полуготовое решение в последнюю минуту. Это может привести к серьезным проблемам с эксплуатацией сайта в дальнейшем, когда вы соедините все части сайта. Я также твердо убежден, что многие проблемы, требующие «специальной доработки», можно решить, озвучив свои возможности на этапе переговоров и согласования со своим потенциальным клиентом. Многие дизайнеры и разработчики для планирования дизайна (набросков макета дизайна) пользуются старой доброй ручкой и бумагой, однако, это не очень подходит для подготовки крупных проектов, в процессе подготовки которых, вам нужно сотрудничать со множеством разных людей или получить подписи нескольких сторон. Другие сразу занимаются HTML, чтобы создать макет, что, как я думаю, может немного ограничивать креативность, так как ставит дизайнера в рамки того, что реально можно сделать с помощью HTML/CSS. Часть предложенных инструментов для создания прототипов сайтов могут быть очень полезны для создания макетов, а другая часть – уже содержит элементы для социальных функций. 01. JumpChart JumpСhart создали ребята из Paste Interactive, отличной маленькой компании, которая создает полезный софт, вроде этого. Они принимают несколько вариантов оплаты – от бесплатной версии с возможностью хранения 1MB данных, до версии Deluxe за $50 в месяц. Каждой копией Jumpchart можно полноценно пользоваться совместно, и она генерирует свою собственную карту сайта. Интерфейс программы понятный и броский, и позволяет вам легко перетаскивать страницы в новое расположение в рамках интерфейса. 02. RapidRabb.it Созданный с использованием нескольких обалденных рабочих областей, javascript и Ajax, RapidRabbit – это причудливая маленькая программа (инструмент) для создания прототипов сайтов, которая даст вам возможность создавать интерактивные каркасные модели или макеты с многократно используемыми частями, построенными на принципе слоев. 03. WriteMaps Хотя Writemaps пока не продается строго как приложение для создания каркаса сайтов, оно позволит вам быстро и легко набросать структуру сайта и разместить ее в Интернете. Мы воспользовались им пару раз для выполнения заказа одного клиента, и можем заметить, что его прелесть состоит в возможности перемещения страниц на новое место расположения (хост), сохранять результаты и передавать эту информацию обратно разработчику. Крупный сайт может испытывать затруднения с экспортом образа всей своей карты, но если вас волнует только то, как он отобразит карту в браузере, то это вовсе не проблема. 04. Mind Meister Собственно говоря, так называемая «интеллект-карта (из Википедии) (карта ума, разума)» (mind mapping) – это модный термин для обозначения мозгового штурма. Ранее мы уже писали о том, что являемся приверженцами этой техники в отношении новых статей для блога. А с Mind Meister, вы можете создать процесс интеллект-карты для нового сайта в режиме он-лайн, и поделиться им с другими. 05. ProtoShare Protoshare позволяет проклацать (просмотреть, проверить) прототип сайта и тут же получить от него отклик (пинг). Этот инструмент обзора легок в использовании даже для новичков, а его система интуитивно понятна. Разработчики предоставляют множество разных платежных планов и 30-дневный пробный вариант для тех, кто хочет опробовать программу, прежде чем ее купить. Оффлайновые инструменты http://www.balsamiq.com – Создает полезные макеты программ за считанные минуты http://www.gliffy.com – Хороший сайт с вспомогательными инструментами для создания блок-схем и др. http://www.axure.com/ – Очень уважаемый оффлайновый инструмент для создания прототипа сайтов http://www.evolus.vn/Pencil/ – Превратите свой Firefox в планшет http://code.new-bamboo.co.uk/polypage/ – Polypage был создан, чтобы облегчить процесс показа структуры нескольких страниц уже (сразу) в html макетах. http://www.protonotes.com/ – Вики-технология, написанная на javascript поверх вашего прототипа. Отличное решение для внутрикомандного сотрудничества. Вернуться назад |