Share
Culoarea orbire este o ușoară disabilitate prin care experiența afectată a scăzut capacitatea de a distinge culorile de ceilalți. Acest lucru poate fi un dezavantaj real pentru oricine în domeniul designului deoarece teoria culorii este o caracteristică integrală în designul de succes și o mulțime de decizii se bazează pe sentimentul și emoția derivată din deciziile de proiectare, mai degrabă decât un set generic de linii directoare și taxonomii.
Ați auzit probabil prea multe despre accesibilitatea în designul web; este important să răspundem pentru cea mai largă audiență, care ar putea avea probleme cu site-ul dvs. dacă nu este proiectat corect. Ca un bonus, vom atinge acest lucru un pic mai târziu, dar accentul principal al acestui articol este, de fapt, uita la modul în care o culoare-orb proiectant poate încă să adapteze cu succes proiectarea unui site web.
În articolul de astăzi, vom examina modul în care designerii cu culori orb pot crea încă un studiu de caz de succes pentru folosirea bună a culorilor și modul în care persoanele care nu suferă de boli pot lua totodată în considerare nevoile publicului lor color blind.
Așa cum am spus mai devreme, orbirea de culoare este o insuficiență ușoară în care culoarea distinctivă poate fi o problemă. Pe scurt, persoanele cu orbire de culoare nu pot identifica anumite culori printre altele similare, sau pur și simplu deloc.
Există mai multe tipuri de orbire a culorilor. Total orbire de culoare ("monocromie") este o condiție foarte rară, în care oamenii văd diferite tonuri și niveluri de luminozitate, fără nici o culoare. Cu toate acestea, cazurile mai frecvente sunt incapacitatea de a recunoaște albastru / galben sau roșu / verde, acesta din urmă fiind cel mai comun dintre cele două.
Au fost dezvoltate teste pentru a recunoaște orbirea colorată, în mod normal, prin solicitarea de a suferi potențialul de a recunoaște un mesaj format din puncte. Persoanele care suferă sau suferă vor vedea mesaje diferite, permițându-le să stabilească dacă sunt suferinzi.
Sperăm că imaginea de mai sus reprezintă mai bine ceea ce încerc să depășesc. Culorile dvs. pot fi percepute diferit de cele două grupuri diferite (suferinzi și non-suferinzi), invalidând astfel schema de culori nemodificată. O persoană ar putea vedea 74, dar un suferinci ar putea să io lipsească complet și să-i lase să iasă complet de pe radar.
Avem deja un articol aici la Webdesigntuts + despre teoria culorii, despre care ar trebui probabil să citiți înainte de a continua. Thomas Cannon face o treabă bună la explicarea a ceea ce este teoria culorilor.
Teoria culorilor acoperă de fapt o serie de lucruri, dar la nivelul cel mai de bază este interacțiunea culorilor într-un design prin complementare, contrast și vibrații.
După cum probabil știți, culorile de pe web sunt în general denumite cod hexazecimal; ceva de genul # ff0000. Browserul nostru apoi le transformă în mod inteligent în valori RGB, pentru a face culoarea pe care am cerut-o să apară. Dacă doriți să vă aruncați într-un pic mai adânc, codurile hexazecimale sunt de fapt foarte interesante, deoarece puteți să le rupeți pentru a afla specificațiile pentru roșu, verde și albastru, datorită valorilor cuprinse între 0-9 sau A-F.
Din fericire, tipurile creative au avut un instrument destul de mare pentru o lungă perioadă de timp pentru a le ajuta să descopere ce culori arătau bine împreună: roata de culoare. Roata de culoare este o formă de gogoși de culori, care rezultă din cele trei culori primare: roșu, galben și albastru. Dincolo de orizontul acestui articol, trebuie să intrăm prea mult în detaliu aici (și, în plus, aș merge în aceleași pași la Thomas), așa că nu voi merge mult mai departe decât să spun că această roată ne poate ajuta să determinăm care culorile au o chimie naturală.
O schemă de culori este pur și simplu un set logic de culori care merg împreună, iar acestea provin din roata de culori. Există o mulțime de metode diferite pentru a alege culorile în roata de culoare, despre care puteți afla în a doua jumătate a articolului lui Thomas.
Acum știm mai multe despre modul în care culorile și schemele de culori funcționează, să vedem cum putem să presupunem schemele care se vor potrivi în mod natural.
Schemele de culori monocromatice nu trebuie confundate cu monocromia. Monocromia este orbirea cu culoare despre care am vorbit mai devreme, ceea ce este foarte rar și îi face pe cel care suferă să vadă doar o singură culoare, în nuanțe multiple. Monocromul este, de fapt, destinat să fie într-un asemenea mod, cu modele care constau în întregime dintr-o singură culoare în nuanțe multiple, față de utilizarea mai multor culori.
Utilizarea unei scheme de culori monocromatice nu este neapărat o piedică. De fapt, poate fi un mare avantaj să dați unitate în cadrul designului. Ce zici de negru? Sigur, puteai clasa pe negru ca oa doua culoare, dar încă poți obține un contrast similar folosind doar o variantă foarte închisă a culorii tale alese.
Realizarea contrastului este foarte simplă atunci când se utilizează o schemă de culoare monocromatică. Deoarece cei cu orbire de culoare pot recunoaște încă nuanțe diferite de culoare, introducerea contrastului nu reprezintă o problemă, deoarece este recunoscută în același mod.
Desigur, o schemă de culoare monocromatică poate fi utilizată cu orice culoare și poate fi destul de eficientă în acest fel. Cu toate acestea, pentru cei care au crezut instantaneu "alb-negru" atunci când am menționat monocrom, acest lucru este eficient. O mulțime de site-uri minimaliste utilizează o schemă de culori în tonuri de gri, care nu ar trebui să fie o problemă pentru oricine să vadă în modul dorit. Dacă doriți să rămâneți în siguranță, tonurile de gri pot arăta minunat, atâta timp cât se încadrează în tonul general și simțiți-vă designul.
Cantitățile mari de contrast sunt importante aici pentru că este o modalitate excelentă de a crea o schemă consistentă de culoare, fără a fi nevoiți să vă deranjezi de parcul de culoare. Putem crea foarte ușor până la nuanțe foarte întunecate de o singură culoare, oferindu-ne o mulțime de valori diferite de folosit. De exemplu, dacă utilizați un albastru deschis pentru fundal, doriți să utilizați un text albastru mai întunecat pentru text, pentru a vă menține textul lizibil.
Utilizarea monocromă oferă vizitatorilor orbi color o modalitate de a aprecia cu ușurință designul dvs., chiar dacă acestea nu pot identifica neapărat culorile intenționate. Totuși, contrastul ridicat oferă îmbunătățiri lizibilității oricărui utilizator și este un principiu de proiectare pe care ar trebui să îl cunoaștem în afara accesibilității.
Ca contrastul tweaking, modificarea nuanței, a saturației și a luminozității culorilor ne poate ajuta să arătăm definiția și să permitem utilizatorilor să facă distincția, fără a folosi mai multe culori. Prin lipirea cu un set mic de culori sau chiar cu o singură modificare, schimbarea saturației poate să arate cu adevărat un contrast distinctiv în două mostre de culoare, cum ar fi luminozitatea și nuanța.
Aceste metode permit proiectanților cu culori orb să definească cu ușurință diferiți biți ai designului lor prin culoare, fără a fi nevoiți să vă îngrijoreze prea mult despre estetică ca și când ar adăuga o nouă culoare amestecului. Pentru vizitatorii color-orb, acest lucru permite distingerea ușoară a diferitelor piese de căutare.
Acesta este, în principal, un sfat destinat designerilor cu culori orb, mai degrabă decât celor care se gândesc pur și simplu la audiența lor coloro-orb.
Este incredibil de ușor să "împrumuți" culorile de la design-ul web al colegilor sau alte modele care nu sunt bazate pe web în zilele noastre. Prin simpla scoatere a instrumentului pentru pipetă din arsenalul nostru de instrumente de editare grafică, putem identifica cu ușurință culorile într-un design și le putem folosi în a noastră. Schemele de "furt" pot fi o modalitate foarte eficientă de a identifica ce funcționează bine și de ao replica într-o altă formă, menținând în același timp intențiile reușite ale unui sistem de succes.
Desigur, este un fel de înșelăciune, dar nu atât de mult încât fură. Pur și simplu alegem culori în desenele web care funcționează bine și nu intră și ridică elemente întregi. Din fericire, culoarea nu este protejată prin drepturi de autor.
Odată ce am identificat culorile și le-am reprezentat prin valori hexagonale, le putem folosi împreună cu alte metode (cum ar fi utilizarea unei singure culori cu nuanțe multiple, după cum este detaliat mai sus). Ar putea fi mai greu, dar asigurați-vă că vă variați paleta și inventați-vă singur, fără a ridica întreaga schemă de la designul altui.
Dacă proiectați în timp ce țineți cont de persoanele cu culori orb, există câteva instrumente online care vă vor permite să simulați culorile individuale în condiții de culoare orb.
Aceste instrumente oferă o anumită perspectivă asupra vizitatorilor care vor vedea culoarea orb și vă permit să selectați cu atenție culorile, asigurându-vă că arată bine pentru vizitatorii obișnuiți și care suferă. Primul instrument, Laboratorul de culori, vă permite să verificați cum arată culorile împreună cu ele, astfel încât să puteți crea cu ușurință scheme de culori care funcționează bine pentru oricine - suferind sau nu - pe orice sistem de operare.
Al doilea instrument este un formular simplu care vă permite să inserați în HTML și să schimbați valorile culorilor hexazecimale cu echivalentul color-orb, permițându-vă să le modificați cu ușurință pentru a crea o paletă care este atrăgătoare atât pentru suferinzi, cât și pentru cei care nu suferă de asemenea.
Înainte este un sfat adresat în principal designerilor, având în vedere posibila lor audiență color-orb. Noi presupunem în mod natural anumite sentimente de culoare, cum ar fi roșu cu pericol sau verde cu siguranță. Folosirea acestui principiu în cadrul desenelor noastre web este o modalitate foarte bună de a asocia imediat rezultatul unei anumite acțiuni, dar numai celor cu viziune obișnuită. Vizitatorii dvs. cu culori orb nu ar putea face asocierea instantanee, sugerând că trebuie să integrați o metodă suplimentară de avertizare sau laudă.
Acest lucru este mai mult de un punct de utilitate, dar este unul pe care probabil ar trebui să-l observați pentru a minimiza frustrarea utilizatorilor. Desigur, oamenii cu culori nu sunt complet orbi la culoare. În schimb, ei văd culori diferite decât ceea ce vedem și, prin urmare, au asociat în mod natural culori diferite cu mesaje diferite. Cu toate acestea, este mult mai ușor să asigurăm recunoașterea și prin alte mijloace.
Proiectarea pentru colorblind poate fi dificil pentru designerii care nu sunt de fapt colorblind. Cum luăm în considerare accesibilitatea atunci când nu suferim de starea în mână?
Din fericire, există o mână de "simulatoare" de accesibilitate disponibile pe web unde o pagină web este redată într-un anumit mod. Exemplul de mai jos, numit destul de generic ca "Colorblind Web Page Filter", duce site-ul dvs. și îl filtrează ca și cum ați fi color blind.
Instrumentul este încă în curs de dezvoltare și poate dura ceva timp pentru a fi disponibilă pentru vizualizare. Cu toate acestea, gama de filtre de culoare disponibile este destul de extinsă, acoperind toate tipurile majore de colorblindness.
Un alt simulator pentru a examina ceea ce o audiență color-orb ar vedea este Vischeck, permițându-vă să previzualizați o pagină web live sau unele imagini, într-unul din cele trei tipuri de deficite vizuale color. Ea are chiar și un instrument care va corecta imaginile, astfel încât telespectatorii color-orbi le pot vedea în mod natural.
Orbirea oricărui tip de culoare nu este o problemă rară care afectează doar o mână de oameni. De fapt, este o condiție larg răspândită pe care mulți oameni o întâlnesc în viața lor zilnică. Ar trebui ca, în calitate de web designeri, să încercăm să ținem cont de acești vizitatori cât de bine am putea. Dacă folosim culoarea, împreună cu un aspect bine organizat, culoarea orb nu ar trebui să fie o problemă, din punct de vedere al lizibilității sau esteticii.
Efectele orbitei de culoare vor fi cele mai resimțite când designerul suferă. Din fericire, putem proiecta în monocrom și a crea un design universal, plăcut din punct de vedere estetic, prin utilizarea contrastului pe mai multe culori. Se pare că contrastul este esențial. Ca designer, acest lucru nu ar trebui să fie ceva ce nu știm deja, deoarece contrastul este cheia în lizibilitatea unui design.
Desigur, înțelegem că orice design - monocrom sau nu - ar trebui să aibă un nivel ridicat de contrast pentru a crește lizibilitatea elementelor de pe o pagină. Cu toate acestea, putem "înșelâ" și împrumuta culorile sau utilizați unul dintre instrumentele menționate anterior pentru a crea scheme de culori care vor funcționa automat pentru toată lumea.
Din fericire, orbirea color nu este o plângere masivă pe web, așa cum se întâmplă în alte domenii. Prin învățarea unei anumite teorii a culorilor, putem presupune scheme fără să le vedem chiar prin ochii potriviți, permițându-vă să obțineți rezultate perfecte de fiecare dată.
Accentsconagua