Принципы пользовательского интерфейса iOS. Translate into Russian, page 1. — Translated by humans
| Apple Inc, “iOS Human Interface Guidelines”, public translation into Russian from English More about this translation. Another translations: into Portugese. Translate into another language. | Participants
|
- Statistics
- Participants
- Translate into Russian
- Translation result
- 15% translated in draft.
Join Translated.
by to translate! If you already have a Translated.by account, please sign in.
Pages: ← previous Ctrl next → next untranslated →
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
iOS Human Interface Guidelines | Принципы пользовательского интерфейса iOS History of edits (Latest: DnV 10 years, 4 months ago) § | |
iOS Human Interface Guidelines describes the guidelines and principles that help you design a superlative user interface and user experience for your iOS app. | «Принципы пользовательского интерфейса iOS» описывают принципы и правила, которые помогут вам спроектировать превосходный пользовательский интерфейс и повысить удобство использования вашего iOS-приложения. History of edits (Latest: DnV 10 years, 4 months ago) § | |
iOS Human Interface Guidelines does not describe how to implement your designs in code. When you’re ready to code, start by reading iOS Application Programming Guide. | «Принципы пользовательского интерфейса iOS» не описывают, как воплотить ваши проекты в машинном коде. Когда вы будете готовы программировать, начните с чтения «Руководства по программированию приложений для iOS». History of edits (Latest: DnV 10 years, 4 months ago) § | |
At a Glance | Краткий обзор History of edits (Latest: nastao 11 years, 7 months ago) § | |
By working with the platform conventions, you’ll be much better positioned to create outstanding iOS apps. | Работая в соответствии с правилами платформы, у вас будет гораздо больше шансов создавать замечательные iOS-приложения. History of edits (Latest: DnV 10 years, 4 months ago) § | |
Great iOS Apps Embrace the Platform and HI Design Principles | Первоклассные iOS-приложения включают в себя платформу и принципы проектирования пользовательского интерфейса. History of edits (Latest: DnV 10 years, 4 months ago) § | |
People appreciate iOS apps that feel as though they were designed expressly for the device. For example, when an app fits well on the device screen and responds to the gestures that people know, it provides much of the experience people are looking for. And, although people might not be aware of human interface design principles, such as direct manipulation or consistency, they can tell when apps follow them and when they don’t. | Люди ценят те iOS приложения, которые выглядят будто их создавали именно под определенное устройство. Например, если приложение четко подходит по размеру экрана устройства и отвечает на жесты, которые пользователь знает, это как раз тот опыт, который нужен пользователю. Даже если человек не знаком с принципами проектирования пользовательского интерфейса, например, таких как непосредственное управление или согласованность, он может определить, когда приложение его «слушается», а когда нет. Когда вы начнете проектировать приложения под iOS, удостовертесь, что Вы понимаете, что именно делает устройства с данной операционной системой особенными и понимаете, как использовать принципы высококачественного дизайна, чтобы предоставить конечному пользователю именно то, что он оценит по достоинству History of edits (Latest: nastao 11 years, 7 months ago) § | |
Relevant Chapters: “Platform Characteristics” and “Human Interface Principles” | Сопутствующие главы: “Характеристики платформы” и “Принципы разработки пользовательского интерфейса” History of edits (Latest: nastao 11 years, 7 months ago) § | |
Great App Design Begins with Some Clear Definitions | Отличный дизайн приложения начинается с четких определений History of edits (Latest: nastao 11 years, 7 months ago) § | |
When you’re starting with an idea for an app, it’s crucial to decide precisely which features you intend to deliver, and to whom. | Когда у вас появляется идея для создания приложения, важно четко определить, какие ключевые характеристики Вы собираетесь собираетесь представить и кому. После того, как вы с этим определитесь, вы должны продумать тот вид и впечатление от вашего приложения на том устройстве, для которого данное приложение разрабатывается и для тех задач, которое оно будет выполнять. History of edits (Latest: nastao 11 years, 7 months ago) § | |
If you’re bringing existing software to iOS, you face many of the same challenges. As you redesign your existing software for iOS, it can help to learn about some of the design decisions that informed other successful interdevice transitions, such as those for Mail and Keynote. | Если вы переносите уже существующее программное обеспечение на iOS, то вы столкнетесь с теми же сложностями. History of edits (Latest: nastao 11 years, 7 months ago) § | |
Relevant Chapters: “App Design Strategies” and “Case Studies: Transitioning to iOS” | Сопутствующие главы: “Стратегии разработки дизайна приложений” and “Пример применения: переход на iOS” History of edits (Latest: nastao 11 years, 7 months ago) § | |
A Great User Experience Is Rooted in Your Attention to Detail | Внимание к деталям — основа успешного взаимодействия с пользователем History of edits (Latest: nastao 11 years, 7 months ago) § | |
It’s essential to keep the user experience uppermost in your mind as you design every aspect of your app, from the way you enable a task, to the way your app starts and stops, to the way you use a button. | Очень важно максимально ориентироваться на опыт и восприятие пользователя при разработке любого аспекта вашего приложения, начиная от выполняемых задач и заканчивая, как ваше приложение начинает и завершает работу и как используются кнопки. Определите принципы, исходя из которых вы будете создавать внешний вид и модель поведения вашего приложения в общем и частном случае. History of edits (Latest: nastao 11 years, 7 months ago) § |
Если вы переделываете Вашу уже существующую программу под iOS платформу, в данном случае Вам может помочь изучение дизайнерских решений для других программ, которые были успешно переконструированы для устройств с iOS платформой, таких, например, как Mail или Keynote.
Discover the guidelines that influence the look and behavior of your app, in matters both general and specific.Pages: ← previous Ctrl next → next untranslated →
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125
Human Interface Guideline для iOS приложения
org/ListItem»> Главная >- Каталог >
- UX/UI Design мобильных приложений >
- Human Interface Guideline для iOS приложения
Для прохождения теста нужно авторизироваться
Войти Регистрация
×
Вы открыли доступ к тесту! Пройти тест
Для просмотра полной версии видеокурса, онлайн тестирования и получения доступа к дополнительным учебным материалам купите курс Купить курс
Для просмотра всех видеокурсов ITVDN, представленных в Каталоге, а также для получения доступа к учебным материалам и онлайн тестированию купите подписку Купить подписку
№1
Основы мобильного приложения
0:22:44
Материалы урокаДомашние заданияТестирование
Поговорим об истории разработки моб приложений, почему это сейчас передовая сфера и почему нужно делать акцент на нее, поговорим о плане работы с моб приложением, инструментарии, figma – как основном инструменте, которой мы будем использовать.
Читать дальше…
Вайрфреймы и их типы
0:25:11
Материалы урокаДомашние заданияТестирование
Поговорим о вайрфреймах и прототипах, рассмотрим разницу, поговорим про ошибки прототипирования и о UX архитектуре.
Читать дальше…
Material Design для Android приложения часть 1
0:20:30
Материалы урокаДомашние заданияТестирование
Поговорим о принципах Material Design, разберем основную идею и подход к реализации, тактильность, минимализм, цвет, типографику и иконографику.
Читать дальше…
Material Design для Android приложения часть 2
0:23:11
Материалы урокаДомашние заданияТестирование
Разобрать подробно Material Design, рассмотреть на практике, ознакомиться с компонентами (символами), понять принцип мастер (родительского) компонента и зависимых (дочерних) компонентов.
Читать дальше…
Human Interface Guideline для iOS приложения
0:23:13
Материалы урокаДомашние заданияТестирование
Разобрать подробно Human Interface Guideline, рассмотреть на практике, понять принципы, модели концепты Apple.
Читать дальше…
Темная сторона
0:20:33
Материалы урокаДомашние заданияТестирование
Разобрать подробно Dark mode, понять почему это сейчас в трендах и научиться грамотно реализовывать плюсы и избегать недостатков темной темы.
Читать дальше…
Сравнение дизайна Android & iOS
0:24:15
Материалы урокаДомашние заданияТестирование
Разобрать и более детально сравнить разницу этих 2-ух мастодонтов в “дизайн-системах”.
Читать дальше…
Кастомный дизайн для кроссплатформенного приложения
0:25:30
Материалы урокаДомашние заданияТестирование
Понять разницу между нативностью, гибридным и веб подходом.
Читать дальше…
Web и Mobile
0:28:32
Материалы урокаДомашние заданияТестирование
Понять, когда применять веб, а когда мобайл. Понять, как трансформируется веб в мобайл.
Читать дальше…
Упаковка приложения
0:25:26
Материалы урокаДомашние заданияТестирование
Понять, как упаковывать приложение для Play Store, App Store.
Читать дальше…
ПОКАЗАТЬ ВСЕ
ПОДРОБНЕЕ
ПОДРОБНЕЕ
Регистрация через
✖или E-mail
Нажав на кнопку «Зарегистрироваться»,
Вы соглашаетесь с условиями использования.
Уже есть аккаунт
Получите курс бесплатно
✖Вы выбрали курс для изучения
«»
Чтобы получить доступ к курсу, зарегистрируйтесь на сайте.
РЕГИСТРАЦИЯ
Спасибо за регистрацию
✖Перейдите на почту и подтвердите Ваш аккаунт,
чтобы получить доступ ко всем
бесплатным урокам и вебинарам на сайте ITVDN.com
ПОДТВЕРДИТЬ ПОЧТУ НАЧАТЬ ОБУЧЕНИЕ
Спасибо за регистрацию
✖Ваш аккаунт успешно подтвержден.
Начать обучение вы можете через Личный кабинет
пользователя или непосредственно на странице курса.
НАЧАТЬ ОБУЧЕНИЕ
Подтверждение аккаунта
На Ваш номер телефона было отправлено смс с кодом активации аккаунта. Пожалуйста, введите код в поле ввода.
Отправить код еще раз
Изменить номер телефона
Ошибка
✖Все компоненты — Компоненты — Руководство по пользовательскому интерфейсу — Дизайн
Просмотр на английском языке
Содержание
Диаграммы
Диаграмма помогает вам передавать данные в доступной графической форме.
Представления изображений
Представление изображений отображает одно изображение — или, в некоторых случаях, анимированную последовательность изображений — на прозрачном или непрозрачном фоне.
Текстовые представления
Текстовое представление отображает многострочное стилизованное текстовое содержимое, которое можно дополнительно редактировать.
Веб-представления
Веб-представление загружает и отображает разнообразный веб-контент, такой как встроенный HTML и веб-сайты, непосредственно в вашем приложении.
Планировка и организация
Блоки
Блок создает визуально различимую группу логически связанной информации и компонентов.
Коллекции
Коллекция управляет упорядоченным набором содержимого и представляет его в настраиваемом и наглядном макете.
Представления столбцов
Представление столбцов, также называемое браузером, позволяет людям просматривать и перемещаться по иерархии данных, используя ряд вертикальных столбцов.
Элементы управления раскрытием
Элементы управления раскрытием раскрывают и скрывают информацию и функциональные возможности, связанные с определенными элементами управления или представлениями.
Ярлыки
Ярлык — это статичный фрагмент текста, который люди могут читать и часто копировать, но не редактировать.
Списки и таблицы
Списки и таблицы представляют данные в одном или нескольких столбцах строк.
Lockups
Lockups объединяют несколько отдельных представлений в единый интерактивный блок.
Структурные представления
Структурное представление представляет иерархические данные в прокручиваемом списке ячеек, организованных в столбцы и строки.
Разделенные представления
Разделенное представление управляет представлением нескольких смежных панелей содержимого, каждая из которых может содержать множество компонентов, включая таблицы, коллекции, изображения и настраиваемые представления.
Представления вкладок
Представление вкладок представляет несколько взаимоисключающих панелей содержимого в одной и той же области, между которыми люди могут переключаться с помощью элемента управления с вкладками.
Представления действий
Представление действий, часто называемое общим листом, представляет ряд задач, которые люди могут выполнять в текущем контексте.
Кнопки
Кнопка запускает мгновенное действие.
Всплывающие кнопки
Всплывающая кнопка отображает меню взаимоисключающих параметров.
Кнопки раскрывающегося списка
Кнопка раскрывающегося списка отображает меню элементов или действий, которые непосредственно связаны с назначением кнопки.
Панели инструментов
Панель инструментов обеспечивает удобный доступ к часто используемым командам и элементам управления, которые выполняют действия, относящиеся к текущему представлению.
Навигация и поиск
Панели навигации
В верхней части экрана приложения появляется панель навигации, позволяющая перемещаться по иерархии контента.
Элементы управления путями
Элементы управления путями показывают путь файловой системы к выбранному файлу или папке.
Поля поиска
Поле поиска позволяет пользователям выполнять поиск в наборе контента по введенным ими определенным терминам.
Панели вкладок
Панели вкладок используют элементы панели для навигации между взаимоисключающими панелями содержимого в одном представлении.
Поля маркеров
Поле маркеров — это тип текстового поля, который включает маркеры — блоки текста, которые люди могут легко выбирать и манипулировать ими.
Презентация
Листы действий
Лист действий — это модальное представление, в котором представлены варианты выбора, связанные с действием, инициируемым людьми.
Оповещения
Оповещение дает людям важную информацию, которая им нужна немедленно.
Элементы управления страницы
Элемент управления страницей отображает ряд изображений-индикаторов, каждое из которых представляет страницу в плоском списке.
Панели
В приложении macOS панель обычно располагается над другими открытыми окнами, предоставляя дополнительные элементы управления, параметры или информацию, связанную с активным окном или текущим выбором.
Всплывающие окна
Всплывающее окно — это временное представление, которое появляется над другим содержимым на экране, когда люди щелкают или касаются элемента управления или интерактивной области.
Представления с прокруткой
Представление с прокруткой позволяет людям просматривать содержимое, которое превышает границы представления, перемещая содержимое по горизонтали или вертикали.
Листы
Лист помогает людям выполнять ограниченную задачу, тесно связанную с их текущим контекстом.
Windows
Окно содержит представления и компоненты, представляющие пользовательский интерфейс вашего приложения или игры.
Выбор и ввод
Цветовые ячейки
Цветовые ячейки позволяют настроить цвет текста, фигур, направляющих и других элементов на экране.
Поле со списком
Поле со списком объединяет текстовое поле с раскрывающейся кнопкой в одном элементе управления.
Представления ввода цифр
Представление ввода цифр заполняет весь экран и предлагает пользователям ввести последовательность цифр, например PIN-код, с помощью специальной клавиатуры.
Области изображений
Области изображений — это редактируемая версия представления изображений.
Экранные клавиатуры
В iOS, iPadOS и tvOS система предоставляет различные типы экранных клавиатур, которые люди могут использовать для ввода данных.
Средства выбора
Средство выбора отображает один или несколько прокручиваемых списков различных значений, из которых люди могут выбирать.
Сегментированные элементы управления
Сегментированные элементы управления представляют собой линейный набор из двух или более сегментов, каждый из которых функционирует как кнопка.
Ползунки
Ползунок — это горизонтальная дорожка с элементом управления, называемым большим пальцем, который можно регулировать между минимальным и максимальным значением.
Степперы
Степпер — это двухсегментный элемент управления, который люди используют для увеличения или уменьшения значения приращения.
Текстовые поля
Текстовое поле представляет собой прямоугольную область, в которой люди вводят или редактируют небольшие определенные фрагменты текста.
Переключает
Переключатель позволяет людям выбирать между парой противоположных состояний, например включено и выключено, используя разный внешний вид для обозначения каждого состояния.
Статус
Кольца активности
Кольца активности показывают ежедневный прогресс человека в достижении целей движения, упражнений и стояния.
Датчики
Датчик отображает конкретное числовое значение в диапазоне значений.
Индикаторы выполнения
Индикаторы выполнения сообщают людям, что ваше приложение не останавливается во время загрузки содержимого или выполнения длительных операций.
Рейтинговые индикаторы
Рейтинговый индикатор использует серию горизонтально расположенных графических символов — по умолчанию это звезды — для обозначения уровня рейтинга.
Системный опыт
Усложнения
Усложнение отображает своевременную и актуальную информацию на циферблате, где люди могут просматривать ее каждый раз, когда поднимают запястье.
Быстрые действия на начальном экране
Быстрые действия на начальном экране позволяют пользователям выполнять определенные действия с приложением на начальном экране.
Активность в реальном времени
Активность в реальном времени отображает актуальную информацию из вашего приложения, позволяя людям с первого взгляда просматривать ход событий или задач.
Уведомления
Уведомление предоставляет людям своевременную и ценную информацию, которую они могут понять с первого взгляда.
Строки состояния
Строка состояния появляется вдоль верхнего края экрана и отображает информацию о текущем состоянии устройства, такую как время, оператор сотовой связи и уровень заряда батареи.
Top Shelf
На главном экране Apple TV есть область Top Shelf, которая демонстрирует ваш контент в богатой и привлекательной форме, а также предоставляет людям доступ к их любимым приложениям в Dock.
Циферблаты
Циферблат — это вид, который люди выбирают в качестве основного вида в watchOS.
Виджеты
Виджет поднимает небольшое количество своевременной, личной информации из вашего приложения или игры, отображая ее так, чтобы люди могли ее увидеть с первого взгляда.
Нет результатов.
Жесты сенсорного экрана — Входные данные — Руководящие принципы пользовательского интерфейса — Дизайн
Жесты — это ключевой способ взаимодействия людей со своими устройствами с сенсорным экраном, позволяющий установить тесную личную связь с контентом и повысить ощущение непосредственного манипулирования объектами на экране.
Помимо использования сенсорного экрана, люди также могут использовать жесты с помощью таких устройств, как трекпад, мышь, пульт дистанционного управления или игровой контроллер. Например, люди могут использовать трекпад для взаимодействия со своим iPad или Mac, а игровой контроллер — для взаимодействия с iPhone, iPad, Mac и Apple TV. Руководство по вводу данных с этих устройств см. в разделе Указательные устройства, пульты дистанционного управления и игровые контроллеры.
Все устройства с сенсорным экраном используют основные жесты, такие как касание, пролистывание и перетаскивание. Некоторые платформы определяют дополнительные жесты; например, iOS и iPadOS поддерживают сведение и вращение. Когда вы включаете жесты сенсорного экрана в свой интерфейс, вам необходимо понимать поведение стандартных жестов каждой платформы, чтобы вы могли обеспечить знакомый и последовательный опыт.
Передовой опыт
В общем, реагируйте на жесты так же, как и в других приложениях. Люди ожидают, что большинство жестов будут работать одинаково независимо от их текущего контекста. Например, люди ожидают, что жест щипка отрегулирует уровень масштабирования вида или масштабирует выбранный объект. Избегайте использования знакомого жеста для выполнения действия, уникального для вашего приложения; Точно так же избегайте создания уникального жеста для выполнения стандартного действия, такого как выбор кнопки или прокрутка длинного изображения.
Определяйте пользовательские жесты только при необходимости. Людям может быть трудно обнаружить и запомнить пользовательский жест, а если его неудобно выполнять, люди могут не захотеть или не смогут его использовать. Предпочитайте настраиваемые жесты в ситуациях, когда ваше приложение предлагает захватывающий опыт, требующий контекстно-зависимых взаимодействий, например, в игре или приложении для рисования, или когда система не обрабатывает стандартный жест, например, сведение пальцев в watchOS или жест в сцена SpriteKit или SceneKit. Если вы решили определить собственный жест, убедитесь, что он:
- Легко обнаружить и использовать
- Не слишком похоже на уже знакомые людям жесты
- Не единственный способ выполнить важное действие в приложении
Убедитесь, что жесты применяются к соответствующему содержимому. Как правило, жесты должны применяться к содержимому, с которым люди взаимодействуют в данный момент, например к выбранному элементу, активному представлению в окне или области поверх элемента, например фотографии.
Начните с использования положения пальцев, чтобы помочь вам определить наиболее специфический контент, которым люди, вероятно, манипулируют, и сделайте этот контент целью жеста. Если контент не реагирует на жест, рассмотрите возможность таргетинга на более высокие уровни контента и контейнеры.
Обрабатывайте жесты максимально точно. Жесты расширяют возможности прямого манипулирования и обеспечивают немедленную обратную связь в реальном времени. Когда люди выполняют жест в вашем приложении, предоставьте обратную связь, которая поможет им предсказать его результаты и, при необходимости, сообщит о степени и типе движения, необходимого для выполнения действия.
Включите жесты быстрого доступа, чтобы дополнять стандартные жесты, а не заменять их. Людям нужны простые, знакомые способы навигации и выполнения действий, даже если это означает пару лишних касаний. Например, в приложении, которое поддерживает навигацию по иерархии экранов, люди ожидают найти кнопку «Назад» на панели навигации, которая позволяет им вернуться к предыдущему экрану одним касанием.
Чтобы ускорить это действие, многие приложения также предлагают жесты быстрого доступа, такие как смахивание от края экрана или окна, сохраняя при этом кнопку «Назад».
Избегайте помех общесистемным жестам на краю экрана. В зависимости от устройства жесты края экрана могут обеспечить доступ к главному экрану, переключателю приложений, Центру уведомлений, Центру управления и Dock. Люди полагаются на эти жесты, чтобы работать в каждом приложении. В редких случаях иммерсивному приложению, такому как игра, могут потребоваться специальные жесты на краю экрана, которые имеют приоритет над жестами системы. В этом редком сценарии игра может использовать поведение, называемое защита края , в котором первое движение вызывает жест, специфичный для приложения, а второе движение вызывает системный жест. Если вам необходимо включить настраиваемые жесты на краю экрана, используйте защиту края экономно, потому что люди должны выполнить второй жест, прежде чем они смогут получить доступ к действиям на уровне системы.
Руководство для разработчиков см. в свойстве PreferredScreenEdgesDeferringSystemGestures объекта UIViewController.
Стандартные жесты
| Жест | Стандартное действие | |||
|---|---|---|---|---|
| Метчик | Активировать элемент управления. Выберите элемент. | |||
| Пролистывание | Показать действия и элементы управления. Закрыть просмотры. Свиток. | |||
| Панорамирование (UIKit)/перетаскивание (SwiftUI) | Переместить элемент пользовательского интерфейса. | |||
| Сжатие (UIKit)/Увеличение (SwiftUI) | – | Увеличить вид. Увеличить содержимое. | ||
| Длительное нажатие | Показать дополнительные элементы управления или функции | |||
| Вращение | – | Повернуть выбранный элемент. | ||
| Пролистывание края | Навигация. Раскрыть элементы управления, информацию или системный опыт. | |||
| Двойной кран | – | Увеличение. Уменьшение, если оно уже было увеличено.  | ||
| Проведение тремя пальцами | – | Инициировать отмену (свайп влево). Инициировать повтор (пролистывание вправо). | ||
| Проведение четырьмя пальцами | – | – | Переключение между приложениями. | |
| Зажим тремя пальцами | – | Копировать выделенный текст (зажать). Вставьте скопированный текст (вытяните). |
Особенности платформы
Не поддерживается в macOS или tvOS.
iOS, iPadOS
Рассмотрите возможность одновременного распознавания нескольких жестов, если это повышает удобство работы. Хотя одновременные жесты вряд ли будут полезны в неигровых приложениях, игра может включать в себя несколько экранных элементов управления, таких как джойстик и кнопки активации, которыми люди могут управлять одновременно.
