- Январь 29, 2018
Moqups: как пользоваться инструментами iOS Components
Moqups: краткое руководство
Часть 5
В очередной статье из цикла «Moqups: краткое руководство» поговорим о том, как пользоваться таким набором инструментов, как iOS Components.
Если предыдущие статьи цикла прошли мимо Вас, то вот ссылки:
- «Что такое moqups и как с ним работать»;
- «Moqups.com: основные инструменты»;
- «Мокапс: разбираемся с фигурами и навигацией»;
- «Мокапс.ком: как нарисовать блок-схему».
Moqups: как пользоваться инструментами iOS Components
Набор инструментов iOS Components пригодится тем, кто работаем с мобильными приложениями на iOS или хочет специально адаптировать свои сайты под устройства Apple.
Найти его можно все в том же меню Stensils (инструментов):
Сами инструменты мы начнем рассматривать неожиданно — с последнего варианта. А все потому, что инструмент «iPhone 6» предлагает нам использовать шаблон всего телефона целиком:
Нарисовали в нашей рабочей площади телефон, а уже после этого начинаем размещать на нем различные элементы меню, приложений и прочего-прочего-прочего, что нам только может понадобиться. Очень удобно, рабочее поле строго ограничено, вылезти за пределы отведенного окна, конечно, можно — но абсолютно бессмысленно.
Давайте перейдем к оставшимся инструментам. Их очень много, но они достаточно сильно похожи друг на друга, так что эта статья будет скорее обзорно-демонстрационной, чтобы Вы представляли, какие возможности в принципе есть у moqups’а при имитации iPhone’а.
Итак, «Action Sheet», «Activity View Controller» (в двух вариантах) и «Alert»:
«Confirm», «Context Menu», «Date Picker» и «Keyboard»:
«Contact List», «Email Inbox» и «Compose Message». Обратите внимание, что любые тексты Вы можете редактировать, так что никто не помешает Вам добавить в лист контактов собственных адресатов, изобразить в почте нужные Вам письма, а в сообщениях исправить тексты:
Целая пачка маленьких элементов:
- «Back Button»;
- «Button»;
- «Loading View»;
- «Navigation Bar Icons»;
- и «Navigation Bar» в 6 вариантах исполнения.
Особое внимание обратите на «Navigation Bar Icons». Это очень интересный инструмент, который позволяет использовать любые иконки отдельно. Для этого просто удалите ненужные иконки и оставьте одну — ту самую, которая Вам нужна.
В целом, это такая библиотека небольших элементов, подобной которой мы с Вами раньше в moqups’е не встречали (зато в этот раз встретим и другие подобные).
«Messages List», «News» и «Photos» имитируют соответствующие экраны. Как и всегда, все можно менять, а фотографии даже заменять на настоящие:
И новая пачка разношерстных инструментов:
- «Picker»;
- «Prompt»;
- «Segmented Control»;
- «Slider»;
- «Stepper»;
- «Switch (OFF)» и «Switch (ON)».
Следом идет большой набор поисковых строк («Search Bar») разного вида и «iOS Status Bar»:
Меню с настройками «Settings (Display & Brightness)» и просто «Settings»:
И вот обещанные иконки — причем сразу в огромном количестве и в двух исполнениях: «Tab Bar Icons (Active)» и «Tab Bar Icons (Inactive)».
Как и в прошлый раз — Вы можете использовать только одну из них, просто удалив все остальные. Правда, теперь это стало сделать несколько сложнее — ведь иконок действительно много!
А теперь — целая порция инструментов для работы с табличками (их так много, что они все даже не поместились у меня на одной картинке):
- «Table Cell»;
- «Table Cell (w/description)»;
- «Table View (Disclosure Indicator)»;
- «Table View (Detailed Disclosure)»;
- «Table View (Placeholder)»;
- «Table View (Value & Detailed Disclosure)»;
- «Table View (Value & Disclosure Indicator)» — этот инструмент будет представлен на следующей иллюстрации.
И вот мы подошли к последней порции инструментов. Кроме упомянутого выше последнего инструмента для работы с таблицами, это:
- «Tab Bar»;
- «Text Field»;
- «Toolbar Icons»;
- «Toolbar».
Вот мы и рассмотрели очередную порцию инструментов, которые предлагает нам moqups. Они довольно специфичны, но никогда не знаешь, что может пригодиться уже завтра… Или вообще сегодня вечером.
А впереди нас ждет еще много интересных и — надеюсь — полезных инструментов.
До новых встреч!
Статьи в тему
- Что такое moqups и как с ним работать
- Moqups.com: основные инструменты
- Мокапс: разбираемся с фигурами и навигацией
- Мокапс.ком: как нарисовать блок-схему
- Браться ли за продвижение цветочного магазина?