Прототип мобильного приложения на iOS своими руками

Прототип мобильного приложения на iOS своими руками реально? Да очень просто!

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

Для разработки прототипа Вам нужен компьютер на Mac OS X (оригинальный, хакинтош или на виртуалке).

Для начала установим среду разработки XCode.

В строке поиска набираем: XCode и жмем установить

Далее запускаем установленный XCode и создаем новый проект. В том числе по скринам ниже и указываем папку хранения.

Далее в левой панели выбираем файл с расширением storyboard. Это и есть интерфейс приложения. Будем его редактировать.

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

Для организации перехода нужно протянуть от кнопки до контроллера связь

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

Для наглядности результата представляю видео и исходники прототипа.

Исходники прототипа
Prototype.zip
Сжатый архив в Zip формате 42.9 KB

Для еще большей наглядности записал видео, как Я создавал этот прототип. Ушло буквально минут 5. На более серьезное приложение уйдет максимум пару часов. При этом можно вполне сделать и прототип по дизайну подставив фоном ImageView.

Рассказать друзьям и коллегам: