Size: a a a

Дизайн-чат

2021 April 23

EG

ERNEST GRENAD in Дизайн-чат
Я не понимаю как это может помочь? :) Вижу круг. Знаю круг. Ставлю цвет. Нажимаю Файн тюн. Ставлю +1 контраст. И он мне поднимает значения полутонов на основном цвете. Речь о фоне и тексте. У пары есть контраст. Следуя контрасту я добиваюсь повышения фокусировки (фокуса) на объект.
источник

EG

ERNEST GRENAD in Дизайн-чат
Не работает. Или я туплю... Как поднять контраст основного цвета по отношению к белому
источник

EG

ERNEST GRENAD in Дизайн-чат
Вот цвет основной 009999, мне нужно увеличить контраст....
источник

EG

ERNEST GRENAD in Дизайн-чат
к примеру до 4.5 или до 7
источник

EG

ERNEST GRENAD in Дизайн-чат
Я конечно могу использовать этот инструмент... https://colorable.jxnblk.com/009999/ffffff
источник

EG

ERNEST GRENAD in Дизайн-чат
Но это будет опытный путь, вращай ползунки как хочешь... А по факту мне нужно видеть все цвета приближенные к цвету 009999 но находящиеся на контрасте 4.5
источник

EG

ERNEST GRENAD in Дизайн-чат
По сути получается что если я переведу 009999 в градации серого цвета, ему будут соответствовать как минимум несколько вариантов цветовых оттенков и других цветов.
источник

D

Dmitrii in Дизайн-чат
Насколько я знаю подобного инструмента нет, тут только ручками вращать и подбирать
источник

EG

ERNEST GRENAD in Дизайн-чат
В общем у меня дипломный проект в Яндекс.Практикум. Я бьюсь с цветом. :):):) И если делать всё по рекомендациям WCAG 2.0 по этой ссылке. :) https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html получается такая штука... как на гифке...

P.S. Карточка отсюда для примера https://www.invitro.ru/
источник

D

Dmitrii in Дизайн-чат
Ну вообще куча сайтов не пройдёт wcag, но это мало кого волнует. Есть вот такая библиотека цветов, может найдёшь подходящие цвета https://yeun.github.io/open-color/
источник

EG

ERNEST GRENAD in Дизайн-чат
Да я согласен многие сайты не пройдут. Только меня ревьюверы во время обучения настоятельно просили соблюдать рекомендации. :) Поэтому есть некоторый дискомфорт и стремление сделать правильно. :) За библиотеку спасибо!
источник

D

Dmitrii in Дизайн-чат
Ну тут только сидеть и подбирать, есть в фигме файл с готовыми решениями из двух пар цветов ещё, тоже ищется по словами wcag\contrast но это такой себе вариант. Под каждый проект надо подбирать свою цветовую палитру по-хорошему
источник

EG

ERNEST GRENAD in Дизайн-чат
Я и думаю. Нет подробной статьи как относиться к контрасту и как его считать по отношению к реальному размеру шрифта в пикселях и заполняемости площади (от тонкого к жирному начертанию). Очевидно что БОЛД или БЛЭК по отношению к THIN имеют высокий контраст при явном отличии цветов (например зеленый 00FF00 на FFFFFF) При этом гротеск и антиква имеют разный контраст в зависимости от размера в том числе. Не нашел научных статей о скорости распознавания шрифтов от их видов... :) А хотелось бы. Так как Сериф превращается в кашу когда он приближен к 12-14 пикселям. :) Соответственно эта каша хуже контрастирует с фоном. Но когда Сериф большого размера, в моей голове он быстрее находит отклик. :) А вот эти плагины с рекомендациями WCAG 2.0 не используют в качестве аргументов то о чем я написал выше и получается брать это за Истину Истин нельзя. Но мне же рекомендуют это делать. :) А доказывать кому-то вероятно глупо. :)
источник

D

Dmitrii in Дизайн-чат
Ну почему, доказывать не глупо, нужно просто быть в позиции и иметь основу для доказательства
источник
2021 April 24

ИТ

Ильхом Тумашев... in Дизайн-чат
контраст - это степень отличия. болд не всегда будет контрастнее тин, дело даже не в цвете. если все сделано болдом, то тин будет в этом контексте контрастнее болда. просто потому что он отличен от всего остального текста.
источник

EG

ERNEST GRENAD in Дизайн-чат
Я спорить не буду. Кто определяет контраст? Наша физиология. Мозг интерпретирует то что видит глаз. Расстояние между объектами (межбуквенное в данном случае), размер буквы, геометрические параметры (ширина и высота), наличие засечек (это добавляет времени для распознавания в некоторых случаях и в некоторых наоборот улучшает его), толщина буквы и одновременно разница фона и заполнения буквы - имеет индекс контраста, который в том числе влияет на общий контраст любой надписи. Когда я изучал (читал) саму физику распознавания объектов, упоминалось разделение мозгом на примитивы, среди которых палочки под несколькими углами и дуги. Так устроено что диагональные палки походят на дуги и это самое сложное для распознавания, нежели горизонтальные и вертикальные палки... (речь о линии или коротком отрезке) Чем больше дуг - округлостей в объекте тем дольше распознавание, то есть сравнение буквы I и P - на последнюю больше времени. Она более сложная и в ней есть несколько "дуг". Исходя из этого можно сделать вывод, что не все так однозначно, как в формулах WCAG, так и в том что тонкие буквы более контрастны чем толстые и наоборот. Тут разность геометрии и самое главное размер буквы. Тонкий с волос контур меньше чем в пиксель на размере в 12 пикселях - проигрывает толстому контуру...
источник

ИТ

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

EG

ERNEST GRENAD in Дизайн-чат
Полностью согласен!
источник

D

Diana in Дизайн-чат
Ребята помогите пожалуйста кто шарит за тильду
Пытаюсь загрузить свой шрифт (Mont), сделала все как там написано, перешла на сторонний сервис и перевела в формат woff, загрузила на тильду, указала для заголовков и текста, сохранить, но когда захожу в зеро блок и вытаюсь выбрать шрифт там mont 2 раза отображается, но вообще ни одно начертание не работает

Помогите пожалуйста
источник

ВТ

Виктор 💮 Теплов... in Дизайн-чат
источник