Icon

Разработчик: The Omni Group

Текущая версия:5.2.1

Стоимость: $99.95 / $199.95


Продолжим наше изучение OmniGraffle, начатое в предыдущей статье. Сегодня поговорим о расширении библиотеки стандартных примитивов (stencils). Библиотек этих создано весьма внушительное число, поэтому для них создан специальный сайт, на котором они все доступны с примерами, рейтингами, комментариями и т.п.

Для начала – сформулируем задачу, на примере которой мы будем разбирать дальнейший материал. В этот раз поговорим о прототипировании интерфейса iPhone-приложения. Конечно, для этого можно использовать и более специфические утилиты (например Balsamiq Mockups, о котором мы писали), но с другой стороны – зачем покупать отдельное приложение, если есть возможность использовать то что есть в наличии.

Таким образом, нам необходима библиотека стандартных элементов управления для iPhone-а. За ней идем на сайт Graffletopia в раздел ”Most Downloads”.

Graffletopia

Буквально второй в списке пункт – это то что нам надо. Скачиваем эту библиотеку.

Для ее установки – достаточно щелкнуть два раза по скаченному файлу. Запустится Omnigraffle, и в его окне стенислов будет загружена новая библиотека. Если вы хотите пользоваться этой библиотекой постоянно – нажатие кнопки ”Install” справа вверху установит ее в Graffle.

Stencils

Теперь мы готовы к созданию нашего прототипа. Для начала – разместим в рабочем поле рамку нашего iPhone и стандартный фон.

Start

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

Continue

Остается последний штрих – добавить элементы управления нашего будущего приложения. Их будет немного: блок полей ввода и кнопки ”Start” и ”Stop”

Для изменения цвета текста (часть текста надо сделать серым, как подсказки в полях ввода), надо воспользоваться инспектором текста, доступным через меню Inspectors -> Text.

Text Inspector

В этом инспекторе выбираем кнопку цвета и выбираем нужный отенок в появившемся окне.

Colors

В общем, готовый проект интерфейса будет выглядеть следующим образом.

Finish

Вот так, за 5 минут, мы получили достаточно сложный набросок интерфейса iPhone-приложения, выглядящий профессионально и весьма реалистично. Можно идти получать деньши с заказчика.

Продолжение следует.

Share.