Цвет и Оформление > Продукты 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:


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

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

18 10 2021 13:20:37

AirPrint

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

17 10 2021 8:24:39

Spotlight

Spotlight  Spotlight — это мощная технология поиска OS X, которая делает процесс поиска файлов на компьютере таким же простым как поиск в сети. Используя Spotlight пользователи могут выполнять поиск элементов, используя свойства, которые имеют для них значение, такие как целевая аудитория документа, ориентация изображения или ключевые знаки музыки в аудиофайле. Такая информация (называется метаданные) встроена в файл приложением, которое его создало. Мощь Spotlight начинается со способности извлекать, хранить, обновлять и организовывать метаданные файлов, чтобы обеспечить быстрый и всеохватывающий поиск....

16 10 2021 22:37:58

Таблицы

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

15 10 2021 1:55:40

Фильмы

Фильм отображает изображение постера фильма, которое при нажатии представляет модальное воспроизведение видео или аудио. Используйте этот элемент, чтобы поместить короткие медиа-клипы наряду с остальным содержимым. Воспроизведение медиафайлов осуществляется системой....

14 10 2021 4:19:37

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

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

13 10 2021 14:19:13

Слайдеры

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

12 10 2021 22:27:17

Иконки Меню

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

11 10 2021 16:10:59

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

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

10 10 2021 14:13:48

Приложения

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

09 10 2021 13:36:35

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

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

08 10 2021 4:23:27

Названия

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

07 10 2021 20:41:11

Handoff

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

06 10 2021 9:18:53

Приложения Watch

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

05 10 2021 8:53:47

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

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

04 10 2021 2:18:32

Web Clip Иконки

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

03 10 2021 22:16:31

Запуск и Завершение

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

02 10 2021 19:35:28

Force Touch

Force Touch  ...

01 10 2021 2:35:23

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

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

30 09 2021 17:51:47

Quick Look

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

29 09 2021 6:36:13

Dashboard

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

28 09 2021 3:51:57

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

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

27 09 2021 19:48:30

Рамки

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

26 09 2021 7:40:47

Таблицы и Коллекции

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

25 09 2021 5:46:10

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

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

24 09 2021 4:43:46

HomeKit

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

23 09 2021 11:42:51

Защита

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

22 09 2021 17:12:53

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

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

21 09 2021 7:30:23

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

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

20 09 2021 19:42:33

Анимация

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

19 09 2021 19:56:54

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

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

18 09 2021 6:37:36

Шрифты

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

17 09 2021 15:44:14

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

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

16 09 2021 2:47:18

Панель Вкладок

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

15 09 2021 16:27:43

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

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

14 09 2021 2:11:51

3D Touch

3D Touch предоставляет пользователям iOS 9 дополнительный аспект взаимодействия. На поддерживаемых устройствах люди быстро могут выбрать определённые для приложения действия с Начального экрана посредством нажатия на иконку приложения. Внутри приложения люди могут использовать различные нажатия для быстрого просмотра элемента, открытия элемента в раздельном окне и получения доступа к соответствующим действиям. (Чтобы узнать больше об использовании 3D Touch в вашем коде, смотрите раздел Adopting 3D Touch on iPhone.)...

13 09 2021 6:48:42

Фокусировка и Эффект Параллакс

Считается, что при выделенном состоянии на экране медиаплеера Apple TV иконки, изображения, клавиши или другие элементы интерфейса находятся в фокусе. Как только фокус наводится на какой-либо элемент, он плавно выдвигается на передний план и качается при произведении круговых движений по поверхности пульта дистанционного управления (ДУ). При этом, этот элемент подсвечивается и создается глянцевый блеск по всей поверхности элемента. При бездействии в течение определенного периода времени все элементы, не находящиеся в фокусе, тускнеют, а сфокусированный элемент становится еще больше в размере. Такой эффект привлекает пользователей, сидящих в комнате на диване, обеспечивая чёткость изображения и контекст, а также выделяя активированный участок....

12 09 2021 19:18:54

Иконки Боковой Панели

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

11 09 2021 9:14:29

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

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

10 09 2021 6:28:47

Цвет

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

09 09 2021 20:59:53

Параметры

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

08 09 2021 7:32:20

Указатели

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

07 09 2021 23:14:41

Док-Панель

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

06 09 2021 7:15:55

Game Center

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

05 09 2021 5:12:29

Звук

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

04 09 2021 6:11:15

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

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

03 09 2021 23:46:55

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

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

02 09 2021 17:38:30

HealthKit

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

01 09 2021 0:45:45

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

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

31 08 2021 19:57:32

Диалоги

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

30 08 2021 23:11:56

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