Spec-Zone .ru
спецификации, руководства, описания, API

Библиотека разработчика Mac

Разработчик

Инструкции по интерфейсу пользователя OS X

iBook
На этой странице

Цвет и книгопечатание

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

Системные цвета разработаны для взгляда хорошими в определенных с помощью системы появлениях. Например, в меню или легкой сдобе, системные цвета автоматически адаптируются к вибрирующему легкому появлению представления, смешивая цвета от содержания окна позади представления. Точно так же много системных цветов, такой как textColor и controlTextColor, автоматически выглядите великими в вибрирующем темном появлении Центра Уведомления. При использовании предоставленных системой цветов вместо пользовательских цветов Вы не должны волноваться о том, как цвета посмотрят в различных контекстах.

Боковая панель Средства поиска является другим примером вибрирующего легкого появления: В этом случае система смешивает цвета из-за окна.

image: ../Art/vibrant_sidebar_2x.png

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

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

  • labelColor

  • secondaryLabelColor

  • tertiaryLabelColor

  • quaternaryLabelColor

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

image: ../Art/label_colors_on_light_2x.png
image: ../Art/label_colors_on_dark_2x.png

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

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

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

Несмотря на то, что просмотр Вашего приложения в различных условиях освещения может помочь Вам найти некоторые области, необходимо продолжить работать, именно, никакая замена для более объективного подхода не приводит к надежным результатам. Лучший метод включает определение отношения между значениями яркости основных цветов и цветов фона. Для получения этого отношения используйте онлайновый калькулятор коэффициента контрастности или выполните вычисление сами с помощью формулы, установленной в стандарте WCAG 2.0. Идеально, цветной коэффициент контрастности в Вашем приложении 4.5:1 или выше.

Текст должен всегда быть четким

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