Лучшие приложения для планшетов iPad за 2018 год | Программы для iPad

Вступление

Если вы когда-либо сталкивались с созданием интерфейса для приложения, вы определенно знаете что это не самая легкая задача. Чтобы помочь разработчикам и дизайнерам делать более качественные и дружественные интерфейсы, компания Apple выпустила и обновляет руководство по созданию интерфейсов (iOS Human Interface Guidlines (HIG)). HIG не представлен на русском языке, и это сразу отсекает тех кто не владеет английским языком на достаточном уровне.

Именно для облегчения участи этих людей и для систематизации собственных знаний, было решено создать краткий справочник по основным элементам интерфейса приложений iOS на русском языке.

Что вы найдёте в этом списке

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

HP Smart

Принтеры HP являются одними из самых популярных в мире, и это приложение-компаньон – отличный способ максимально использовать их. Вы можете настроить свой принтер и управлять им прямо из приложения и печатать с iPhone или iPad в пути.

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

Цена: Бесплатно

. Prime Print

Если вас не устраивает приложение от производителя вашего принтера, вот жизнеспособная альтернатива. Это позволяет легко распечатывать различные документы прямо с вашего iPhone или iPad.

В то же время он дает вам полный контроль над форматом печати и макетом. Это просто понять и удобно использовать в одно мгновение. Он совместим со многими струйными, страничными и многофункциональными принтерами с поддержкой Wi-Fi.

Цена: $ 2.99

. Принтер включен

Это приложение для печати iOS позволяет печатать с вашего iPhone или iPad на любом совместимом принтере, будь то дома, на работе или в общедоступной типографии. Это включает использование служб геолокации на вашем устройстве для поиска ближайших принтеров и подключения к ним.

Кроме того, приложение может автоматически распознавать доступные принтеры PrinterOn Enterprise и другие службы. Вы можете получить доступ к более чем 10 000 общедоступных типографий по всему миру.

Цена: Бесплатно

Canon PRINT Inkjet / SELPHY

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

Он предлагает обрезку фотографий, и вы можете распечатать до 20 различных изображений за раз. Кроме того, он также функционирует как приложение сканера для захвата и сохранения ваших документов и фотографий в форматах PDF или JPEG.

Цена: Бесплатно

Epson iPrint

Если у вас есть принтер Epson, это приложение просто необходимо для удобной отправки заданий с вашего iPhone, где бы вы ни находились. Он также может похвастаться функцией удаленной печати, которая позволяет печатать из любой точки мира с помощью электронной почты.

Вы даже можете печатать прямо из облачных сервисов, таких как Box, Dropbox, Google Drive и Microsoft OneDrive. Существует множество дополнительных функций для настройки качества и внешнего вида ваших отпечатков. Кроме того, приложение позволяет легко узнать уровень и состояние вашего принтера.

Цена: Бесплатно

3d touch

Благодаря технологии 3D Touch пользователи устройств, на которых она поддерживается, могут быстро инициировать определенные действия прямо с домашнего экрана путём сильного нажатия на иконку приложения. Внутри приложения пользователи могут включить предпросмотр элемента, открыть элемент на отдельном экране либо выполнить другие действия, используя различную силу нажатия

Printer Pro от Readdle

Readdle, как известно, создает приложения для максимальной производительности, и это решение для печати является заметным. Он работает с любым Wi-Fi или USB-принтером. После установки вы можете выбрать его из опции «Открыть в…» на вашем устройстве.

PrintCentral Pro

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

Это устоявшееся приложение, получившее высокую оценку. Например, он представлен в разделе Apple «Что нового» в App Store. Одной из примечательных функций является возможность объединения разных облачных хранилищ для передачи файлов между ними и другими устройствами.

Цена: $ 5.99

PrintDirect для iPhone

С помощью этого удобного приложения, которое может работать с большинством Wi-Fi-принтеров, печатать с вашего iPhone очень просто. От электронных писем и вложений до контактов, календарей, веб-страниц, документов, фотографий и файлов облачного сервера – он может обрабатывать все, что вы на него бросаете.

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

Цена: бесплатно (обновление приложения для полного просмотра и печати документов – 4,99 доллара США)

Печать на ВСЕХ принтерах

Это приложение абсолютно необходимо, если вам когда-нибудь понадобится распечатать что-нибудь со своего iPhone. Он эффективен, имеет реальные возможности использования и позволяет максимально использовать ваше время и рабочий процесс. Он работает с широким спектром сетевых или Wi-Fi-принтеров и позволяет печатать с компьютера на USB- или Bluetooth-принтеры.

