Цвет и Оформление > Продукты Apple
Путеводитель по продуктам Apple    

Цвет и Оформление

Цвет и Оформление

Используйте Системные Цвета для Слияния с Системным Оформлением

Системные цвета спроектированы таким образом, чтобы они хорошо смотрелись в оформлении, предоставленном системой. Например, в меню или вспомогательном окне системные цвета автоматически адаптируются под яркое светлое оформление вида, сочетаясь с цветами содержимого окна за ним. Подобным образом многие системные цвета, такие как textColor и controlTextColor автоматически вписываются в эффектное тёмное оформление Центра Уведомлений (Notification Center). Когда вы используете цвета, предоставленные системой, вместо уникальных цветов, вам не стоит беспокоиться о том, как эти цвета будут выглядеть в разном контексте.

Боковая панель Finder является ещё одним примером выразительного светлого оформления: В таком случае система сочетается с цветами за окном.

ВАЖНО

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

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

ВАЖНО

Шаблонные изображения бывают яркими, но полнокрасочные — нет. Хорошо подумайте перед тем, как собираетесь использовать полнокрасочные изображения в такой области, как панель инструментов или боковая панель. (Чтобы узнать больше о создании панелей инструментов и боковых панелей, см. Проектирование Панели Инструментов и Использование Списка Источников.)

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

  • labelColor
  • secondaryLabelColor
  • tertiaryLabelColor
  • quaternaryLabelColor

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

 

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

Обратите внимание на семантическое значение системных цветов.В дополнение к нескольким буквенным цветам, таким как redColor и blueColor, OS X предоставляет большое количество цветов для конкретных целей, таких как controlTextColor и selectedTextColor. Когда вы используете системный цвет в соответствии с его смысловым значением, ваш пользовательский интерфейс остаётся привлекательным и имеет смысл, если OS X обновляет его внешний вид.

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

Хотя наблюдение за вашим приложением в разных световых условиях может помочь вам выяснить, над какими местами нужно поработать, этим нельзя заменить более объективный подход, который приносит надёжные результаты. Этот подход включает в себя определение соотношения между степенью освещённости цветов переднего и заднего планов. Чтобы получить это соотношение, используйте онлайн-калькулятор степени контрастности, или вы можете выполнить подсчёт самостоятельно, используя формулу, указанную в образце (WCAG) 2.0. В идеале соотношение цветового контраста в вашем приложении должно быть 4.5:1 или выше.

Текст Всегда Должен Быть Разборчивым

Системный шрифт представляет собой специально оптимизированную версию Helvetica Neue, которая придаёт тексту несравненную красоту, ясность и чёткость. Yosemite регулирует Helvetica Neue, для сохранения баланса эстетичности и расположения, чтобы большинство приложений выглядели наилучшим образом без каких-либо изменений. В частности, приложения, в которых используется Авто-расположение (Auto Layout) для выражения взаимосвязи между окнами пользовательского интерфейса, могут автоматически поддаваться незначительным изменениям в метрике шрифта.

ВАЖНО

Всегда обозначайте системный шрифт названием, например, systemFontOfSize: или boldSystemFontOfSize:. Если вместо этого в коде или в конструкторе интерфейса (Interface Builder) вы введёте “Helvetica Neue”, вы получите не оптимизированную версию шрифта, подходящую только для содержимого документа. Использование в вашем пользовательском интерфейсе не оптимизированного шрифта может привести к неожиданным результатам.



Отзывы (через Facebook):

Оставить отзыв с помощью аккаунта FaceBook:


Жесты

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

24 07 2021 2:11:10

Указатели

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

23 07 2021 13:59:35

Web Clip Иконки

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

22 07 2021 11:56:42

Индивидуализация

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

21 07 2021 23:15:39

Шрифты

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

20 07 2021 1:34:18

Расширения Приложений

Расширения приложения увеличивают область действия вашего приложения, давая пользователям доступ к узконаправленным частям его функциональных возможностей, во время того, как они используют другие приложения. Например, во время просмотра веб-сайтов в Safari, люди могут использовать расширение “Поделиться”, чтобы разместить изображение или статью на вашем информационном ресурсе для общения и взаимодействия. Либо во время использования Finder люди могут использовать ваше расширение Finder Sync, чтобы выбрать документы, которые вы синхронизировали с источником удаленных данных. (В таких ситуациях Safari и Finder называются приложениями хоста, так как они предоставляют пользователям доступ к расширениям.)...

19 07 2021 2:32:53

Слайдеры

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

18 07 2021 21:19:12

Создание Бренда

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

17 07 2021 16:38:18

Защита

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

16 07 2021 2:20:19

Отметки Даты и Времени

Отметки даты и времени отображают на Apple Watch значения в реальном времени....

