Lær praktisk fargeteori med denne webapps

Mens faget av fargeteori kan virke ganske grunnleggende, er det ikke noe du kan forstå ved å lese. For å virkelig forstå fargeteori må du sette den til å øve.

Hvis du ofte bygger webprosjekter, bruker du farge er et must. Praktisk fargeteori er en Hendig webapp som kan hjelpe deg med å lære om fargene fort. Denne gratis webappen er rettet mot utviklere som ikke vet noe om farge, design eller UI-estetikk.

Hele greia ble faktisk bygget og utgitt på GitHub av den utrolige designer og koder Natalya Shelburne.

Hun jobber som en frontendutvikler nå, men hun har over 6 års erfaring med å undervise kunst og design. Natalya er den perfekte cocktailen av design og dev erfaring for å gjøre denne farge ressurs!

Når du jobber gjennom nettstedet, vil du lær hvorfor bestemte farger ikke stemmer overens, mens andre gjør. Også enkelte fargevalg ser ofte ut som amatør, og de er enkle å unngå når du forstår noen viktige regler.

For eksempel utformer jeg ofte av regelen for aldri å bruke svart og det har tjent meg godt. Det samme kan være sant for andre sterke farger. Unngå å bruke rene farger når det er mulig (dvs. unngå fullblå som # 0000FF).

Den kuleste tingen om dette verktøyet er det hver seksjon inneholder litt CSS / Sass kode sammen med en velskrevet forklaring om fargene. Du forstår hvorfor nøytraler er så viktige, hvordan du lager accentfarger, og hvordan du genererer ordninger som går bra sammen.

Jeg kan ikke si at denne veiledningen vil gjøre deg til en fargeekspert. Egentlig riper det bare overflaten med noen grunnleggende tips. Men det er stort hoppe opp fra newbie-tier fargevalg så hvis du har problemer med farger, vil dette nettstedet hjelpe.

Alt kildekoden du finner på nettstedet er gratis å bruke og leke med på egen hånd.

Bonustips: Prøv å endre sidens fargevalg ved å klikke på de fargede punktene nær toppen av siden. Du kan få ganske mange ideer fra dem!