Представьте себе средневекового рыцаря, гордо несущего свой герб. Он хочет, чтобы все издалека понимали: перед ними благородный представитель прославленного рода. Если его герб будет золотым на серебряном, с расстояния 20 метров он сольётся в одно пятно, и к какому знатному роду принадлежит рыцарь, будет непонятно.
Средневековые “художники-геральдисты” подумали-подумали, и придумали правило тинктур: «Не накладывай финифть на финифть и металл на металл».
Проще говоря:
Металлы — это светлые цвета (золото/жёлтый, серебро/белый).
Финифти — всё остальное (красный, синий, зелёный и т.д.)
Металл+металл=плохо
Финифть+финифть=плохо
Металл+финифть (и наоборот) =хорошо
И если рыцарям было важно, чтобы их гербы различали с дальнего расстояния, то сегодня это правило перекочевало в дизайн интерфейсов. Теперь мы знаем всё о тоне и контрастности. Есть даже стандарты и требования, которым должен соответствовать хороший дизайн. В Фигме есть плагины для проверки, например, «Contrast», «Stark», «Color Contrast Checker» и т.д. Также есть специальные сайты и расширения (Colour Contrast Checker, Сolorpicker и т.д.) Они (и здравый смысл) не пропустят жёлтый текст на белой кнопке (металл+металл), светло-розовый график на бледно-голубом фоне (финифть+финифть) и т.д.
Так многовековые правила геральдики оказались актуальными и в цифровую эпоху. Принципы контраста, заложенные средневековыми мастерами, лежат в основе правил для современных дизайнеров и удобочитаемых интерфейсов.
Герб рыцаря или кнопка в мобильном приложении — прежде всего важны их ясность и различимость.
Средневековые “художники-геральдисты” подумали-подумали, и придумали правило тинктур: «Не накладывай финифть на финифть и металл на металл».
Проще говоря:
Металлы — это светлые цвета (золото/жёлтый, серебро/белый).
Финифти — всё остальное (красный, синий, зелёный и т.д.)
Металл+металл=плохо
Финифть+финифть=плохо
Металл+финифть (и наоборот) =хорошо
И если рыцарям было важно, чтобы их гербы различали с дальнего расстояния, то сегодня это правило перекочевало в дизайн интерфейсов. Теперь мы знаем всё о тоне и контрастности. Есть даже стандарты и требования, которым должен соответствовать хороший дизайн. В Фигме есть плагины для проверки, например, «Contrast», «Stark», «Color Contrast Checker» и т.д. Также есть специальные сайты и расширения (Colour Contrast Checker, Сolorpicker и т.д.) Они (и здравый смысл) не пропустят жёлтый текст на белой кнопке (металл+металл), светло-розовый график на бледно-голубом фоне (финифть+финифть) и т.д.
Так многовековые правила геральдики оказались актуальными и в цифровую эпоху. Принципы контраста, заложенные средневековыми мастерами, лежат в основе правил для современных дизайнеров и удобочитаемых интерфейсов.
Герб рыцаря или кнопка в мобильном приложении — прежде всего важны их ясность и различимость.