Vijesti o Tehnologiji, Recenzije i Savjeti!

14 briljantnih alata za procjenu boja vašeg dizajna

Napomena: Sljedeći članak će vam pomoći: 14 briljantnih alata za procjenu boja vašeg dizajna

Provjerite jeste li odabrali odgovarajući boje za dizajn vrlo je važno za čitljivost. Osim toga, osigurati da boje koje odaberete budu vidljive osobama s nedostacima vida, kao što je sljepilo za boje, dobra je praksa koju treba slijediti kada razmišljate o pristupačnosti weba. U ovom ćete članku čitati o izvrsno free alata za provjeru jesu li boje koje koristite u skladu s najboljim praksama standardnog kontrasta boja, svjetline, čitljivosti i pristupačnosti.

1. Provjerite Moje boje

Provjerite Moje boje je alat temeljen na webu za provjeru boja prednjeg plana i pozadine vaše web stranice. Provjerit će sve naslagane elemente web stranice na temelju W3C-ovog WCAG preporučenog omjera kontrasta svjetline i svjetline boje. Jednostavan je za korištenje: samo ubacite URL svoje web-stranice, pritisnite “Provjeri!”, i daje lijepo tablično izvješće za sve elemente.

2. Proročište u boji

Proročište u boji Proročište u boji je stolni alat dostupan za Mac, Windowsi operativni sustavi Linux: simulira nedostatke vida boja. Tvorci alata također imaju odjeljak Savjeti za dizajn na svojoj web stranici koji dijeli nekoliko korisnih bijelih knjiga o pristupačnosti boja. Note da Windows i korisnicima Linuxa potrebna je Java 6.

3. Vizualizator kontrasta boja

Vizualizator kontrasta boja Ovaj alat je Adobe AIR desktop aplikacija za vizualizaciju odgovarajućih kombinacija boja. To je prekrasan alat za odabir palete boja vaše web stranice. Ako ste zabrinuti za web pristupačnost, bilo bi dobro imati ovaj alat tijekom faze dizajna vaših projekata.

4. Kotačić u boji pristupačnosti

Kotačić u boji pristupačnosti Ovaj je alat prikladan način za eksperimentiranje s različitim kombinacijama boja: pomaže vam da brzo zamislite kako sheme boja izgledaju. Za testiranje i ugađanje izbora boja jednostavno pomičite miš po kotačiću u boji i procijenite čitljivost. Pri dnu web-stranice alata vidjet ćete simulacije za određene oblike sljepoće za boje.

5. GrayBit

GrayBit Jedan od načina da provjerite ima li dizajn dovoljan kontrast boja je da ga pretvorite u sive tonove i vidite koji su dijelovi teško čitljivi. Koristiti GrayBit pretvoriti web stranicu u sive tonove; čak će pretvoriti web slike na toj stranici. To je izvrstan alat za vizualizaciju kontrasta boja i čitljivosti web dizajna.

6. Vischeck

Vischeck Vischeck simulira kako stvari izgledaju ljudima koji su daltonisti. Ima nekoliko opcija za korištenje: možete ga pokrenuti na web stranici, prenijeti slikovnu datoteku (poput modela dizajna) ili preuzeti Photoshop dodatak za lokalno testiranje. Vischeckova stranica s primjerima jasno objašnjava kako alat radi s demonstracijama kako bi se istaknulo ono što ocjenjuje.

7. Analizator omjera kontrasta svjetline

Analizator omjera kontrasta svjetline Ovaj alat temeljen na radnoj površini konzorcija Web Accessibility Tools (WAT-C) namijenjen je provjeri kombinacija boja kako bi se utvrdilo pružaju li zadovoljavajuću vidljivost boja. Ova aplikacija zahtijeva Windows operativni sustav i testiran je samo na 2000 i XP.

8. Sim Daltonizam

Sim Daltonizam Sim Daltonizam je simulator nedostatka vida za Mac OS X. Alat vam omogućuje simulaciju jednog od osam podržanih stanja sljepoće za boje kao što su monokromatija i protanopija (stanje dikromatizma). Imajte na umu da Sim Daltonism zahtijeva Mac OS X 10.2.8 (ili novije verzije).

9. Analizator kontrasta boja

Analizator kontrasta boja Ovaj dodatak za Firefox koji je razvio Juicy Studio omogućuje vam praktično ispitivanje boja tekstualnih DOM čvorova na web stranicama. To je izvrstan alat koji možete dodati svom tijeku razvoja dok testirate svoj rad. Također je izvrstan za provjeru kontrasta boja drugih web stranica.

10. Laboratorij za boje

Laboratorij boja Ovaj nekomplicirani web alat omogućuje vam da otkrijete kombinacije boja i kako bi one mogle izgledati osobi sa daltonizmom. Laboratorij boja vrlo je jednostavan za korištenje i zahtijeva samo tri osnovna koraka, a svi su navedeni u njihovom vodiču za brzi početak.

11. AccessColor

AccessColor AccessColor je web alat koji provjerava kontrast boja i svjetlinu boje teksta u prednjem planu u odnosu na boju pozadine. Jednostavno postavite web adresu svoje web stranice u nju, odaberite želite li vidjeti samo greške ili a puni izvještaj, pritisnite “Provjeri!” i daje lijepu tablicu rezultata.

12. Analizator kontrasta boja

Analizator kontrasta boja Ova desktop aplikacija (za Windows XP i Vista) dizajniran je za ispitivanje vaših kombinacija boja prednjeg plana i pozadine radi kontrasta i svjetline boja. Na stranici postoji korisnički priručnik koji će vam pomoći da brzo počnete s njim, kao i preuzimanja dostupna na nekoliko jezika.

13. Alat za provjeru kontrasta boja

Alat za provjeru kontrasta boja Hewlett-Packard na svojoj stranici ima jednostavan web alat za procjenu karakteristika kontrasta boja dviju boja. Vi koristite RGB vrijednost svojih boja kao ulazne podatke, a ona daje izlaz svjetline i razlike u boji vaših vrijednosti, kao i je li kombinacija u skladu s preporukama W3C/WCAG.

14. Luminosity Color Contrast Ratio Analyzer

Luminosity Color Contrast Ratio Analyzer Juicy Studio ima izvrstan web alat za analizu omjera kontrasta boja pozadine i prednjeg plana. Sve što trebate učiniti je unijeti vrijednosti boje pozadine i prednjeg plana u heksadecimalnim jedinicama (na primjer, bijela pozadina je #ffffff) i naknadno će vam reći prolazi li kombinacija WCAG 2.0 preporuke za kontrast.

Koji je vaš omiljeni alat za provjeru boja?

Vaš preferirani alat nije prikazan gore? Ako niste, ne zaboravite to podijeliti s nama u komentarima i recite nam kakva su vaša iskustva s njim.

A ako koristite bilo koji od gore navedenih alata, voljeli bismo saznati i vaša iskustva s njim!

Povezani sadržaj