Hjemmeside » Værktøjskasse » Lær praktisk farve teori med denne webapp

    Lær praktisk farve teori med denne webapp

    Mens emnet for farve teori kan virke ret grundlæggende, er det ikke noget, du kan forstå ved at læse. For virkelig at forstå farve teori skal du sætte den i praksis.

    Hvis du ofte bygger web-projekter, så er det et must at bruge farve. Praktisk farve teori er a Handy webapp der kan hjælpe dig med at lære om farverne hurtigt. Denne gratis webapp er rettet mod udviklere, der ikke ved noget om farve, design eller UI æstetik.

    Det hele blev faktisk bygget og udgivet på GitHub af den utrolige designer og coder Natalya Shelburne.

    Hun arbejder nu som en frontend-udvikler, men hun har over 6 års erfaring med at undervise i kunst og design. Natalya er den perfekte cocktail af design og dev erfaring til at gøre denne farve ressource!

    Som du arbejder gennem webstedet vil du lær hvorfor visse farver bare ikke stemmer overens, mens andre gør. Derudover ser visse farveskemaer ofte amatøriske ud, og de er nemme at undgå, når man forstår nogle nøgleregler.

    For eksempel designer jeg regelmæssigt ved aldrig at bruge sort, og det har tjent mig godt. Det samme kan være sandt for andre stærke farver. Undgå at bruge de rene former for farver, når det er muligt (dvs. undgå fuld blå som # 0000FF).

    Det fedeste ved dette værktøj er det hvert afsnit indeholder en smule CSS / Sass kode sammen med en velskrevet forklaring om farverne. Du forstår hvorfor neutrale er så vigtige, hvordan man laver accentfarver, og hvordan man genererer ordninger, der går godt sammen.

    Jeg kan ikke sige, at denne vejledning vil gøre dig til en farveekspert. Virkelig ridser det bare overfladen med nogle grundlæggende tips. Men det er enormt spring op fra newbie-tier farvevalg så hvis du har problemer med farver, hjælper dette websted.

    Alt kildekoden du finder på hjemmesiden er gratis at bruge og lege med på egen hånd.

    Bonus tip: Prøv at ændre sideens farveskema ved at klikke på de farvede prikker nær toppen af ​​siden. Du kan få et par ideer fra dem!