Opprette grafisk design og illustrasjon for fargeblind mennesker

Fargeblindhet er en visjonsmangel som påvirker et stort antall mennesker over hele verden. Enten vi vet det eller ikke, har vi som designere stor innvirkning på deres daglige liv gjennom det arbeidet vi lager og legger ut rundt oss. Det er tilfelle at jeg tror at vi skal ta litt tid og utforske noen enkle, men effektive løsninger som kan bidra til å forbedre deres situasjon og dermed kvaliteten på deres liv.

1. Hva er farge? En kort definisjon

Før vi kan helt forstå hva fargeblindhet er, bør vi først ta et par øyeblikk og snakke om farge, hva den er, og hvordan den oppfører seg.

Ifølge Google er substantivfargen definert som:

"Eiendommen besatt av et objekt om å produsere forskjellige følelser på øyet som følge av måten det reflekterer eller utsender lys".

Nå er lyset selv laget av flere farger som har forskjellige bølgelengder, hvor rød er den lengste som mennesker kan se, mens fiolett er den korteste.

Vi vet dette siden Sir Isaac Newton i 1666 satte sammen et lite eksperiment der han tok en stråle med hvitt sollys og passerte det gjennom et glassprisme. Det han observerte må ha vært utrolig i det øyeblikket siden prismmen delte strålen inn i et band med syv komponerende farger som han kalte "spektret". Ordren av disse fargene fra den nedre enden av spekteret er fiolett (V), indigo (I), blå (B), grønn (G), gul (Y), oransje (O), og rødt (R)-som vi nå ringer til ROYGBIV.

Raskt tips: Du kan se Newtons prismeeksperiment i handling ved å gå over til MITK12Videos'YouTube-kanal der de gir deg en grundig forklaring på årsaken til lysdispersjonsfenomenet.

2. Hvordan ser våre øyne "se" farge?

Avhengig av dens fysiske egenskaper (lysabsorpsjon, utslippsspektre, etc.), kan en gjenstand enkeltvis reflektere eller absorbere disse syv farger, noe som gir den eiendommen vi kaller farge.

Så når vi sier at vi ser en bestemt farge, ser vi faktisk mengden farge reflektert av overflaten av en gjenstand når den rammes av en lyskilde. Når et objekt gjenspeiler alle bølgelengder, ser vi det som hvitt; når den absorberer dem alle, er den svart.

Vi kan visualisere disse egenskapene på grunn av de millioner av lysfølsomme celler som finnes i våre retinaer, som behandler lyset i nerveimpulser og sender dem deretter til hjernebarken via optisk nerve.

Disse cellene kommer i to forskjellige former: stenger og kjegler. De stenger er svært konsentrert rundt kanten av netthinnen (et sted rundt 90 millioner celler for mennesker), og overfører hovedsakelig svart og hvitt informasjon på grunn av at de inneholder en enkelt fotopigment, de som hjelper oss med å tilpasse seg et mørkere miljø.

De kjegler, på den annen side er konsentrert midt i netthinnen (4,5-6 millioner celler), og er i stand til å fange tre forskjellige bølgelengder: S (kort), M (middels) og L (lang).

Kort kegler er vanligvis referert til som "blå" på grunn av det faktum at de gir fargeinformasjon for den spesifikke bølgelengden av lys. Middels kjegler refereres til som "grønne", mens lange er kjent som "rød".

Normal fargesyn bruker alle tre typer lyskegler (rød, grønn, og blå), og er kjent som trefargesyns.

Faktisk er det RGB fargerom som vi jobber for og samhandler med på daglig basis, opprettes rundt vår trikromatiske visjon bestemt av disse tre typer keiler, hvor hvert bilde er bygget ved hjelp av en kombinasjon av bare tre farger.

3. Hva er fargeblindhet?

Vi har nå en grunnleggende ide om hva fargen er, men hva er fargeblindhet?

Vel, mange tror at fargeblind betyr at du ser verden i svart og hvitt, men det er egentlig ikke sant.

Som online versjon av Medical Dictionary peker ut, er fargeblindhet:

"En unormal tilstand preget av manglende evne til å tydelig skille forskjellige farger i spekteret".

En person som er fargeblind, blir vanligvis født med denne tilstanden, som bestemmes av et defekt gen funnet i X-kromosomet. Ifølge American Academy of Ophthalmology kan "fargeblindhet oppstå når en eller flere av fargekeglecellene er fraværende, ikke fungerer eller oppdage en annen farge enn vanlig".

Farge Blind Awarenesssier at tilstanden påvirker ca. 1 av hver 12 menn (8%) og 1 i hver 200 kvinner rundt om i verden.

4. Hva er de forskjellige typene fargeblindhet?

Som vi lærte for noen få minutter siden, har øynene våre tre typer keinseller. Avhengig av hvilken av dem som er berørt, kan en person lide av en av tre forhold:

4.1. Rød-grønn fargeblindhet

Ifølge National Eye Institute (NEI) er den vanligste typen fargeblindhet skyldes "tapet eller begrensede funksjonen av den røde keglen (kjent som protan) eller grønnkegle (deutran) fotopigmenter" som avhengig av deres alvorlighetsgrad kan føre til:

  • Protanomaly: når personens røde kjeglefotopigment er unormal, forårsaker det at rød, oransje og gule farger vises grønnere.
  • protanopia: når det ikke er noen røde kjegleceller som får rødt til å virke som svart, og visse nyanser av oransje, gul og grønn vises som gul.
  • Deuteranomaly: når personens grønne keglefotopigment er unormal, noe som forårsaker gul og grønn å virke rødere, gjør det vanskelig å fortelle violet bortsett fra blå.
  • deuteranopia: når det ikke er noen grønne kegleceller som forårsaker røde å vises som brungul og grønn som beige.

4.2. Blå-gul fargeblindhet

Sammenlignet med rødgrønn fargeblindhet, er blågul fargeblindhet sjeldnere, og det ser ut når de blå kegelfotopigmentene enten mangler eller har begrenset funksjon.

Avhengig av saken kan vi ha:

  • Tritanomaly: når personens blå kjegleceller har begrenset funksjon, noe som fører til at blå vises grønnere og gjør det vanskelig å fortelle gul og rød, bortsett fra rosa.
  • tritanopia: når personens blå kegleceller mangler, forårsaker blå å vises grønn og gul violet eller lysegrå.

4.3. Fullstendig fargeblindhet

For de som ikke opplever noen farge i det hele tatt, lider de av det som kalles monochromacy,som er når de ser verden i gråtoner som spenner fra svart til hvitt.

5. Hvordan vet du om du er fargeblind?

Hvis du vil sørge for at øynene dine fungerer, bør du alltid gå til en optometrist, hvem vil bruke en enkel fargepåståelsestest kalt "Ishihara Color Test". Navnet kommer fra skaperen sin Dr. Shinobu Ishihara, som i 1917 publiserte en enkel, men genial metode for å bestemme om en person er fargeblind eller ikke bruker fargede plater (ishihara plater). Hver plate inneholder flere prikker som varierer i farge og størrelse og vises i et sirkulært mønster, og danner et tall i midten.

Hvis du kan skille tallet riktig, betyr det at du har normal fargesyn. Hvis du har problemer med å se formen på tallene, kan det hende du lider av en av fargeblindhetstypene som vi snakket om for noen få minutter siden.

Hvis du ikke ønsker å gå til en øye doktor ennå, kan du ta testen på nettet ved hjelp av noen av følgende steder:

  • Colorvisiontesting.com
  • Colour-blindness.com

6. Hvordan kan du se hva en fargeblind person ser?

Som designer og visuell kreativitet må du forstå at arbeidet ditt må være synlig ikke bare for personer med normal syn, men også for de som lider av en type fargeblindhet.

Det første skrittet for å finne en løsning på problemet er å forstå hvordan det manifesterer seg, ved å prøve å se hva en fargeblind person ville se.

Heldigvis finnes det et par løsninger der ute som tillater deg å ta et normalt bilde og bruke filtre til det for å få en ide om hva en bestemt visjonskort ville se ut som.

6.1 Online Color Blindness Simulators

Hvis du arbeider med vanlige bilder, kan disse fargeblindhetssimulatorene raskt generere et bilde av hva en person som lider av en bestemt tilstand ville se:

  • Coblis av Colorblindness.com er trolig den mest uttømmende løsningen der ute, siden den genererer bilder for alle typer fargeblindhet.
  • Vischeck er en enklere generator som gir deg muligheten til å forhåndsvise et side-by-side bilde av både den opprinnelige og den simulerte fargesyntesmangelen.

Hvis du er en webdesigner og vil se hvordan prosjektet ditt vil se ut som en person som lider av fargeblindhet, har Toptal satt sammen et smart lite Fargeblindfilter som tar noen nettsider og konverterer den ved hjelp av en av de fire tilgjengelige filtrene.

6.2. Lokale fargeblindhetssimulatorer

Siden du laster opp prosjektet ditt på Internett, og deretter sammenligner bildene tilbake og fremover, kan det være litt tidkrevende. Det finnes et par programvareløsninger der ute som kan hjelpe deg med å oppnå det samme resultatet raskere.

  • Adobe Illustrator: Hvis du ikke visste, kommer Illustrator faktisk med to fargebestemmelser (protanopia og deuteranopia) innenfor sin Utsikt Meny (Vis> Proof Setup), som hjelper deg raskt å se hva prosjektet ditt vil se ut når det blir sett av en fargeblind person.
  • Adobe Photoshop: De samme fargebestemmelsene er inkludert i Photoshop (Vis> Proof Setup), som hjelper deg med å identifisere og rette opp det endelige resultatet.
  • Stark er en gratis plugin laget for Sketch som hjelper deg å velge mellom åtte fargeprofiler og forhåndsvise design som en fargeblind person.
  • Color Oracle er en annen fargeblindhetssimulator utviklet av Bernie Jenny som kan installeres og brukes på Windows, Mac og Linux, og ble laget for å fungere uavhengig av den kreative programvaren du bruker.

7. Hvordan påvirker fargeblindhet kvaliteten på ens liv?

Selv om for fargeblinde mennesker, synes verden rundt dem å være "normal", siden det er den eneste måten de har opplevd det på, er virkeligheten at de vanligvis står overfor vanskeligheter i det vi tenker på som enkle hverdagsoppgaver. Fra matlaging til å kjøre bil eller velge hva klærne skal ha, påvirker de hva de ser, deres reaksjoner og atferd, som direkte påvirker livet deres.

Tenk deg at du vil kjøre bil, men kan aldri fortelle om trafikklysene er grønne eller røde uten å vite posisjonen til hver av de tre tilstandene. Eller kanskje du vil lage et fint stykke kjøtt du kjøpte fra det lokale markedet, men du kan ikke fortelle om det er sjeldent eller godt gjort.

Tenk også på alle de kreative jobbene der ute som du ville elske å gjøre, men kunne aldri søke på siden du ikke virkelig kan se hva alle andre ser.

Dette er bare noen av situasjonene som en fargeblind person har å håndtere daglig, så hvorfor ikke prøve å lære hvordan vi kan hjelpe dem selv, bare litt ved å følge noen av de enkle løsningene som presenteres nedenfor.

8. Hvordan kan du justere design og illustrasjoner for fargeblindet?

Så på dette punktet vet vi hvilken fargeblindhet er og har en grunnleggende ide om hvordan det kan se ut, noe som betyr at vi nå kan snakke om å finne og implementere løsninger som er ment å tilpasse våre prosjekter for personer som er rammet av disse synsfelene.

8.1. Hvilke farger fungerer best?

Det første som vi må spørre oss selv når vi jobber med et prosjekt (om det er en eksisterende eller en ny), er hvilke fargekombinasjoner som fungerer best. Og svaret er at vi egentlig ikke har en generalisert liste, siden alt avhenger av metning og lysstyrke nivåer som brukes for hver farge.

