Какие инструменты для веб-сайта для веб-сайтов доступны в Интернете или самостоятельно?

Я ищу простой в использовании инструмент для каркаса. Я слышал о gliffy, есть ли другие?

В частности, я хотел бы что-то, что

  • Простота использования
  • Поддержка совместной работы
  • экспорт в html и css
  • позволяет мне показывать каркасы клиенту. Разрешить аннотации было бы приятной особенностью.
  • низкая стоимость или бесплатная

ОТВЕТЫ

Ответ 1

Creately

Creately на самом деле не является бесплатным, но вы можете заплатить им любую цену, которую вы считаете правильным (даже $1). Некоторые функции (с официального сайта):

Бизнес-диаграммы

* Process Flow (BPMN)
* Online Flowcharts
* Concept Maps
* Mind Maps
* SWOT Diagrams
* Organizational Chart

Дизайн пользовательского интерфейса

* Wireframe for Website
* UI Mockup Wireframe
* Web Flow Charts
* Online Sitemaps
* Mockup Screens
* Desktop Software Mockup

Диаграммы программ и систем

* System Diagram and Design
* ER Diagrams (Entity)
* Data Flow Diagram (DFD)
* UML Diagrams
* Class Diagram
* UML State Charts

Сетевые диаграммы и многое другое

* Home Network Diagram
* Office Network Diagram
* Data Center Design Layout
* Capacity Planning models
* Digital Circuits

Creately example

Mockingbird

Другим вариантом является Mockingbird. Их "девиз":

  • Быстро размахивайте. Перетащите элементы пользовательского интерфейса на страницу, затем измените размер и измените размер. Переход от идеи к макету за считанные минуты.

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

  • Поделиться одним кликом. Совместное использование макетов с коллегами или клиентами так же просто, как отправка ссылки. Больше нет почтовых рассылок с перемешанными изображениями.

Mockingbird example

Mockingbird создается с использованием Cappuccino framework.

Ответ 2

Balsamiq, не полный бесплатный, но вы можете работать с ним.

Balsamiq

Ответ 3

Вы можете просто каркас в HTML.

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

Я написал сообщение в блоге некоторое время назад, в котором объясняются некоторые из преимуществ и инструментов прямого HTML-каркаса (извините за бесплатную саморекламу).

Ответ 4

Еще один отличный инструмент для каркаса/макета веб-сайта - Mockingbird... он совместим и делает приличный экспорт.

Ответ 5

Плагин Firefox для карандашей

Ответ 6

http://mockflow.com

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

Ответ 7

Microsoft Expression Blend. Это не бесплатно, но функция Sketchflow в версии 3 не только позволяет создавать каркасы, но позволяет публиковать их в Интернете, где пользователи могут комментировать и комментировать их, а также собирать комментарии и возвращать их в команду разработчиков.

Существует 60-дневная пробная версия, которая бесплатна, и учебники Sketchflow на сайте.

Ответ 8

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

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

Удачи вам в поиске!

Ответ 9

С помощью LucidChart вы можете создавать интерактивные каркасы. У них есть бесплатная версия с ограниченным подмножеством возможностей wireframing, но их цены на подписку очень разумны.