De ce ar trebui să evitați combinarea vibrațiilor de culori

În acest articol rapid veți afla cum vibrația culorii afectează lizibilitatea interfeței în contextul designului de web și interfață.

Bold sau Garish?

Există o tendință de apariție în rândul designerilor de interfață pentru a imita schemele de culori care se găsesc adesea în designul tipărit. În timp ce parțial datorită tendințelor ideologice, acest impuls apare și din noua gamă tipografică disponibilă pentru designerul web modern, care încurajează machete tipărite și tip mare. Este important să observăm distincțiile dintre fiecare mediu care duc la o culoare mai vibrată, mai puțin permisă în imprimare, și mai puțin pentru web.

Vibrații culori pe site-ul Frooti

Imprimarea, folosind o schemă de culori îndrăzneață, adesea înseamnă diferența dintre a fi ignorată pe un suport pentru reviste și o vânzare. Pe de altă parte, în interfața cu utilizatorul, avem alte considerente care au prioritate față de atragerea atenției utilizatorului prin forță, în special lizibilitatea textului.

Ce este Vibrația?

Unul dintre fenomenele primare care rezultă din schemele de culori îndrăznețe și foarte saturate este o culoare aparent "vibratorie", un eveniment în care marginile a două culori adiacente direct par să se îmbină, să se estompeze și să strălucească, dând iluzia mișcării.

Cele două eșantioane exterioare au text cu culori vibratoare, în timp ce proba de mijloc are text cu valoare echiluminantă.

Josef Albers, cunoscutul teoretician de culori, a avertizat împotriva folosirii culorilor vibratoare în clasicul "Interacțiunile de culoare:

"Acest efect inițial interesant se simte, de asemenea, agresiv și adesea chiar neplăcut pentru ochii noștri. Se pare că este rar folosit, cu excepția unui efect de strigăt în publicitate, și ca rezultat este neplăcut, displăcut și evitat ".

Pentru ca o pereche de culori să aibă o vizibilitate redusă una față de cealaltă, este necesar ca ele să fie echiluminante, având o valoare similară de luminozitate. Cu toate acestea, pentru a vibra în mod vizibil, culorile vor avea, în general, o saturație ridicată și vor fi complementare unele cu altele, deplasate cu aproximativ 180 ° pe roata de culoare.

Albastru (HSB 210, 99, 100) pe roșu (HSB 12, 99, 100)

În exemplul de mai sus, nuanțele roșu și albastru pot fi găsite pe laturile opuse ale roții de culoare (deși nu direct opus) și ambele au o luminozitate de 100.

Spotify EDM

Spotify a devenit sinonim cu schemele de culori îndrăznețe, utilizate cu mare efect pentru a atrage atenția. Uneori, aceste combinații pot fi oprite, chiar dacă nu vibrează în sensul cel mai adevărat; cum ar fi butonul împotriva fundalului violet din exemplul de mai sus. Ochii utilizatorilor vor recunoaște ce este, dar unii se pot lupta pentru a determina marginile exterioare ale formei. 

Lizibilitate

Textul interfeței este în mod semnificativ împiedicat atunci când este setat în culori echiluminante, vibrator. Eu personalizat selectat aceste culori vibratoare:

Atunci când are loc o vibrație de culoare, elementul cel mai puternic afectat de efectul de distorsiune stralucitoare este marginea dintre cele două culori. Acesta este motivul pentru care vibrația este deosebit de periculoasă în contextul fonturilor UI, a icoanelor mici și a altor elemente detaliate care nu sunt suficient de mari pentru a compensa marginile lor vibrante neclare.

Iată același set de mostre, de data aceasta văzută de cineva cu orbire plină de culoare:

În plus față de culorile vibrante și blânde adesea enervante pentru cei care văd în culori pline, având culori de luminanță egală, cei cu orbire de culoare pot sfârși să nu vadă nimic deloc. În timp ce există niveluri variate de orbire a culorilor, cel mai bine este să jucați în siguranță atunci când vine vorba de accesibilitate.

Aici, de exemplu, pictograma gunoi de pe Apple Watch nu este vizibilă pentru cei cu orbire de culoare:

Vizibilitatea culorii (stânga) față de orbirea de culoare (dreapta)

Concluzie

Culorile vibrative pot fi folosite pentru un efect bun, dar prezintă pericole reale în utilizarea interfețelor utilizatorilor și pot fi grele dacă nu sunt luate în considerare în mod deliberat înainte de utilizare. Țineți cont de acest lucru în timpul proiectării!