С легкостью распечатайте документы, веб-страницы, фотографии, контакты, электронную почту, номера телефонов и т. Д. И конвертируйте в PDF-файлы одним нажатием кнопки. Кроме того, это отличный выбор для малого бизнеса, так как вы можете печатать транспортные или другие этикетки с помощью Dymo 400 и 450 LabelWriters.

Цена: $ 1.99

Actions (действия)

Данный тип используется для выполнения определенного действия со списка возможных действий или для подтверждения/отказа совершенного пользователем действия

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

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

Activity view

Окна такого типа используются для  выполнения конкретных задач. Эти задачи могут быть системными, такими как «Поделиться» (Share), или они могут быть собственным, созданными разработчиком для данного приложения (кастомными). Когда создаете дизайн для собственных пиктограмм (иконок), необходимо следовать правилам как при создании пиктограмм для панели вкладок:  сплошная заливка, без эффектов, на прозрачном фоне.

Adobe lightroom

Бесплатное. Подписка $9,99 в месяц для доступа к функциям Photoshop и Lightroom.

Adobe Lightroom позволяет работать с цифровыми фотографиями и даёт возможность редактировать на уровне профессиональных фотографов. Обычно подобными делами занимаются на компьютере, но если есть желание, планшет позволяет делать то же самое на диване или в вагоне метро.

Adobe photoshop mix

Бесплатное. Подписка $9,99 в месяц для доступа к функциям Photoshop и Lightroom.

У Adobe в магазине Apple есть множество связанных с редактированием изображений приложений, но данное представляет особый интерес. Оно приносит один из самых мощных инструментов Photoshop в простое приложение для планшета. Программа привлекательна для множества пользователей самых разных категорий, от желающих создать простой коллаж до профессионалов Photoshop.

Alerts (предупреждения)

Задача предупреждений заключается в уведомлении пользователя о критической информации и, иногда, заставить (или подтолкнуть) пользователя принять определенное решение.

Предупреждение всегда содержит заголовок (который не должен быть длиннее чем одна линия) и одну (для информационных предупреждений, например кнопка «Хорошо») или две кнопки (для предупреждение которые предусматривают принятие решения, например кнопки «Отправить» и «Отменить»).

Вы можете добавить какое-либо текстовое сообщение если необходимо.  Также есть возможность добавить поле ввода (до двух) одно из которых может быть шифрованным (для пароля или PIN кода, например).

Aol alto

Бесплатное.

AOL Alto является новым почтовым клиентом от уважаемой компании. Он поддерживает все популярные почтовые сервисы и позволяет организовывать сообщения при помощи карточек, которые содержат информацию о покупках в магазинах и поездках, и стеков, способных показать все фотографии из писем, все документы или все сведения о поставках.

Apple garageband

Цена: 379 руб.

iPad является в том числе и инструментом создания музыки, во многом благодаря этому приложению Apple, которое даёт возможность редактировать аудио. GarageBand содержит немало функций профессионального уровня, включая редактирование нот, расширенную звуковую палитру и дополнительные инструменты записи. Можно даже записывать и редактировать звук от сторонних приложений.

Apple imovie

Цена: 379 руб.

Если вы собрались редактировать видео на планшете, то сложно обойти вниманием iMovie производства самой Apple. Доступное по цене приложение позволяет создавать собственные трейлеры, добавлять логотипы студий, сохранять видео на разрешении 4K и передавать проекты между iPhone, iPad, iPod touch при помощи AirDrop или iCloud Drive.

Apple iwork

Цена: $9,99 за Keynote, Numbers и Pages для iPad отдельно.

Если вы сомневались в возможности работать на iPad, установить пакет предложений iWork. В его состав входят три отдельные программы Keynote, Numbers и Pages, позволяющие работать с числами, текстом и записками.

Artrage

Это мультиплатформенное приложение со стандартным набором инструментов для создания цифрового эскиза в растровой графике. Понравится тем, кто любит писать картины маслом, акварелью, пастелью. Умеет создавать собственные кисти.

ArtRage интересна реалистичной имитацией работы с настоящими инструментами. Распознает количество краски, которое вы использовали, и даже, насколько она влажна. То, как программа воспроизводит взаимодействие красок, проступающий рельеф ранее нанесенных мазков, создает ощущение настоящего процесса живописи за мольбертом.

Biblion: the boundless encyclopedia

Бесплатное.

Слово «biblion» в средние века использовалось для описания коллекций фрагментов древних текстов. Поэтому приложение для iPad от публичной библиотеки Нью-Йорка, где доступны десятки тысяч фрагментов различных материалов, получило это название. Тщательно проработанное и информативное приложение делает акцент на Всемирной ярмарке 1939-40 годов, но даже не энтузиасты смогут оценить представленную историю. Второе приложение Biblion основано на классической новелле «Франкенштейн».

Comics

Цена: отдельные комиксы платные или подписка на Comixology Unlimited за $5,99 в месяц.

