Бесплатные инструменты быстрого прототипирования интерфейсов и сайтов

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

Что же это такое прототипирования интерфейсов и сайтов?

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

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

Ниже я приведу несколько бесплатных веб-приложений и инструментов, которые можно использовать для быстрого прототипирования интерфейсов и сайтов для веб-дизайнеров и разработчиков интерфейсов. Хотя, лично я использую для прототипирования интерфейсов и сайтов программу Adobe Fireworks CS6.

 

01. Invisionapp

Drag & drop’ы , мобильная версия, простота комментариев, можно перелинковать прототипы страниц и походить по сайту без дизайна. Можно показать как работают уже отрисованные элементы дизайна и никакого кода.

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

02. Mockingbird

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

03. MockFlow

MockFlow дает вам все, что можно ожидать от онлайн-приложения для быстрого прототипирования интерфейсов и сайтов.

04. Lumzy

С Lumzy, вы можете создать макет сайта или приложения, который будет работать путем добавления событий управления. Например, что происходит, когда пользователь нажимает на кнопку? Вы можете создать оповещения для страницы навигации или ссылки на внешний контент, когда ваш клиент взаимодействует с прототипом.

05. iPhone Mockup Web App

Это очень простое веб-приложение позволяет создавать свои собственные макеты приложения iPhone и поделиться ими с другими людьми.

 

 

  • Tali

    спасибо огромное)

  • Maximuz Jams

    Спасибо за статью!

  • Dima Al

    Спасибо за подборку, мне кажется что бальзамик и аксур самые популярные инструменты. Вот тут есть список различных сервисов для прототипирования мобильных приложений http://www.apps4you.ru/razrabotchikam/

  • Lars Ostapov

    Спасибо за подборку, пока попробовал 2 первых сервиса, оба клевые.


Занесено в каталог Deport.ru
Return to Top ▲Return to Top ▲