15 07 2021 3:30:26

Звук

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

14 07 2021 3:57:12

Таблицы

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

13 07 2021 1:38:31

Обзор Изменений Документа

Обзор Изменений Документа...

12 07 2021 12:19:18

Встроенные Покупки

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

11 07 2021 10:33:16

AirPrint

Используя AirPrint, люди могут беспроводным способом печатать содержимое вашего приложения и использовать приложение Print Center для проверки состояния печати....

10 07 2021 21:49:20

Цвет и Оформление

Используйте Системные Цвета для Слияния с Системным Оформлением...

09 07 2021 1:24:36

Клавиши

В дополнение к сенсорной поверхности, которая выполняет функции интеpaктивных клавиш, клавиша Play / Pause на пульте Siri также используется как для работы с вашим приложением, так и для игры. При нажатии клавиши Меню также могут выходить уведомления о применении системы Игровых контролеров, чтобы пользователи могли принять соответствующие меры. Независимо от того, используется пульт или игровой контроллер, клавиши должны быть согласованными и понятными в контексте вашего приложения или игры....

08 07 2021 10:58:52

Иконки и Символы в Меню

Иконки Помогают Пользователям Определить Элементы...

07 07 2021 12:30:56

HealthKit

В iOS 8 и позднее, приложения, созданные при помощи HealthKit, могут использовать данные приложения Здоровье, чтобы предоставить более мощные и доступные оздоровительные и спортивные услуги. С разрешения пользователя, приложения могут использовать HealthKit и для чтения, и для написания данных из приложения Здоровье, главного местоположения хранилища данных пользователя, связанных со здоровьем....

06 07 2021 23:51:18

Иконки Меню

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

05 07 2021 1:54:24

HomeKit

HomeKit упрощает для людей использование приложений автоматизации дома на устройствах iOS, чтобы управлять соответствующим оборудованием в домах, независимо от производителя оборудования. Лучшие приложения для автоматизации домов объединены с HomeKit и iOS, чтобы помочь пользователям:...

04 07 2021 13:24:56

Названия

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

03 07 2021 17:18:44

Живые Фотографии

Живые Фотографии позволяют пользователям запечатлеть и вновь пережить приятные воспоминания в режиме движения и звука. Появившись на iOS 9, приложение Камера захватывает дополнительно содержимое, включая аудио и дополнительные кадры перед и после фото, что добавляет жизни привычным фотоснимкам....

02 07 2021 20:22:20

Рамки

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

01 07 2021 22:30:16

Об Элементах Управления и Видах

Элементы управления представляют собой графические объекты, которые приводят к безотлагательным действиям или видимым результатам, когда пользователи воздействуют на них. Виды представляют собой элементы пользовательского интерфейса, которые отображают пользователям содержимое. Платформа AppKit выделяет элементы управления и виды, которые вы можете использовать в своем приложении, такие как комaндные кнопки, кнопки-переключатели, текстовые поля, экранные таблицы, окна вкладок и вспомогательные окна. Здесь вы можете увидеть некоторые из элементов управления и видов (среди других объектов), которые представлены Конструктором Интерфейса в библиотеке Object....

30 06 2021 15:46:35

Взаимодействие

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

29 06 2021 17:48:38

Файлы Запуска

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

28 06 2021 14:36:51

Приложения

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

27 06 2021 8:50:41

Handoff

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

26 06 2021 19:55:17

Дизайн, Ориентированный на Пользователя

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

25 06 2021 21:36:35

iCloud

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

24 06 2021 3:56:57

Контекстуальные Меню

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

23 06 2021 18:17:41

Открытие Окон

Пользователи ожидают, что окно откроется, когда они:...

22 06 2021 3:15:43

Размеры Дисплея

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

21 06 2021 4:32:16

Датчик Ускорения

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

20 06 2021 21:53:39

Force Touch

Force Touch  ...

19 06 2021 8:35:30

Game Center

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

18 06 2021 16:47:35

Изображения Complication

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

17 06 2021 18:53:30

Цвет

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

16 06 2021 20:38:15

Многозадачность

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

15 06 2021 0:14:50

Анимация

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

14 06 2021 11:31:51

Индикаторы

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

13 06 2021 4:35:18

Dashboard

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

12 06 2021 4:52:17

Социальные Сети

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

11 06 2021 21:24:39

Группирование Элементов Меню

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

10 06 2021 6:25:16

Приложения Watch

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

09 06 2021 18:40:15

Элементы Управления Текстом

Статичное Текстовое Поле...

08 06 2021 3:47:32

Параметры

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

07 06 2021 22:55:17

Авто Сохранение и Версии

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

06 06 2021 12:47:25

Домашний экран

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

05 06 2021 6:34:21

Еще:
Устройство компьютера -1 ::