GUI Design Studio

Создание прототипов


Содержание сайта
Разное
Создание прототипов
Обзор программ л.3 /
Список программ



На рисунке - GUI Design Studio Professional v 4.6.155 (2003 - 2013 гг). Интерфейс на англ. языке. Вес  25,4 Мб. Цена 129 долл.
Работает в Windows 8 / 7 / Vista / XP / NT.

GUI Design Studio работает совместно с двумя другими программами:
GUI Design Viewer - Средство просмотра дизайна
Icon Express - Редактор значков.

Назначение программы - создание интерактивных прототипов.

Из авторской характеристики
:

GUI Design Studio - профессиональный инструмент, созданный для того, чтобы проектировать графические пользовательские интерфейсы (GUIs) для программного обеспечения и вебсайтов.
Главное преимущество создания опытного образца пользовательского интерфейса - это способность проверить технологический процесс с многократными сценариями, чтобы гарантировать, что они пригодны для использования.

GUI Design Studio - инструмент дизайна и prototyping инструмент и не требует никакого дополнительного программного обеспечения или кодирования.
Обработайте экран как холст, чтобы поместить элементы везде, где Вы хотите - точно так же как на бумаге, но с фактически неограниченным размером холста и всеми преимуществами редактирующего компьютера.
Если Вы хотите включить ранее созданные бумажные эскизы, Вы можете использовать их также.

С  GUI Design Studio вся Ваша работа будет обычно делаться в пределах проектов. Проект имеет свою собственную структуру папок и может содержать документы дизайна, файлы растровых изображений и используемые в проекте значки. Файл проекта хранится в папке проекта и имеет расширение .GDP.

Вы можете также создать ссылки (для справки) к любому из существующих типовых проектов. Например, Вы можете создать связь со "Стандартными Компонентами" (Standard Components) или "Коллекцией Дизайна" (Design Collection).
Для более сложных проектов имеет смысл организовать Ваши проекты в иерархию папок.

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

Макеты Wireframe -  дизайны низкой точности, которые представляют основные аспекты дизайна.
Не обязательно тратить много времени и сразу пытаться создать окончательный вариант опытного образца (прототипа).

На первой стадии определяется общая концепция проекта, используя для этого прямоугольники, кнопки, текст, навигационные ссылки и пр. (см. рисунок слева).

Дизайн низкой точности, представленный для ознакомления, должен ясно показать, что это черновой, а не окончательный вариант.

Заказчик проекта может сосредоточиться на рассмотрении концепции проекта и не отвлекаться на второстепенные моменты (например, на цветовое оформление прототипа).

GUI Design Studio имеет средства для того, чтобы создать макеты низкой точности.


Кроме того, есть новый Режим Браузера, который изменяет способ, которым представлен дизайн опытного образца.
Вы можете выбрать режим Browser и Non-Browser в любое время.
Для предварительного просмотра прототипа также используется программа GUI Design Viewer - Средство просмотра дизайна.

Динамическое содержание на Web-страницах относится к изменению маленьких разделов страницы, а не целой страницы в ответ на щелчок по ссылке или другими событиями. Динамическое содержание зависит от типа эффекта.
Вы можете легко создать целый набор динамических эффектов, изменяя панели, включая использование события "Мыши По".
Эффекты одновременного нажатия клавиш ( rollover effects ) могут быть применены в любом прикладном дизайне.
Студия Дизайна GUI обеспечивает различные спусковые механизмы случая для эффекта одновременного нажатия клавиш: наведение курсора, щелчок кнопки мыши, отведение курсора.

Вы можете создать интерактивные опытные образцы (прототипы - prototype), не сочиняя кода и не создавая сценариев.
Однако, важно понять ограничения этих опытных образцов. Поведения, которые в настоящее время поддерживаются, это способность передвигаться между окнами, появление или исчезновение панели или другого элемента.

В версии Express edition of GUI Design Studio индивидуальные элементы имеют ограниченную интерактивность. Так, например, Вы можете прокрутить списки, но Вы не можете напечатать в разделах ввода данных или изменить состояние проверки флажков.
В версии Professional edition of GUI Design Studio поддерживает намного более обширные способности взаимодействия.  которые могут использоваться, чтобы оценить условия и предложить различные сценарии и опции интерфейса при создании прототипа.

