Бесплатные (или недорогие) инструменты для создания графических макетов?

Question

До сих пор я рисовал свои макеты на бумаге карандашом, это работает по большей части, но мне было интересно, если бы были профессиональные инструменты для этого? скажем, для командных проектов, как моделируют графические интерфейсы, конечно, не мой неандертальский метод бумаги и карандаша? сосредоточив внимание на настольных приложениях, я хотел бы получить некоторые советы. Я также использовал некоторые дизайнеры IDE, самый полезный и интуитивно понятный, который я использовал до сих пор, это Nokias Qt Designer, потому что он так хорошо сочетается с шаблоном MVC Qt и возможностью добавлять в дизайн разъемы/сигналы.

Есть ли инструмент, похожий на Qt Designer, но более обобщенный (и изолированный) для просто издевательства над некоторыми идеями пользовательского интерфейса?

Answer 1

Существует довольно исчерпывающий перечень коммерческих и некоммерческих инструментов здесь: http://c2.com/cgi/wiki?GuiPrototypingTools

QT дизайнер действительно «ближайший» IDE для создания макетов, но специализированные инструменты

1. гораздо быстрее, так как они построены для этой цели
2. не требуют знания программирования, поэтому его могут использовать аналитики и другие не-разработчики
3. обычно поставляются с «черным & белых»или„ручная тягой“кожа, чтобы избежать углубляясь вниз в бесконечные дискуссии о цветах, шрифты и т.д.
4. что позволяет аннотировать ваши макеты, либо спровоцировать дискуссию или использовать эти аннотации для спецификации

(Просто чтобы быть прямо здесь, я автор такого инструмента - http://MockupScreens.com)

Answer 2

Lucid Chart имеет приложение для Google Chrome и имеет бесплатную версию, но я не помню его ограничений. Я действительно помню, что у него есть некоторые библиотеки макетов UI, хотя я не знаю, насколько они обширны.

Answer 3

Я использовал плагин «Карандаш» для Firefox раньше - быстро и легко просто рисовать вещи.

Это действительно способствует тому, что вы хотите сделать: вы можете получить инструменты, которые позволят вам макетировать графические интерфейсы (например, когда вы нажимаете кнопку, это приведет вас к другому, что вы издевались) - haven ' t использовал их сам, поэтому я не могу прокомментировать, стоят ли они.

Answer 4

Я всегда был поклонником Balsamiq, хотя он не может квалифицироваться как низкая стоимость ...

Answer 5

Посмотрите на WireframeSketcher wireframing tool. Он работает в любой среде Eclipse, а также в автономной версии.

Answer 6

Я использовал фейерверки, Lumzy, Justinmind и Maqetta для макета.

Фейерверк - отличный инструмент для любого проектного задания, если вам не нужен профессиональный вектор или редактирование фотошоп. Вы можете легко найти библиотеки макетов, создавать ссылки, соединять страницы и даже добавлять состояния к компонентам. Тем не менее, вы не можете достичь расширенного поведения компонентов gui, такого как datagrid, accordion и т. Д. Обучение занимает немного времени, но оно того стоит.

Lumzy был отличным в начале. Я мог так легко создавать интерактивные макеты с очень богатой библиотекой gui. Вы даже можете добавить своих товарищей по команде в проект с лёгким рисунком и работать вместе над тем же макетом через ваш веб-браузер. Лучшая часть - это абсолютно бесплатно. Тем не менее, я начал получать странные ошибки, когда количество файлов макета увеличилось. В конце концов, я даже не смог сохранить свой проект. Таким образом, это, вероятно, лучший бесплатный инструмент для простых макетов, но не для полного решения.

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

Если вы хотите продолжить свой макет до фактического дизайна, вы можете попробовать Maqetta. Это бесплатно и позволяет легко размещать элементы html/javascript во многих макетах, включая ipad и iphone. Однако это требует гораздо больших усилий, чем простой процесс макета, как вы можете догадаться.

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