Став в чём-то лидером, можно начать почивать на лаврах, но с сервисом цифрового распространения комиксов Comixology этого не произошло и он продолжает развиваться. Приложение для iPad предлагает полезные списки Smart Lists, рекомендации и один из наиболее полных каталогов комиксов на мобильных устройствах.

Controls (управляющие элементы)

iOS предоставляет широкий выбор управляющих элементов которые могу понадобиться вам при создании приложения. Наиболее важные и распространенные будут рассмотрены ниже. С полным списком контролов вы можете ознакомиться в iOS библиотеке.

Crackle

Бесплатное.

Сеть потокового вещания видео от компании Sony позволяет пользователям смотреть бесплатные телепередачи с рекламой и полные версии фильмов, доступны продукты от студий Columbia Pictures, Screen Gems, Sony Pictures Classic и TriStar Pictures. Имеется большой выбор классического и современного контента, что делает это приложение качественным выбором для желающих превратить планшет в телевизор без необходимости доставать кошелек.

Dropbox

Бесплатное с объёмом хранилища на 2 Гб; платная подписка начинается от $8,25 в месяц.

Если вы ищете простой способ синхронизации файлов между планшетами, смартфонами и компьютерами на разных операционных системах, помочь способно облачное хранилище Dropbox. Это приложение легко использовать, оно бесплатное и предлагает доступ к файлам без подключения к сети.

Duolingo

Бесплатное.

Если вы собираетесь учить или попрактиковаться в иностранном языке на планшете iPad, Duolingo является первым выбором. Главным минусом приложения является малое количество доступных языков. Здесь есть испанский, французский, немецкий, итальянский, португальский бразильский и английский. Программа полностью бесплатная и по качеству превосходит всех конкурентов в сфере языкового обучения на планшетах.

Edit menu (меню редактирования)

Меню редактирования позволяет пользователям выполнять функции типа «Скопировать», «Вставить», «Вырезать», когда элемент выделен. Вы можете контролировать какие пункты будут отображены в меню, но вы не можете настраивать и изменять их внешний вид. Поэтому если вам нужно меню редактирования определенного вида, вам прийдется писать его с нуля или использовать готовые библиотеки доступные в интернете.

Filemaker go

Бесплатное.

Приложение FileMaker Go в своё время продавалось по цене $30, но теперь доступно бесплатно и является главной мобильной базой данных среди пользователей настольного приложения FileMaker Pro. Программа обладает отличным дизайном, множеством вариантов отображения файлов, поиском, возможностью создавать графики, однако здесь нельзя создавать новые файлы.

Flipboard

Бесплатное.

Flipboard предлагает пользователям iPad оригинальную альтернативу просмотру новостей в интернете: здесь есть расположение в стиле журналов и качественное размещение фотографий, что упрощает чтение. Приложение может подключаться к лентам в социальных сетях и выдавать статьи, музыку и видео.

Google earth

Бесплатное.

Путешествия являются дорогим удовольствием. Бесплатное приложение Google Earth станет дешёвой альтернативой. Введя в поиске нужное местоположение, вы за секунды можете переместиться на другую сторону земного шара при помощи спутников и изображений с воздуха. Географические статьи из Википедии добавят смысла вашему путешествию.

Google translate

Бесплатное.

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

Hig на русском

Этот справочник является упрощенной версией Human Interface Guidelines с комментариями и дополнениями. За основу был взят HIG от Apple и свод правил немецкого дизайнера Иво Минттинена . Здесь вы найдете основные рекомендации по созданию дружественных и интуитивно понятных пользователям интерфейсов для iOS устройств (iPhone, iPad).

Документ будет периодически обновляться по мере появления новой информации или личных замечаний (моих и читателей). Если у вас есть замечания, идеи или просто нужно с кем-то поговорить, пишите мне на почту.

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

Icons (пиктограммы)

Пиктограммы (иконки) это очень важная составляющая дизайна любого приложения. Она может гармонично дополнить текст, иногда даже заменить его (с этим нужно осторожно, пиктограмма должна быть понятна пользователям). Зачастую пиктограммы используются в Tab Bar (панель навигации, располагается внизу экрана)

Пиктограммы используемые в Tab Bar всегда имеют два состояния: Стандартное состояние (в стиле обводки, с шириной обводки в 1 или 1.5 поинта) и Активное состояние (с заливкой цветом).

Никогда не нужно применять никаких дополнительных эффектов (тени, внутренние тени, свечение и т.п.) так как это не соответствует стилистике iOS 9. Пиктограммы должны быть одноцветными на прозрачном фоне.

Inspire pro

Приложение с простым интерфейсом подойдет как для новичков, так и для профессионалов. Фирменный модуль Sorcery обеспечивает высокую скорость работы без задержек.

