remover.bg
← Блог
5 мин четене

Как да избирате фонове при цветна слепота

Изрязването е лесно; цветът зад обекта не се проверява на око. Четете hex кодове вместо мостри, оставете светлотата да разделя, фиксирайте пет тона.

  • colour blindness
  • accessibility
  • product photography
  • background colour
  • hex codes
  • contrast
  • ecommerce
Как да избирате фонове при цветна слепота

Изрязаният обект е лесната част. Качвате снимката, продуктът се отделя чисто и после трябва да отговорите на единствения въпрос, който не можете да проверите на око: какъв цвят да сложите зад него? Сгрешите ли, ръждивооранжева чаша потъва в маслиненозелен фон, а светлокафява дамска чанта изглежда като неясно петно върху бежово.

Това е достатъчно често срещано, за да се съобразявате с него. Според Националния очен институт на САЩ (NEI) нарушеното цветоусещане засяга около 1 на всеки 12 мъже, като червено-зелената форма е най-честата. NEI описва деутераномалията, най-разпространения тип, като състояние, при което определени нюанси на зеленото изглеждат по-червени, а протаномалията — при което определени нюанси на червеното изглеждат по-зелени и по-малко ярки. Тританомалията, по-рядка, размива синьото спрямо зеленото.

Решението не е да се концентрирате повече. То е да спрете да използвате очите си като измервателен инструмент и да разчитате на две неща, които не лъжат: числа, които можете да прочетете, и светлота.

Работете с hex кодове, никога с решетката от мостри

Изборът на цвят на око изисква фина преценка на нюанса точно в областта, където вашата е ненадеждна, и то без обратна връзка след това. Записаният hex код е шест знака, които можете да проверите с аритметика.

Едър план на цветови мостри, подредени в редове от зелено, сивозелено и бледо сиво-зелено, като всяка карта носи отпечатан референтен код до търговското си име.

Hex кодът представлява три стойности на канали, записани една след друга — червено, после зелено, после синьо — всяка като двойка знаци от 00 (нищо) до FF (пълна стойност). При #8A8A8A и трите са равни, така че това е истинско неутрално сиво. При #F5F0E8 синият канал е по-нисък от червения и зеления — точно това означава „топъл". Оттук идва класическият капан: мостра с етикет „светлосиво", която всъщност е топъл кит, а китът тихо поглъща бежов, кремав или карамелен продукт.

Редакторът в remover.bg приема персонализиран цвят на фона, а не само готови варианти, така че поддържайте обикновен текстов файл с одобрени стойности и работете от този списък, вместо да преценявате мостра. Премахването и замяната работят и в уеб приложението, и в мобилното приложение, така че не сте обвързани с едно устройство.

Двойките, които подвеждат хората

Забранете тези комбинации в палитрата си изцяло, вместо да ги преценявате случай по случай:

  • Червени, ръждиви или теракотени продукти върху маслинени, сивозелени или каки фонове
  • Кафява, светлокафява, карамелена или конячена кожа върху бежово, крафт или овесено
  • Розови и сьомгови артикули върху светли топли сиви тонове, при които протаномалията освен това намалява видимата яркост
  • Всичко зелено, заснето с растителност или растение като реквизит, все още присъстващи в снимката на заместващия фон
  • Тюркоазено върху сиво и синьо върху зелено, ако дефицитът ви е в синьо-жълтата посока — и лилаво върху синьо, ако е червено-зелен, тъй като червеният компонент на лилавото е частта, която отпада

Тези комбинации се провалят по нюанс и стоят на сходна светлота — точно това ги прави опасни. Червен продукт върху видимо по-тъмно зелено все пак се отделя добре.

Светлотата е каналът, на който все още можете да вярвате

Разяснителният документ на W3C за критерий за успех 1.4.3 от WCAG 2.2 го казва ясно: коефициентите на контраст се изчисляват от относителната осветеност, а не от нюанса, и „неспособността да се различават определени нюанси на цвета не влияе отрицателно на възприятието на контраста светло-тъмно". Тази насока е написана за текст, но физиологията зад нея е същата, която решава дали ръбът на продукта ви се чете на фона.

Бледа керамична ваза с напукана глазура, осветена на почти черен фон, чийто силует се отделя от фона единствено чрез яркост, почти без наличие на цвят.

Затова оставете светлотата да носи решението: светъл продукт на тъмен фон, тъмен продукт на светъл, среден тон върху която и да е от двете крайности, но никога върху друг среден тон. Проверете сами — отворете готовото изображение във фоторедактора на телефона си, свалете наситеността докрай и погледнете. Ако ръбът все още е очевиден без цвета, ще бъде очевиден и за купувача.

Падащата сянка също помага: тя полага тъмна ивица под продукта, независима от нюанса на фона — вижте как да добавите реалистични сенки, за да поддържате посоката еднаква в цялата гама.

Изградете палитрата веднъж и спрете да решавате

Фиксирайте тези пет и никога повече не правете тази преценка:

  1. #FFFFFF чисто бяло — за обяви в маркетплейси, които го изискват
  2. #F2F2F2 почти бяло сиво — за бели и кремави продукти, които биха изчезнали на чисто бяло
  3. #8A8A8A средно сиво — само за много светли или много тъмни продукти
  4. #1C1C1C почти черно — за бледа керамика, стъклария и светли опаковки
  5. Един фирмен цвят, чийто hex код се записва писмено в деня, в който някой го избере

Експортирайте с прозрачен фон всичко, което отива върху цветна страница или печатен артикул; така въпросът отпада изцяло — ръководството за прозрачен PNG обяснява кога това е правилният избор.

Попитайте един човек веднъж, после го запишете

Уговорете петнайсет минути с един човек, на чието цветоусещане вярвате, на бюрото ви, с продуктите пред вас. Задавайте два въпроса за всеки артикул: отделя ли се ръбът и дали това „неутрално" наистина е неутрално. Записвайте отговорите като hex кодове, обвързани с категории — „кожени изделия: #1C1C1C" — никога като прилагателни от рода на „мекия". Прилагателните ви карат да правите преценката отново всеки път; hex кодовете — не.

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

Дръжте списъка на място, откъдето копирате, а не което само преглеждате. Ако по-късно изградите отличителен стил около персонализиран цвят, защо персонализираните фонове са бъдещето на продуктовата фотография продължава да важи — просто стигате до цвета чрез запис, а не на око.

Решете веднъж, писмено

Цветната слепота не ви пречи да създадете последователен каталог. Импровизирането — пречи. Пет записани hex стойности, правило за светлотата, което можете да проверите в сива скала, и един документиран разговор са по-добри от избирането на фон по настроение всеки вторник.

Продължете с четенето