Приходилось ли вам когда-нибудь (не важно для каких конкретно целей) рисовать в фотошопе эскиз какого-нибудь приложения для айфона? Быть может вам пришла в голову какая-нибудь гениальнейшая идея новой программы, которая изменит мир, быть может вы и так трудитесь разработчиком приложений для айфона, не важно. В любом случае, отныне рисовать прототипы приложений для айфона стало гораздо проще – фотошоп для этого больше не нужен, всё это можно делать прямо на айфоне с помощью специального приложения под названием Interface.
Принцип приложения 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$)