Экран реалистично имитирован под холст. Комплект из 80 разнообразных инструментов оценят даже требовательные художники. Помимо сухих и влажных кистей, есть мелки, маркеры, уголь, графитовые карандаши, масляная краска.

Если на бумаге проблематично исправить неверный мазок, то на iPad можно «откатить» назад до 1000 действий.

Instapaper

Бесплатное.

iPad является отличным устройством для чтения онлайн, но что делать без подключения к сети? В таком случае пригодится данное приложение, которое позволяет пользователям сохранять любые веб-страницы для чтения без доступа к интернету. Страницы сохраняются в вашей учётной записи и могут быть просмотрены с компьютеров, смартфонов iPhone или планшетов Kindle.

Itseez3d

Бесплатное; $6,99 при экспорте моделей.

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

Linkedin

Бесплатное; премиальная подписка $9,99 в месяц.

Если у вас возникло желание бросить надоевшую работу с девяти до пяти, помочь может социальная сеть LinkedIn и приложение для работы с ней на iPad. Вы можете использовать его для связи с профессионалами из различных сфер деятельности, получения уведомлений о новых вакансиях и поиска работы мечты. Базовое приложение бесплатное, но существуют дополнительные платные функциональные возможности.

March of the dinosaurs

Цена: 149 руб.

March of the Dinosaurs представляет базовое содержимое фильма «Легенда о динозаврах» производства National Geographic. Здесь вы встретитесь с виртуальными динозаврами, текстовыми описаниями каждого упомянутого вида и многим другим. Результатом станет информативный рассказ об эпохе мелового периода в канадской Арктике, что может быть интересным для людей любого возраста.

Marvel unlimited

Цена: $9,99 в месяц.

Для поклонников комиксов производства Marvel это приложение станет незаменимым. Тут есть подписка в стиле Netflix, которая даёт пользователям доступ к более чем 15 тысячам цифровых комиксов, вышедшим как минимум полгода назад. Можно покупать определённые комиксы за дополнительную плату и получать коллекционные бонусы.

Microsoft excel

Бесплатное.

Microsoft проделала большую работу по внедрению давно ставших основами персональных компьютеров программ в более компактный форм-фактор планшетов. Здесь доступны все основные функции приложения для ПК, такие как форматирование, сортировка, фильтрация, колонки, столбцы, различные графики. Excel на iPad делает свою работу более элегантно и эффективно, чем любое другое приложение для работы с таблицами.

Microsoft powerpoint

Бесплатное.

С текстом и таблицами намного легче работать на компьютере с полноразмерной клавиатурой и мышью, но презентации подходят для планшетов почти идеально. PowerPoint для iPad является удобным, быстрым, отзывчивым и адаптированным для сенсорного экрана приложением.

Microsoft word

Бесплатное.

Word для iPad стало первым приложением, которое предложило по-настоящему удобную работу с текстом на планшете. Остальные попытки были либо слишком слабыми, либо слишком сильными, функциональности либо не хватало, либо она была излишней. Word для iPad не пытается повторить все умения версии для компьютеров, но предлагает всё то, что можно сделать на планшете, включая отслеживание версий и совместное редактирование документов.

Modals (модальные окна)

Данный вид окна очень полезен для выполнения задач которые требуют заполнения большого количества полей и выполнения большого количества действий. Они появляются поверх всего остального и, пока открыты, блокируют любое взаимодействие с любыми другими элементами.

Обычно модальные окна предоставляют:

• Заголовок с описанием действия.
• Кнопку для закрытия модального окна или выполнения любых других действий.
• Кнопку для сохранения или подтверждения любой введенной информации.
• Различные элементы для ввода информации пользователем.

Доступно три разных стиля модального окна:

На изображении выше показаны 2 вида модальных окон: полноэкранное модальное окно и страничное модальное окно.

В идеале, нужно стараться минимизировать количество используемых модальных окон в приложении. Их необходимо использовать только в 2 случаях:

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

Рекомендации по созданию модальных окон:

• Создавайте модальные окна простыми, короткими и понятными.
• Всегда предоставляйте понятный и безопасный способ покинуть модальное окно.
• Если решение задачи требует иерархию модальных окон, убедитесь, что пользователь понимает, что произойдет после нажатия кнопки “Готово” на любом из уровней иерархии.
• Не показывайте модальные окна поверх всплывающих окон (Popovers).
• Следуйте общему стилю приложения при создании модальных окон.
• Старайтесь показывать заголовок модального окна, чтобы пользователь понимал где он находиться и что сейчас делает.
• Используйте подходящую анимацию для появления и скрытия модального окна.
• Если вы используете различные виды анимации и переходов для модальных окон в приложении, делайте это таким образом, чтобы это имело смысл для пользователя.