Det vi vet er at det er et sett med fargekombinasjoner som bør unngås, siden det kan være vanskelig for en fargeblind person å fortelle dem hverandre:

  • rød og grønn
  • rød og brun
  • rød og oransje
  • rød og fiolett
  • rød og svart
  • grønn og brun
  • grønn og oransje
  • lys grønn og gul
  • blå og grønn
  • blå og lilla
  • blå og gul

Problemet oppstår vanligvis når et design er basert på farger som har tetthette, metning eller lysstyrke, slik at de virker som nyanser av samme farge.

Så vårt mål er ikke å skape et fargeskjema som tydelig kan identifiseres av en person som lider av fargeblindhet, men å gjøre det mulig for dem å skille en farge fra en annen, selv om de kanskje ikke er sikker på hva den fargen er.

8.2. Hvordan kan du fikse dårlige fargekombinasjoner?

Det første skrittet for å fikse en dårlig fargekombinasjon, merker det. Dette er hvor fargesimuleringsverktøyene er til nytte, siden du raskt kan observere om du har uløselige overlappende seksjoner eller elementer som enten er identiske eller bare ikke synlige, ved å gå gjennom de forskjellige tilgjengelige filtrene.

Avhengig av hvilken type kreativt prosjekt du jobber med, enten det er en illustrasjon, en mobilapp eller en type grafisk datarrepresentasjon (linjediagram, linjediagram eller kakediagram), kan du bruke følgende forslag til å justere Det endelige resultatet for de som lider av denne tilstanden.

Bruk en annen fargetone

Hvis du ser på denne illustrasjonen av en klassisk Game Boy, kan du merke at når du bruker en deuteranopia filter, ser den øvre delen av enheten ut som om den har en utklipp siden hue av bakgrunnen og skjermen er veldig nært i forhold til metning (57.83% for den røde fargen og 42.96% for den grønne).

Vi kunne justere metning av skjermseksjonen for å øke hueintensitet, men som du kan se, i denne situasjonen vil det ikke hjelpe så mye som vi ønsker.

Det vi vil gjøre er å justere hue av bakgrunnen fra rød til lilla, som som du kan se vil skape en klar separasjon mellom de to seksjonene.

Målet for høy kontrast

Vi har løst bakgrunnsproblemet, men som du kan se, er noen deler av konsollen (for eksempel foran og side) veldig vanskelig å skille mellom, siden de bruker det samme hue verdi (0%), og lignende lysstyrke nivåer (92,94% foran og 86.67% for siden). Det samme kan sies om d-pad-knappen, der tverrsnittet bruker a 45,88% lysstyrke nivå mens midtpunktet bruker en lignende 40.78% verdi.

Når dette skjer, kan du raskt løse situasjonen ved å velge de respektive figurene og justere deres metning og / eller lysstyrkenivåer til de begynner å stå ut.

Den generelle regelen er å bruke så få farger og nyanser som mulig, og få kunstverket til å skille seg ut, ved å bruke høy kontrast når du kan.

Siden konsollets skall er laget av hvit plast, ser det ut til at det er rettferdig å bruke noen få toner og nyanser hvis vi ønsker å representere det mer nøyaktig, men hvis prosjektet tillater det, kan du alltid oppnå høyere kontrast ved å bruke forskjellige fargetoner.

Skille mellom figurene dine ved hjelp av skisser

Hvis du prøvde noen av de foregående løsningene, men ikke kunne få det ønskede resultatet, kan du noen ganger isolere de forskjellige delene av en dårlig farget sammensetning ved hjelp av tykke, mørke konturer. I tilfelle av vår Game Boy, kan vi slå noen av dens former i konturer og legge til nye til de som støtter dem, og dermed gi oss et mer definert resultat.

Legg til eller fjern farger

Hvis du legger til eller fjerner farger, kan du lage eller bryte et design, spesielt en sett av en person som ikke skiller dem alle. Hvis vi tar en titt på den skisserte versjonen av konsollen, har du kanskje lagt merke til at de sirkulære knappene nå smelter sammen med sine konturer.

