---

Принцип приложения Interface максимально прост: создаёте новый проект и начинаете рисовать вашу программу с чистого листа просто добавляя и модернизируя какие-либо элементы управления.

Главное окно приложения сразу же показывает хранящиеся у вас макеты. Изначально в приложении их нет, начать создавать новый макет можно нажав кнопку «+».

Когда вы попытаетесь перейти к тому или иному проекту вам будет предложено на выбор: либо редактировать макет (Edit Mockup), либо просмотреть его в действии (Preview Mockup). Во втором вариант вы даже сможете понажимать на разные кнопки и тому подобное.

Совершенно новый макет представляет из себя абсолютно пустой белый экран (вы будете видеть лишь статусную строку с часами наверху). Чтобы открыть меню достаточно кликнуть в любом пустом месте экрана два раза или же просто потрясти телефон.

• Add Control (Добавить элемент управления);
• Organize Controls (Организовать уже имеющиеся элементы управления);
• Preview (Предпросмотр);
• Save & Back (Сохранить и выйти).

Для начала выбираете первый пункт и начинаете составлять интерфейс своего приложения. Вам предоставляется выбор из 24 различных элементов управления (пока что это далеко не все возможные элементы управления, но авторы обещают добавлять постепенно всё больше и больше). Все они разделены на две подгруппы:

Basic Control:

• Rounded Rect Button (Прямоугольная кнопка и закруглённым и углами);
• Detail Disclosure Button (Кнопка открытия дополнительной информации; синяя стрелочка);
• Light Info Button (Светлая кнопка «информация»);
• Dark Info Button (Тёмная кнопка «информация»);
• Add Contact Button (Кнопка «добавить контакт»);
• Label (Ярлык);
• Text Field (Поле для ввода текста);
• Text View (Текст);
• Image View (Изображение);
• Switch (Переключатель);
• Slider (Переключатель-ползунок);
• Progress Bar (Индикатор процесса загрузки);
• Activity Indicator (Индикатор загрузки).

Advanced Control:

• Rectangle View (Прямоугольник);
• Plain Table View (Простая таблица);
• Grouped Table View (Сгруппированная таблица);
• Navigation Bar (Панель навигации);
• Toolbar (Панель инструментов);
• Tab Bar (Панель вкладок);
• Segmented Tab (Вкладки);
• Picker (Выбор определённого пункта);
• Date Picker (Выбор даты и времени);
• Web View (Просмотр веб-сайта);
• Map View (Просмотр карты).

Вот здесь, к примеру, просто так набросаны несколько элементов управления (панель навигации; панель инструментов; тёмная кнопка «информация» и переключатель-ползунок):

Вот ещё накиданных в разнобой элементов управления, доступных в Interface:

Открыв меню и выбрав пункт Organize Controls вы сможете всячески отредактировать добавленные вами элементы управления.

Переходите к какому-либо конкретному элементу и перед вами целый список доступных опций:

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

Вот несколько примеров того, какие интерфейсы можно нарисовать используя данное приложение (всё это не настоящие программы, а обычные макеты):

А вот видео демонстрации работы Interface:

Среди минусов Interface я отметил бы, пожалуй, лишь один: недостаточное количество доступных элементов управления. Лично у меня давно были некоторые задумки каких-то приложений для айфона, которые я пытался изобразить в фотошопе, однако, не все из них у меня получилось максимально точно изобразить и в Interface. Некоторых нужных мне элементов (хотя, по идее, достаточно стандартных и популярных) просто не оказалось. Но, тем не менее, будем надеяться разработчики не будут сидеть сложив руки и будут часто радовать нас обновлениями своего детища :) Программа совсем новая, появилась в AppStore лишь 16-го мая, а 21-го было уже первое значительное обновление, так что это вселяет надежду на оптимизм.

Скачать Interface в AppStore (9,99$)

Кстати говоря, в AppStore существует ещё одна альтернатива этого приложения под названием iMockups. Только вот работает она исключительно на iPad. Тем не менее, функциональность этой программы, по всей видимости, значительно превосходит Interface. С помощью iMockups можно делать макеты и прототипы не только приложений для айфонов и айпэдов, но и даже самых обычных веб-сайтов.

Однако, как мне показалось, рисовать приложения для айфона и айпэда на iMockups не настолько просто ввиду немного измеённого интерфейса. Как видите, здесь вам не предоставляет всё простанство экрана, а выделяется лишь отдельный участок внутри приложения. На мой взгляд, удобство от этого слегка теряется. Подробней об этом приложении мы расскажем в одной из следующих статей.

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

СкачатьiMockups for iPad в AppStore (9,99$)