В GUI Design Studio навигационные ссылки оформляются созданием линий (стрелок) от одного элента к другому.
Например, стрелка от Кнопки к другому элементу, такому как Диалоговое окно, указывает, что когда Кнопка нажата, Диалоговое окно должно появиться.
Спусковой механизм Случая (Event Trigger) позволяет Вам выбирать случай, который вызывает навигацию. Большинство из них связано с событиями мыши. Вы можете создать больше чем одну навигацию из того же самого исходного элемента (например кнопки).

Шаблоны служат основой, чтобы быть отправной точкой для Ваших проектов и дизайнов, сохраняя Вас много времени и усилий. Вы можете использовать шаблоны, созданные другими, или создать Ваши собственные шаблоны.
 
Таблицы Данных - текстовые файлы CSV, содержащие строки и столбцы данных. Они действуют как таблицы в пределах реляционной базы данных. Первая строка содержит название для каждой области в таблице. Каждая последующая строка представляет отчет данных.

Для выравнивания элементов имеется функция примагничивания к сетке.
Демонстрации слайдов
Использование мультипликации GIF
Просмотр отчета данных
Ввод собственного кода
Используйте слои (уровни).
Настройки печати
Экспорт - в форматах изображений .bmp, .jpg, gif, .png, .emf., HTML, PDF, RTF (документация спецификации).

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

Аннотируя Ваши дизайны, Вы можете добавить объяснения или описать предназначенные функциональные возможности.
GUI Design Studio сохраняет примечания дизайна и аннотации.

Добавьте звук. Обычно звук добавляется, когда случай произошел (например - нажатие кнопки). GUI Design Studio имеет элементарные средства управления (Игра/остановка) для файлов звука .wav. Эти средства не предназначены для полного управления СМИ и нужны только для управления звуком в пределах прототипа.

Создание прототипа потребует значков для кнопок панели инструментов и других целей. GUI Design Studio идет с рядом предопределенных значков, но Вы можете легко создать свои собственные значки и сделать их доступными из любого проекта. Кнопка "New Folder" позволяет Вам создавать свою собственную общедоступную папку для новых значков.
Для редактирования значков можно использовать программу  Icon Express (Редактор значков).

Совместная работа над проектом
Чтобы другие люди могли увидеть Ваши дизайны, пошлите им все индивидуальные файлы, включая проектные файлы (.gdp), файлы дизайна (.gui), файлы изображения (.bmp/.gif/.jpeg/.png) и значки (.ico). Они могут тогда рассмотреть проект, используя GUI Design Studio или бесплатную программу Viewer.
При этом нужно помнить, что внешние файлы, на которые сделаны ссылки (например изображения), также должны быть скопированы в папку проекта.

Если Вы должны послать дизайн кому-то для просмотрпа, и он не должен редактировать дизайн, тогда лучший метод - это создать Файл Распределения, используя команду меню "Файл - Create Distribution File". Этот единственный файл может быть послан по электронной почте и открыт в бесплатном Средстве просмотра (программе Viewer).

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

Для совместной работы над проектом GUI Design Studio поддерживает использование внешних инструментов для управления версиями и совместного использования проекта в пределах группы.
Для этого используется общедоступный архив.
При ограничении доступа к общедоступным архивам (например - в путешествии) можно использовать Subversion  (SVN), что позволит одновременное редактирование файлов и условия для перемещения и переименования файлов.
Подробнее о Subversion (SVN)
GUI Design Studio использует версию 1.6 Subversion и совместима только с Клиентами SVN, которые также используют  версию 1.6.
Прежде, чем Вы сможете совместно использовать проекты дизайна в пределах группы, Вы должны установить Subversion  с SVN Client на сервере, который будет содержать архивы файла и на каждом компьютере участника группы.
Много клиентов доступны, но мы очень рекомендуем TortoiseSVN. Это - свободно доступный исходный проект,  работает  на Windows Vista, XP и NT (и других платформах) и объединяет с Эксплорером Windows.
TortoiseSVN доступен от: <http://tortoisesvn.tigris.org>

Вы должны будете установить программное обеспечение сервера так, чтобы Ваши участники группы могли обратиться к архиву от их собственных компьютеров через Локальную сеть (LAN) или по Интернету.
Документация TortoiseSVN содержит необходимые указания по тому, как установить Апачский Web-сервер для использования с Subversion.



Скачать GUI Design Studio


Вернуться к обзору
Последнее обновление: апрель 2015 г.