Nasa app hd

Бесплатное.

На iPad существует много связанных с NASA и даже спонсируемых агентством приложений, но ни одно из них не сравнится с официальным приложением. Оно создано исследовательским центром NASA Ames и сочетает в себе статьи и новости, изображения и видео, прямые телевизионные трансляции, что делает приложение основным источником космической информации.

Navigation bar (панель навигации)

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

Netflix

Ежемесячная подписка стоит $7,99.

Если старое доброе телевидение вашим потребностям уже не отвечает, ответом может стать сервис Netflix. Один билет в кинотеатр может стоить дороже, чем подписка на этот сервис на месяц, которая открывает путь к современным телесериалам и кинофильмам.

Networktoolbox

Цена: 75 руб.

Существуют различные программы для превращения устройств на платформе Apple iOS в сетевые инструменты, это приложение является одним из них. Здесь предлагается множество сетевых утилит для анализа и решения проблем, в плане дизайна оно также отвечает высоким требованиям Apple.

Oceans

Бесплатное.

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

Peek and pop

Peek – позволяет пользователям предпросматривать элемент и выполнять связанные с ним действия, не покидая текущий экран. Элемент подсказывает пользователю, что он поддерживает Peek путем отображения маленького прямоугольного предпросмотра (подсказка) в ответ на легкое нажатие.

Peek:

Когда пользователь слегка нажимает на экран, элемент, который поддерживает Peek, подсказывает, что доступно дальнейшее взаимодействие, путем отображения прямоугольного предпросмота, заданного разработчиком.

Эта прямоугольная область предпросмотра должна быть достаточно большой, чтобы палец не перекрывал её, и достаточно подробной, чтобы пользователь мог решить, стоит ли ему нажать немного сильнее, чтобы посмотреть Peek.

Критически важно использовать Peek и Pop органично в своём приложении. Если вы поддерживаете Peek и Pop в некоторых местах, а в некоторых не поддерживаете, пользователь может решить, что ваше приложение работает с ошибками или  у него сломалось устройство.

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

Предоставляйте Pop (более детальный вид) для каждого Peek. Несмотря на то, что Peek должен давать пользователю всю необходимую информацию, вы всегда должны предоставлять возможность пользователю переключится в Pop, если он решит переключиться с текущей задачи и сфокусироваться на элементе. Pop должен показывать тот самый экран, который пользователь получил бы, если бы просто нажал на элемент.

Не используйте peek и меню редактирования (edit menu) для одного элемента. Оба действия вызываются схожим принципом (долгое, сильное нажатие на текст), это может вызвать у пользователя недоумение.

Старайтесь не использовать элементы визуально похожие на кнопки внутри peek. Если пользователь уберет палец с экрана, чтобы нажать кнопку, peek исчезнет (закроется).

Предоставляйте возможность быстрых действий для peek. Внутри peek, пользователь может свайпнуть вверх (провести не отрывая пальца снизу вверх), чтобы увидеть доступные действия, относящиеся к этому элементу. Например, быстрые действия внутри приложения Почта включают в себя “Ответить всем”, “Переслать” и “Переместить сообщение”.

Picker (пикер, контрол выбора)

Данный вид контролов используется для выбора одного значения из списка доступных значений. Расширенным видом пикеров является пикер даты, который позволяет пользователю прокручивать через список лет, месяцев, дней, часов, минут и выбирать необходимые значения.

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

Picsart color

Многофункциональное приложение для создания цифровых иллюстраций.

Помимо стандартных инструментов для рисования, здесь есть полезная функция симметричного рисования при помощи вращающейся оси, текстурная кисть, миксер для подбора оттенков. Если вы случайно удалили рисунок, функция «Автовосстановления» поможет его вернуть.

Простой интерфейс освоит даже новичок. Инструменты позволяют как раскрашивать наброски, так и детально прорисовывать иллюстрации.

Popover (всплывающие окна)

Их можно использовать когда определенное действие требует предварительный выбор нескольких элементов.

Данный вид всплывающего окна появляется под связанным обьектом (который вызывает это окно) с стрелкой указывающей на этот объект. Фон этого окна использует легкую прозрачность и размытый контент под этим окном.

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

Reuters

Бесплатное.

Приложение Reuters предлагает новости от одноимённого агентства. В приложении доступны десятки настраиваемых категорий, персонализированный список просмотра бизнес-новостей и новости на основе географического положения пользователя.

Save2pdf

Цена: 379 руб.

Если вы хотите создать файл формата PDF из файлов Word, Excel или Pages, или добавить новую страницу к уже существующему документу PDF, это приложение для вас. Оно позволяет мобильным профессионалам выбирать многочисленные файлы разных типов и объединять их в единый файл PDF, но это лишь вершина айсберга. Также можно редактировать, архивировать и осуществлять беспроводную печать документов.