Vi kan enkelt fikse dette ved å introdusere to nye fargetoner (en lysegul og blå) så lenge vi vet hvilke farger som kan ses av en person som lider av en bestemt visjonmangel (i vårt tilfelle, deuteranopia).

I andre situasjoner kan du oppdage at fjerning av farger vil forbedre den generelle utformingen, siden noen ganger enklere er bedre.

Overholde en monokromatisk fargeskjema

Noen ganger kan farger vise seg å være din største fiende, spesielt når man arbeider med en visjonsmangel som deuteranopia, så det kan være lurt å redusere paletten til en monokromatisk fargevalg.

Ofte forvirrer folk en monokromatisk fargevalg med en gråtoner en bestående av bare blacksgråtoner, og hvitt, men de er faktisk to helt forskjellige ting. 

I følge Wikipedia, en monokromatisk fargevalg er avledet fra "en enkelt base fargetone og utvidet ved hjelp av nyanser, toner og toner".

Som du kan se nedenfor, ved å følge en monokromatisk skjema, Du kan eliminere hele strenge fargetilpasningsprosessen, og fokusere på bare en hue hvorfra du kan lage nyanser og tints ved hjelp av forskjellige metning og lysstyrke nivåer.

Gå Gråskala

En annen løsning for å unngå farge helt er å gå fullt ut gråtoner. Ved å gjøre det, eliminerer du nesten alle trinnene ovenfor, noe som betyr at du kan fokusere på selve kunstverket.

Legg til tekstur

En siste metode for å sikre at designen din er tydelig forståelig av de som lider av synsmangel, er det å legge til tekstur. Uansett om det er korn, horisontale linjer eller en hvilken som helst annen type, kan tekstur enkelt skille og markere en bestemt del av et bilde, slik at du kan kaste noen fargegrens.

Konklusjon

Enten vi innser det eller ikke, er fargeblindhet en tilstand som påvirker et stort antall mennesker der ute, noe som gjør deres daglige liv vanskeligere ved å begrense de tingene de kan se og forstå gjennom filteret av farge.

Heldigvis, som vi har sett, er det flere ting som vi som designere kan gjøre for å forbedre livskvaliteten, noe som gjør ting litt enklere ett steg om gangen.

Jeg håper virkelig at denne artikkelen har åpnet øynene dine til et designområde som ofte overses, og klarte å lære deg noen viktige begrep som du kan implementere i fremtidige prosjekter.

Når det er sagt, kan du videre utvide din kunnskap om farge ved å sjekke ut disse flotte artiklene:

  • Design for og som en fargeblind person

    Fargeblindhet er et mildt funksjonshemning der de berørte opplever en redusert evne til å skille farger fra andre. Dette kan være en reell ulempe ...
    Connor Turnbull
    Designteori
  • Avansert fargeteori: Hva er fargestyring?

    Denne artikkelen definerer begreper som fargemodeller, fargeområder og fargestyring, og forklarer hva som designer bør du vite om det.
    James Thomas
    Farge teori
  • Design på 60 sekunder: RGB og CMYK fargemodus forklart

    Noen gang lurer på forskjellen mellom RGB og CMYK fargemoduser? Vel, hvis du har et minutt, kan jeg hjelpe deg med å sortere det ut.
    Kirk Nelson
    Designteori
  • Farge i 60 sekunder: Tint, Toner og nyanser

    Tint, toner og nyanser er vilkår du vil høre brukt når du diskuterer farge. En "fargetone" er resultatet av å blande en farge med hvit. En "skygge" er den resulterende ...
    Adi Purdila
    Farge teori
  • Slik bruker du Color Look-Up-tabeller

    I denne korte videoopplæringen lærer du hvordan du bruker ett bilde for å definere et sett med farger, og deretter hvordan du får andre bilder til å passe inn i det fargesettet.
    Kirk Nelson
    Adobe Photoshop
  • Bruke fargepaletter til å lage identitet i kunstverk

    Kunstnere søker å skille seg ut på en rekke måter. En måte at du kan oppnå dette, er å bruke en gjenkjennelig fargepalett gjennom hele arbeidet ditt. I dette…
    Mary Winkler
    Farge teori