Opi käytännön väriteoriaa tällä Web-sovelluksella

Vaikka väriteorian aihe voi tuntua melko perustavanlaatuiselta, se ei ole ymmärrettävä lukemalla. Jotta voisit todella ymmärtää väriteoriaa, sinun on käytettävä sitä.

Jos olet usein rakentamassa verkkoprojekteja, värien käyttö on välttämätöntä. Käytännön väriteoria on a kätevä webapp, joka auttaa sinua oppimaan väreistä nopeasti. Tämä ilmainen webapp on suunnattu kehittäjille, jotka eivät tunne väriä, muotoilua tai UI-estetiikkaa.

Koko asia oli todella rakennettu ja julkaistu GitHubissa uskomattoman suunnittelijan ja kooderin Natalya Shelburne.

Hän työskentelee nyt frontend-kehittäjänä, mutta hänellä on yli 6 vuoden kokemus taiteen ja muotoilun opettamisesta. Natalya on täydellinen cocktail suunnittelusta ja kokemuksesta, jotta tämä värivara saadaan!

Kun työskentelet sivuston kautta Opi, miksi tietyt värit eivät juuri vastaa toisiaan, kun taas toiset tekevät. Myös tietyt värimaailmat näyttävät usein amatööriisiltä ja ne on helppo välttää, kun ymmärrät joitakin keskeisiä sääntöjä.

Esimerkiksi säännön mukaan suunnittelen usein mustaa käyttöä, ja se palvelee minua hyvin. Sama pätee muihin vahvoihin väreihin. Vältä puhtaiden värien käyttöä aina kun mahdollista (ts. Välttää täynnä sinistä kuin # 0000FF).

Tämän työkalun hienoin asia on se jokaisessa osassa on vähän CSS / Sass-koodia sekä hyvin kirjoitettu selitys noin väreistä. Ymmärrät, miksi neutraalit ovat niin tärkeitä, miten voit luoda aksenttivärit ja miten luoda hyviä yhteyksiä.

En voi sanoa, että tämä opas tekee sinusta väriasiantuntijan. Todella se vain naarmuttaa pintaa joidenkin perusvinkkien avulla. Mutta se on valtava hyppää ylös aloittelijan tason värivalikoimasta joten jos sinulla on ongelmia värien kanssa, tämä sivusto auttaa.

Kaikki sivustossasi löytämä lähdekoodi on vapaasti käytössä ja pelaaminen omalla.

Bonusvinkki: yritä muuttaa sivun värimaailmaa napsauttamalla värillisiä pisteitä sivun yläreunassa. Voit saada niistä muutamia ideoita!