Search bar (панель поиска)

Панель поиска доступна в двух разных стилях по умолчанию: стандартном и упрощенном. Обе версии отличаются лишь внешним видом и имеют одинаковую функциональность:

• Пока текст не был введен в поле поиска, там будет находится заданный по умолчанию текст (Поиск, Search).
• Как только пользователь начинает вводить поисковый запрос, текст «Поиск» или «Search» исчезает, а кнопка очистки введенного текста появляется у правого края.

Иногда панель поиска содержит подсказку – короткое предложение которое описывает возможности поиска. Например: «Введите название книги, автора или часть текста для поиска».

Segment control

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

Каждый сегмент может содержать текст или изображение (иконку), но никогда оба этих элемента одновременно. Также не рекомендуется смешивать вкладки с иконками с текстовыми вкладками без иконок. Ширина сегмента изменяется автоматически в зависимости от количества сегментов.

Slacker radio

Бесплатное, премиальная подписка $3,99 в месяц.

Бесплатное приложение, хотя есть премиальная версия. Одно из лучших приложений потокового вещания. На iPad оно несколько раз менялось, но по-прежнему предлагает отличный музыкальный контент. Можно выбирать музыку из десятков различных жанров, платная версия убирает рекламу и ограничения.

Slider (слайдер, ползунок)

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

Также есть возможность установки изображений (иконок) для максимального и минимального значения, которые отображаются справа и слева от слайдера.

Spotify

Бесплатное, премиальная подписка $9,99 в месяц.

Это бесплатное приложение также занимается потоковой трансляцией музыки на планшет. Тут имеются коллективные списки воспроизведения, прослушивание без рекламы, воспроизведение по запросу, возможность регулировать настройки для прослушивания во время бега.

Status bar (системная панель)

Системная панель (Status Bar) содержит в себе основную системную информацию, такую как доступность связи, текущий оператор связи, статус подключения к Wi-Fi/3g/LTE, текущее время, статус Bluetooth, будильник, заряд батареи. Данный элемент есть на большинстве основных современных операционных систем для мобильных устройств (iOS, Android, Windows Phone).

Статус бар визуально соединен с панелью навигации (Navigation Bar) и использует его фоновую заливку (начиная с iOS7). Для соответствия визуальному стилю вашего приложения и гарантирования читаемости, «внутренности» системной панели представлены в двух стилях оформления: темном и светлом.

В iOS предусмотрена возможность спрятать системную панель, но это делать не рекомендуется. Так как большинству пользователей достаточно часто необходима информация которая находится в системной панели (время, доступность Wi-Fi, уровень заряда батареи).

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

Stepper (степпер)

Степперы должны быть использованы когда пользователю необходимо выбрать точно значение из предложенных возможных значений (например 1-20). Степпер всегда состоит из двух сегментированных кнопок, одна для уменьшения, а вторая для увеличения значение. Изменение значения происходит с определенным шагом (например, нажатие на кнопку увеличения значения, увеличит текущее значение на единицу).

Визуально, степпер очень хорошо настраиваем:

• Вы можете использовать собственные иконки для кнопок.
• Вы можете изменять цвет обводки, фон и т.п.
• Также вы можете использовать любое изображение в качестве фона или разделителя.

Switcher (переключатель, включатель.выключатель)

Переключатель позволяет пользователю быстро переключаться между двумя возможным состояниями: включено и выключено. Есть возможность изменения цвета включенного и выключенного состояния. На этом возможности настроек переключателя исчерпаны. Нет возможности изменить размер и другие параметры переключателя.

