Цвет и Оформление > Продукты 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”, вы получите не оптимизированную версию шрифта, подходящую только для содержимого документа. Использование в вашем пользовательском интерфейсе не оптимизированного шрифта может привести к неожиданным результатам.




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

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

26 01 2022 22:59:36

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

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

25 01 2022 11:39:19

Названия

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

24 01 2022 16:55:56

Индикаторы

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

23 01 2022 23:31:18

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

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

22 01 2022 1:21:45

Проектирование для Yosemite

Проектирование для Yosemite  Скачать OS-X Human Interface Guidelines...

21 01 2022 12:26:22

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

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

20 01 2022 21:52:29

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

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

19 01 2022 15:31:19

Клавиши

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

18 01 2022 0:23:55

3D Touch

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

17 01 2022 20:25:48

Анимация

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

16 01 2022 9:55:59

Звук

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

15 01 2022 19:56:55

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

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

14 01 2022 12:40:47

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

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

13 01 2022 7:20:21

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

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

12 01 2022 0:16:55

Указатели

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

11 01 2022 17:57:15

Приложения Watch

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

10 01 2022 3:55:47

Dashboard

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

09 01 2022 0:24:23

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

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

08 01 2022 17:50:38

Шрифты

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

07 01 2022 5:23:11

Handoff

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

06 01 2022 19:17:10

Иконки Меню

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

05 01 2022 21:23:42

HealthKit

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

04 01 2022 19:42:27

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

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

03 01 2022 18:15:42

Web Clip Иконки

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

02 01 2022 2:50:16

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

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

01 01 2022 11:52:45

Защита

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

31 12 2021 9:55:13

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

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

30 12 2021 13:47:44

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

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

29 12 2021 18:40:33

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

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

28 12 2021 3:57:48

Приложения

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

27 12 2021 12:13:13

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

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

26 12 2021 5:21:54

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

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

25 12 2021 6:28:39

Рамки

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

24 12 2021 16:18:24

Жесты

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

23 12 2021 22:49:22

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

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

22 12 2021 14:24:23

Диалоги

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

21 12 2021 18:13:16

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

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

20 12 2021 7:39:15

AirPrint

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

19 12 2021 17:47:14

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

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

18 12 2021 2:59:30

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

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

17 12 2021 19:50:36

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

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

16 12 2021 18:28:26

Spotlight

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

15 12 2021 6:28:50

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

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

14 12 2021 18:53:38

Слайдеры

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

13 12 2021 9:30:27

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

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

12 12 2021 14:24:25

Создание Изображений с Изменяемым Размером

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

11 12 2021 4:42:17

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

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

10 12 2021 10:39:27

Док-Панель

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

09 12 2021 17:57:24

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

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

08 12 2021 2:33:27

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