Знакомство Здравствуйте! Этот файл содержит библиотеку элементов пользовательского интерфейса i. Phone, чтобы Вы могли скопировать и вставить в ваш файл. Векторный формат: Большинство элементов пользовательского интерфейса, которые Вы найдете здесь, были созданы в векторном формате, таким образом Вы можете редактировать их текст и даже изменять их форму, цвет, градиент, и т. д. Группировка / разгруппировка: Обратите внимание, что большинство элементов пользовательского интерфейса были созданы путем объединения нескольких фигур вместе. Вы можете скопировать и вставить элемент пользовательского интерфейса в Ваш шаблон приложения с помощью его разгруппировки. Таким образом, вы всегда будете держать хорошие сгруппированные копии здесь.
Панель состояния, панель навигации и т. д. Панель состояния Появляется в самом верху экрана. Показывает важную информацию об устройстве, включая силу сигнала, текущее подключение к сети и уровень заряда батареи. Вы можете скрыть строку состояния в полноэкранном приложении (например, игры). Панель состояния Оператор 10: 32 AM Оператор Индикатор активности Очень популярный и полезный элемент пользовательского интерфейса. Появляется в верхней части экрана непосредственно под строкой состояния. Обычно отображается название текущего вида и может содержать кнопки, либо выполнить действия, переходить к виду (Сохранить и т. д. ), и / или навигации (Назад, и т. д. ) 10: 32 AM Оператор Панель навигации 10: 32 AM 3 G Область значка Назад Кнопка Optional instructions for this pane Панель вкладок и значки Рекомендуется для приложений, которые представляют один и тот же тип информации в различных видах (телефонные приложения). Появляется в самом низу экрана. Дает пользователям возможность переключаться между различными режимами (просмотр или приложение). Должны присутствовать на всех экранах, чтобы позволить пользователю быстро переключаться между режимами. Область значка Сохранить Область значка Отмена Нерабочий Группы Все контакты 6 Музыка Панель вкладок Видео Подкасты Поиск Ещё Входящие (20) 2 of 50 Коллекция икон панели вкладок расположена на следующем слайде Значки накладываются на иконки в панели вкладок, чтобы информировать пользователя о новинках, которые пока не действуют в соответствующей вкладке 9 99 999 Индикаторы активности Индикатор активности должен отображаться, если приложение занимает более пары секунд для выполнения текущей задачи Индикатор работы навигационной панели на сером фоне. . . Сетевая активность Страница индикаторов +
Панель вкладок библиотека значков i. Tunes store и i. Pod вкладки программ + значки (в том числе “таблицы” вариант черное на белом) Youtube, App Store и Phone дополнительные вкладки программ + значки (в том числе “таблицы” вариант черное на белом) 6 Музыка Видео Подкасты Поиск Ещё Популярные Избранные Самые новые Лучшие Ещё i. Tunes U Загрузка Рингтоны Жанры Артисты Мое видео Подписки Плейлисты Категории Обновления Аудиокниги Сборники Композиторы Альбомы Плейлист Clock App панель вкладок программ. Контакты Клавиатура Голосовая почта i. Disk App панель вкладок программ. Мировое время Будильник Секундомер Таймер i. Disk Recents Shared Files Public Folders
Панель инструментов, панель браузера, панель поиска Панель инструментов Панель поиска Используйте панель инструментов, с помощью которой пользователь может различные действия (например, чтение электронной почты с экрана). Появляется в самом низу экрана. Панель инструментов не должна использоваться для переключения между различными режимами приложения, для этого используйте панель вкладок. Имейте в виду, что размер кнопки региона рекомендуется 44 х 44 пикселей, таким образом, обеспечивая размещение пяти иконок на панели инструментов, что является предпочтительным. Появляется когда пользователь нажимает строку поиска. По умолчанию, строка поиска отображается в виде лупы с надписью поиск значок на левой стороне. Кроме того, в строке поиска может отображаться несколько дополнительных элементов: Текстовый заполнитель (например, "Поиск") Закладки обеспечивают быстрый доступ к ранее выполненному поиску, которые сохранен как закладка. Кнопка «Очистить» очищает содержимое строки поиска. Описательные названия появляются над строкой поиска (например, "инструкции") 5 Пример поиск текста Индикатор процесса 24 of 39 Панель браузера Первичные Поиск Вторичный Очистить Инструкция Отмена Старт: Текущее местоположение Панель инструментов Панель браузера Окончание: Mock. App Google mockapp. com/ Вводится имя компании или ID. Отмена Mock. App Отмена http: //mockapp. com/ Mock. App Google Поиск Отмена
Значки панели инструментов и другие иконки Предыдущий 2 Страница Удалить заблокированные Необходимость повторного цвет значка? Следующий Добавлять Удалить разблокированные Предыдущий неработающий Закладка Большинство из этих иконок были созданы путем объединения нескольких фигур вместе. Если возникают проблемы при их окраске, попробуйте следующее: Захватить и переместить 1) Скопируйте иконку в файл шаблона Следующий неработающий Низкий уровень звука Назад Высокий уровень звука Вперед Подробности Назад неработающий Добавить контакт Вперед неработающий Закладки Ускоренная перемотка вперед Изображение доступности Ускоренная перемотка назад Непрочитанный Пауза Информация Возврат Камера Обновление Поиск Действие Удалить Маршрут Организовывать Корзина Набирать Стоп 9 Значок одной цифры 99 Значок две цифры 999 Значок три цифры 2) разгруппируйте значок во всех частях 3) Придайте цвет каждой части (цвет заливки или штриховки в зависимости от случая). 4) Объедините формы, которые образуют иконки
Действие листов, указатели Действие листов дают пользователю набор вариантов для решения задачи, которую он только что выбрал. Появляется в нижней части экрана. Действие листов могут быть использованы для предоставления выбора при решении задачи: завершить или получить подтверждение перед выполнением потенциально разрушительных задач (например, удалить или отменить). 0: 00 0: 28 OK Удалить Наиболее важные действия должны появиться в качестве верхней кнопки. Если действие является разрушительным (т. е. Удалить), может показываться в виде красной кнопки. Первичное действие Действие листов Пуск Запись Вы также можете сделать это или, может быть, это или почему бы и нет, что Указатели Выбрать все Вставить Отмена Mock. App Удалить Отмена
Предупреждения, просмотр текста , Web-просмотры Предупреждения Просмотр текста Предупреждения должны использоваться только в ситуациях, которые требуют немедленного внимания пользователя, как правило, для процессов, запущенных в фоновом режиме. Область экрана с несколькими строками текста. Поддерживает прокрутку, если содержание слишком большое, чтобы поместить внутри области. Текстовое представление может быть использовано для отображения текста или редактирования этого текста (в случае появления клавиатуры). Предупреждения всплывает в середине экрана и вопреки действиям листов, предупреждения не обязательно связано с последним действием пользователя. Чтобы помочь невнимательным пользователям с безопасным выбором, сделайте кнопку выбора по умолчанию правой и светлой (например, Отмена). Привет! Направлено из i. Phone Главное сообщение Предупреждения Дополнительное объяснение того, что нужно сделать пользователю Первичная кнопка Дополнительное сообщение Дополнительное объяснение того, что система просит Web / Email просмотры Область экрана, которая может отображать любой HTML контент (включая навигацию) внутри вашего приложения. Например, Mail использует веб-представление для отображения содержимого сообщения: Первичное Confirmation Message Пожалуйста, введите Ваш пороль Optional john@doe. comwhat the explanation of system is asking Пароль Отмена OK Primary Twitter Для: Вторичное От: Иван Скрывать Все теперь на. Twitter! Апрель 1, 2013 1: 33 PM Отметит о прочтении
Клавиатура располагается внизу, когда активирован режим редактирования. Это все в векторном формате, в случае, если вам нужно изменить буквы. Й Ц У К Е Н Г ШЩ З Х Ъ ФЫВ А П Р О Л Д Ж Э #+= Я Ч С М И Т Ь БЮ AB C @ space . return 1 2 3 4 5 6 7 8 9 0 $ #+= AB C ! space & _ . ~ @ = # +. return | { } ? % ^ * / ` $ ! AB C space & _ . #+= ~ @ = # +. return 1 2 АБВГ 3 ДЕЖЗ 4 ИЙКЛ 5 МНОП 6 РСТУ 7 ФХЦЧ 8 ШЩЪЫ 9 ЬЭЮЯ 0 + ,
Регулярные просмотры таблиц (отличие от сгруппированных просмотров таблицы - на следующем слайде) являются наиболее полезными для отображения длинных списков предметов, таких как сообщения, контакты и т. д. , которые должны легко перемещаться. Каждая строка пункта. Списки могут быть разделены на разделы (например, в алфавитном порядке), разделенные серыми заголовками, как показано ниже. Иерархия элементов позволяет пользователю "развернуть" ('>' значок справа от элемента). Непрочитанные Первая Фамилия М Это обычная таблица Н Разделенная на части 29 Каждая строка пункта мобильный Удалить или переместить Для удаления Удалить нынешнее состояние Ещё не нажата При нажатии на кнопку подчеркивается Это обычный вид таблицы С иконы, как в Вкладка “дополнительно” А Б В вид Г Д Е Ж З И (Буквы разделов) К Л М Н О список П может содержать несколько Р С данные элементов (изображения, текст и т. д. ) Т У Ф Х О Г Петр Гертье Тимофей Глазырин М. Н. Гмун Марина Гольцман Д Из i. Pod приложения Сергей Домрачев Подкасты Билл Дятлов А Б В Г Д Е Ж З И К Л М Н О П Р С Т У Ф Х
Группированные просмотры таблиц Группировка таблиц рассматривает элементы из списка группы в режиме полосатые "пижамы". Это представление удобно для списка параметров. Иерархия элементов позволяют пользователю "развернуть" ('>' значок справа от элемента). эта группа состоит из 3 пунктов этот пункт был выбран пункт меняет цвет при выборе Миша образ дом. (111) 222 -3333 моб. (111) 222 -3333 раб. (111) 222 -3333 другой (111) 222 -3333 эта группа имеет только 1 пункт Текст сообщения Вы можете вставлять заголовки Это позволяет выбирать Показывает это Панель 1 Панель 2 Вы даже можете вставить инструкции, если они полезны в этом контексте. нынешнее состояние Беззвучный Сегменты управления Панель 1 Панель 2 Панель 3 Пункт включен Панель 3 OFF Звонок Пункт включен Панель 1 Панель 2 Передать контакт ON
Дата, время и другие параметры Дата и время Август 03 2007 28 Сентябрь 04 2008 29 Октябрь 05 2009 0 часов 30 минут Ноябрь 06 2010 1 31 Декабрь 07 2011 2 32 Суб Окт 3 7 50 Вос Окт 4 8 55 Сегодня 9 00 AM Вт Окт 6 11 10 По аналогии с "выпадающим меню" часто используется на web-сайтах и настольных приложениях. 10 05 PM Ср Окт 7 Значение выбора Первое & по умолчанию 7 45 Второе значение 8 46 Третье значение 9 47 AM 10 48 PM 11 49
Сенсорные приложения и обои Анимированные жесты i. Phone Лучшее для выбора элемента управления или пункта (например, одним щелчком мыши) стук Слегка коснуться и передвинуть перевернуть тащить Чтобы увеличить / уменьшить масштаб и центр блока или изображения. 2 x стук tap В редактируемом тексте, чтобы увидеть увеличенное изображение (перемещение курсора + копирование / вставка функций) коснуться и держать нажать закрыть нажать Перетаскивать и масштаб открыть Для увеличения Для уменьшения
Скачать презентацию Знакомство Здравствуйте Этот файл содержит библиотеку элементов пользовательского
Библиотека кнопок для iPhone.pptx