Tab bar (панель вкладок

Панель вкладок используется для быстрой навигации через разделы приложения которые содержат в себе информацию сгруппированную по определенному признаку (например в приложении «Музыка», существуют вкладки Песни, Артисты, Плейлисты и т.п.). Эта панель всегда находится внизу экрана.

Панель вкладок может содержать только определенное количество вкладок. Если вкладок больше чем может быть отображено на панели вкладок, то последняя вкладка заменяется на вкладку «Еще» которая будет вести к списку спрятанных вкладок с возможностью изменения порядка отображаемых вкладок. Например, в приложении “Музыка”:

Максимальное количество отображаемых вкладок на iPhone – пять. На iPad их количество может достигать семи.

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

Каждая из вкладок может находится в двух состояниях – активное и стандартное. Когда вкладка в стандартном состоянии, она должны быть все равно видна чтобы дать пользователю возможность переключиться на неё. В основном, активная и стандартная вкладки отличаются цветом. Имеет смысл делать активную вкладку более яркой, нежели стандартную, чтобы пользователь мог легко отличить их.

Table view (таблица)

Таблицы используются для отображения информации в форме списка в одну или несколько колонок и с возможностью разбивать строки на отдельные секции или группировать их.

Существует два возможных вида отображения Таблицы, которые необходимо использовать в зависимости от типа данных который планируется отображать:

The pyramids

Цена: 529 руб.

The Pyramids приглашает в мультимедийное путешествие по знаменитым и удивительным объектам Древнего мира — пирамидам, сфинксу, гробницам в Гизе. Приложение с прекрасным дизайном позволит пользователям прочитать об истории Египта, рассмотреть трёхмерные артефакты и совершить виртуальное путешествие вглубь пирамид и гробниц, в то время как диктор будет рассказывать обо всём увиденном.

Tidal

Бесплатное, подписка по цене от $9,99 в месяц.

Одно из многих приложений трансляции музыки с подпиской, но оно отличается от Slacker Radio и Spotify нацеленностью на готовых платить фанатов эксклюзивного контента, качественным редактированием и 16-битным звуком без потери качества.

Toolbar (панель инструментов)

Панель инструментов содержит набор действий для управления или взаимодействия с контентом текущего экрана. На iPhone эта панель всегда располагается у нижнего края экрана, в то время как на iPad она может находиться у верхнего края экрана.

Также как и в панели навигации, фон панели инструментов может быть изменен (по умолчанию – небольшая прозрачность и размытый фоновый контент).

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

Tunein radio pro

Цена: 749 руб.

Это приложение продолжает развиваться. Недавно сервис потокового вещания радио предложил дополнительную подписку за $7,99 в месяц. TuneIn Radio Premium даёт музыку без рекламы, прямые трансляции спортивных соревнований и прочий аудиоконтент. Посреди всех изменений ключевая функциональность сервиса остаётся прежней. Тут доступно больше 100 тысяч радиостанций AM и FM со всего мира, можно записывать трансляции для прослушивания позднее.

Weather underground wunderstation

Бесплатное.

Пользователем часто приходится довольствоваться некрасивыми приложениями по своим интересам, однако у любителей узнавать прогноз погоды выбор намного более широкий. Существует много красивых программ с прогнозами погоды, но WunderStation является не просто красивой, но и умной.

Быстрые действия с домашнего экрана

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

Быстрые действия для приложения на домашнем экране можно вызвать продолжительным сильным нажатием на иконку приложения. Быстрые действия для приложения могут содержать заголовок действия, иконку и дополнительную строку текста (не обязательно). Никакие другие элементы не поддерживаются.

Быстрые действия должны предоставлять доступ только к основным и наиболее полезным функциям приложения. Например, карты позволяют пользователю искать по близлежащим местам или построить путь домой, не открывая предварительно приложение карт. Каждое приложение должно иметь как минимум одно быстрое действие. Максимум можно добавить 4 быстрых действия.

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

Не используйте быстрые действия как способ уведомления пользователя. Пользователи iOS ожидают получать уведомления из приложений другими способами (более детально читайте на сайте Apple в разделе Notifications).

Используйте простой и понятный заголовок для действия, а также подходящую по смыслу иконку. Заголовок должен четко указывать на результат, который получит пользователь по нажатию на быстрое действие. Например: “Проложить Путь Домой”, “Создать Новый Контакт”, “Новое Сообщение”.

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

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

В качестве иконки вы можете использовать иконку из стандартного набора либо создать свою. Более детально о размерах, отступах и положении иконки вы можете узнать из файла шаблона иконки.

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

Галереи паттернов (скриншотов экранов из приложений)

Моя галерея на Pinterest Большая и качественная галерея c разбивкой мобильных интерфейсов (и не только) по категориям. Постоянно обновляется

Mobile Patterns Крупная галерея паттернов. Периодически обновляется

Pttrns Хорошая галерея паттернов. Обновляется достаточно часто.

Группированная таблица

Группированная таблица позволяет объединить строки в группы. Каждая группа может иметь заголовок (здесь можно указать название группы) и описание (можно использовать для подсказки, описания и т.п.). Группированная таблица должна содержать как минимум одну группу и каждая группа должно состоять как минимум из одной строки.

Для обеих видов таблицы доступно несколько стилей:

Иконки приложений

Можно выделить следующие типы иконок  в iOS: иконка приложения, иконка для магазина приложений AppStore, иконка для Spotlight, иконка для настроек. Размеры этих иконок изображены в таблице ниже.

Иконки обычно сохраняются как квадратные PNG файлы в различных разрешениях. Никаких дополнительных эффектов дизайнеру применять не нужно. iOS сама применяет все необходимые эффекты. Тоже самое касается радиуса углов иконок. На iOS устройствах и в AppStore мы видим «закругленные» углы (углы с радиусом).

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

Еще один важный аспект который следует учитывать – прозрачность. Имейте ввиду что прозрачность не поддерживается для иконок приложения вообще. Поэтому все прозрачные участки будут заполнены черным цветом.

Если ваша иконка имеет белый фон, то серая 1px обводка будет применена к ней чтобы сделать её более выделяющейся. Это будет сделано только для иконок которые будут находиться в разделе «Настройки» устройства (если ваше приложение представлено там).

Также для создания пиктограмм, советую пользоваться вспомогательными неофициальными шаблонами. Там уже применена система сеток разработанная компанией Apple для своих иконок. Это может облегчить вам процесс создания дизайна.

Кнопки

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

Кнопки имеют огромное количество настроек внешнего вида которые позволяют изменять и настраивать вам практически все: стиль текста, тени, иконки и т.п.

Следует помнить, что кнопки обычно имеют несколько состояний, которые должны отличаться между собой: стандартное, выделенное, активное, неактивное.

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

Настройка дисплея и размера текста на ipad

Полезные вещи

UIStencils Ребята продают прекрасные инструменты для UI дизайнеров (Mobile, Web). От скетчбуков до металических трафаретов. Очень советую

DotGrid Продают хорошие альбомы и скетчбуки

Rotring Если механический карандаш, то только Rotring. Металические, очень хорошего качества и с самым оптимальным весом

Простая таблица

Простая таблица состоит с определенного количества строк. Простая таблица может иметь заголовок (вверху таблицы) и описание (внизу таблицы). Также может быть отображена вертикальная навигация в правой части экрана для навигации через таблицу. Есть смысл это делать когда представлен большой массив данных которые могут быть отсортированы каким либо способом (например сортировка по алфавиту).

Прототипирование

Principle В данный момент, наилучший инструмент (на мой взгляд) для создания анимированных прототипов. Обладает очень широкими функциональными возможностями и очень низким входным барьером. Единственный минус – доступен только на Mac

Разница между поинтами и пикселями

Пиксели это наименьшие физические элементы которые мы можем контролировать на цифровом экране. Чем больше пикселей будет на экране определенного размера, тем выше PPI (количество пикселей на дюйм) и тем более качественным будем изображение которое мы будем видеть на экране.

Поинты в свою очередь являются независимыми от разрешения элементами. В зависимости от плотности пикселей, поинт может содержать несколько пикселей (например 1 поинт содержит 2х2 пикселей на стандартном retina экране).

Когда вы создаете дизайн для различных размеров экранов, вы должны думать в поинтах, а рисовать в пикселях. То есть вы все еще должны экспортировать элементы дизайна в 3 различных размерах (@1x – для устройств младше iPhone 4; в два раза больше @2x – для iPhone 4, 4s, 5, 5s, 6; в три раза больше @3x – для iPhone 6 Plus), независимо от того в каком разрешении вы создаете дизайн своего приложения.

Обработанные пиксели и физические пиксели равны на всех iOS устройствах кроме iPhone 6 Plus. Здесь экран имеет меньшее разрешение пикселей нежели оно должно быть при реальном @3x разрешении. Поэтому размер обработанного контента автоматически уменьшается до 87% реального размера (с 2208 х 1242 пикселей до 1920 х 1080 пикселей).

Уведомления, всплывающие, модальные окна

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

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

Характеристики экранов

Цветовые схемы

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

Стандартная Apple палитра выглядит следующим образом:

Если вам нравятся цвета которые использует Google в своих дизайнах, то советую ознакомиться с неплохой подборкой советов по дизайну в стиле Google на Behance. Во второй части есть очень подробная таблица всех используемых цветов Google.  Часть 1,Часть 2.

Часто используемые элементы

iOS предлагает прекрасную коллекцию готовых для использования элементов, которые очень облегчают жизнь разработчикам и позволяют достаточно быстро создавать интерфейсы. Многие из элементов являются настраиваемые и могут изменять свой внешний вид по желанию разработчика.

С созданием собственных элементов интерфейса нужно быть предельно осторожным, так как у пользователя могут возникнуть проблемы в понимании новых, незнакомых ему обьектов. Поэтому перед введением этих элементов нужно хорошо подумать, проанализировать и, если есть возможность, протестировать на пользователях эти элементы. Также, нужно продумать процедуру знакомства пользователя с нестандартными элементами интерфейса.

Шрифты

В данный момент, системным шрифтом является San Francisco Font. Этот шрифт стал основным начиная с iOS 9. До этого, системным шрифтом был Helvetica Neue. В дополнение к основному системному шрифту, доступно достаточно много других стандартных шрифтов , а также есть возможность подключить любой сторонний шрифт. Использовать шрифты всегда необходимо с умом и не забывать о лицензиях (особенно если используете сторонние шрифты).