В самом начале я обязан всем, кто читает это, объяснением того, что такое инструмент для создания прототипов. «Прототип» — это макет. Вы можете думать об этом как об образе или модели окончательной вещи. Инструменты для создания прототипов — это инструменты для рисования и создания эскизов, которые помогают в разработке контуров конечного объекта. Прототип может быть создан на чем угодно, от простой бумаги до Photoshop. Но, будучи специализированной функцией, лучше, если вы делаете это с помощью инструмента для создания прототипов.
Это звучит очень технически и не для общего пользования? Вероятно, я создаю образ сложного программного обеспечения и особенно опытного парня, сидящего перед большим монитором и рисующего невероятно сложные диаграммы. В некоторых случаях это может быть правдой. Но для нас, любителей, появилось новое поколение инструментов с графическим интерфейсом, многие из которых основаны на веб-технологиях.
Инструмент для создания прототипов, от рисования обычных форм до макета блога, который вы планируете, может быть использован максимально просто. Вам даже не придется загружать сверхмощное программное обеспечение для него. Это доступно из самого Firefox.
Карандаш (ver.1.1) — это дополнение к прототипам Firefox для создания прототипов GUI и простых набросков. Pencil Project — это попытка с открытым исходным кодом создать инструмент для облегчения массового создания диаграмм и создания прототипов графического интерфейса.
Хотя она доступна и как отдельная программа, как дополнение к Firefox, вы можете запустить ее на любой платформе, которая поддерживает Firefox 3 (и это делает ее мультиплатформенной).
Взгляд карандаша
На панели инструментов браузера выберите Инструменты — Эскиз карандаша . Инструмент создания прототипов Pencil Firefox откроется в новом окне. Вот как это выглядит (внешний вид под влиянием моей темы Firefox) »¦
Расположение инструментов интуитивно понятно, и один взгляд на различные формы говорит вам о возможностях этой маленькой программы. У вас есть общие фигуры (прямоугольник, овал, прямая линия, текст и т. Д.), Фигуры для аннотаций, комментариев и инструкций (выноска, маркер, стрелки и т. Д.), Элементы веб-страницы (гиперссылка, HTML, заголовки, таблица и т. Д.) И несколько коллекций виджетов (GTK +, виджеты Windows, виджеты Native UI).
Быстрое создание прототипа — это всего лишь вопрос идеи дизайна в вашей голове, а затем создания его в Карандаше с помощью простых операций перетаскивания. Диапазон ручек управления дает вам гибкость, чтобы упорядочить формы в окончательный дизайн. Настройте их далее с текстом и полным набором цветов заливки.
Окончательный прототип можно экспортировать в виде изображений PNG, веб-страницы, файла OpenOffice, PDF или в виде файла DOC.
Инструменты для поиска
Прототипирование во многом связано с созданием линий и форм и манипулированием ими в дизайне. Карандаш включает в себя два инструмента создания прототипов Firefox, которые делают создание галереи форм простым и легким.
Генератор трафарета
Трафареты — это шаблоны форм, которые можно использовать для создания других фигур. Используя генератор трафаретов, вы можете создать свою собственную коллекцию фигур трафарета, наведя генератор на папку с файлами изображений.
У каждого трафарета есть такие атрибуты, как цвет, цвет фона и границы, непрозрачность и т. Д., Которые можно настроить для определения окончательной формы.
Клипарт Браузер
Нажмите на OpenClipArt.org и его галерею бесплатных изображений клипартов. Благодаря поддержке Pencil файлов SVG создание собственной галереи фигур не представляет большой проблемы. Вы можете использовать встроенный браузер OpenClipArt и напрямую перетаскивать нужные изображения в документ Pencil.
Помимо этих двух инструментов прототипирования Firefox, Pencil также поддерживает использование внешних объектов. Как растровые, так и векторные изображения могут быть перенесены в Карандаш с помощью копирования-вставки или перетаскивания. После создания страницы или документа вся вещь может быть экспортирована в папку в виде изображений PNG.
Карандаш — отличный инструмент, если вы хотите сделать макеты в спешке прямо из браузера. Одним из самых простых его применений может быть создание макета веб-страницы. Также любая веб-страница может быть отправлена в Карандаш одним щелчком мыши. Используя формы аннотаций и другие доступные формы, можно быстро создать план для веб-страницы прямо в браузере.
Страница Pencil Project также направляет нас к руководству пользователя и нескольким скринкастам о том, как работать с программой.
Как быстрый и грязный (зачеркнутый) инструмент для быстрого создания прототипов и создания диаграмм, как вы думаете, Pencil заслуживает места в вашем браузере Firefox?
Карандаш (ver.1.1) доступен для загрузки в качестве дополнения к прототипу Firefox, а также в качестве отдельного установщика (для Windows и Linux).
Примечание. Проект «Карандаш» не следует путать с одноименной анимационной программой.