Что такое «альфа-значение черного»?


11

Я пытаюсь понять следующий параграф в рекомендациях Google по дизайну материалов:

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

источник

Что это значит? Альфа-значение 00 будет полностью прозрачным, верно?


Я думаю, что "черный" был / является опечаткой. Или, по крайней мере, очень плохо сформулированный, означающий «альфа-значение для черного»
Скотт,

Да, вы правы, значение Альфа относится к прозрачности цвета. Значение изменяется от 00 до FF в шестнадцатеричном формате, где 00 - полная прозрачность, а FF - сплошная / непрозрачная. В Android вы указываете его как первые два символа в шестнадцатеричном формате, например, например, # FF000000 - сплошной черный.
Samy S.Rathore

Ответы:


5

Полный контекст выглядит следующим образом:

Используйте альфа-значения для серого текста, значков и разделителей

Чтобы передать иерархию информации, вы можете использовать разные оттенки для текста. Стандартное альфа-значение для текста на белом фоне составляет 87% (# 000000). Вторичный текст, который ниже в визуальной иерархии, должен иметь альфа-значение 54% (# 000000). Текстовые подсказки для пользователей, такие как текстовые поля и метки, имеют даже более низкую визуальную заметность и должны иметь альфа-значение 26% (# 000000).

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

Кроме того, есть два примера изображений.

Проблема в том, что они используют новое определение «альфа-значения».

Кроме того, их значения hex-rgb в кавычках неверны, и процентные значения приведены для их иллюстрированного примера белого текста на черном фоне (текст говорит, что значения для черного текста на белом).

Из того, что я могу сказать, они предлагают использовать значение прозрачности в дополнение к вашим значениям цвета при указании текста и правил.

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

TLDNR; раздел плохо написан и нуждается в редактировании


2
Если вы посмотрите на иллюстрацию помимо этого абзаца, я думаю, что то, что они говорят, например, 26% (# 000000), это RGBA (0,0,0,0.26) или «черный с непрозрачностью 27%», который сверху белого цвета будет выглядеть светло-серым, как на картинке.
cockypup

@cockypup Это имеет смысл. Я все еще думаю, что у них есть проблема ясности: возможно, они предлагают использовать черный во всех случаях и использовать альфа-значение в качестве способа имитации «режима наложения наложения» или что-то в этом роде
Йорик

1
@yorik это тоже моя интерпретация. Они хотят, чтобы вы использовали альфу черного, а не серого цвета, чтобы он «перекрывал» цвет.
DA01

@ DA01: «вместо сплошного цвета» = не только серого, но и любого цвета (?) Понятия не имею!
Йорик

16

Значение альфа используется в цветовом пространстве RGBA для указания прозрачности цвета. Альфа-значение изменяется от 0 до 1, где 0 полностью прозрачно, а 1 вообще не прозрачно.

Это позволяет выполнять «альфа-композитинг», который, в простом выражении, представляет собой процесс размещения изображения поверх фона и комбинирования цветов для создания иллюзии прозрачности. Для получения дополнительной информации об этом цветовом пространстве вы можете использовать Google "цветовое пространство rgba" или посетить эту страницу Википедии.

Цвет RGBA обычно обозначается четырьмя значениями, по 3 для каждого из компонентов RGB и последним для значения альфа (например, (0,0,0,0.5)), хотя в документе Color Style, на который вы ссылались, они обозначены со значением% перед шестнадцатеричным значением RGB (например, 50% (# 000000)).

« Альфа-значение черного », по крайней мере, в области действия ссылочного документа, было бы коротким способом указать любой из цветов в пространстве RGBA, которые имеют черный цвет в качестве значения RGB (0,0,0). Они варьируются от 100% чистого черного (0,0,0,1) до полностью прозрачного черного (0,0,0,0), проходящего через все возможные значения прозрачности.

Так, например, альфа-значение черного цвета 57%, обозначаемое как 57% (# 000000), будет «альфа-значением черного», где альфа равна 0,57, что означает непрозрачность 57%.

На этом изображении вы видите «альфа-значения черного», предложенные в документе Color Style. Я поместил их поверх белого и красного, чтобы вы могли видеть «альфа-композитинг» в действии.

введите описание изображения здесь


Вы правы, но, глядя на документ Google, на который ссылается OP, похоже, используется новое определение значения альфа.
Йорик

Как это отвечает, что такое «альфа-значение черного»? Я тоже не знаком с этой терминологией, и это не проясняет это IMO. Ваш черный квадрат имеет альфа-значение 100% (1), но что такое альфа-значение черного? Скажите на Красной площади, как бы вы дали ему альфа-значение черного?
Райан

3
Хорошая точка зрения. Отредактировано, чтобы ответить как на заголовок вопроса, так и на вопрос в конце тела. Также добавлены ссылки на документ, на который ссылается OP, и использовал цвет документа в качестве примеров на изображении.
cockypup

Я думаю, что вы разгадали загадку тайны
Йорик
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.