Apprenez la théorie des couleurs avec cette application Web

Bien que le sujet de la théorie des couleurs puisse sembler assez fondamental, ce n'est pas quelque chose que vous pouvez comprendre en lisant. Pour bien comprendre la théorie des couleurs, vous devez la mettre en pratique..

Si vous construisez fréquemment des projets Web, il est impératif d'utiliser des couleurs. La théorie pratique des couleurs est un Webapp pratique qui peut vous aider à apprendre rapidement les couleurs. Cette application Web gratuite est destinée aux développeurs qui ne connaissent rien à la couleur, au design ou à l'esthétique de l'interface utilisateur..

Le tout a été construit et publié sur GitHub par l'incroyable concepteur et codeur Natalya Shelburne.

Elle travaille actuellement en tant que développeur frontend, mais elle a plus de 6 ans d'expérience dans l'enseignement des arts et du design. Natalya est le cocktail parfait d’expérience en matière de design et de développement pour créer cette ressource couleur!

En travaillant sur le site, vous allez apprendre pourquoi certaines couleurs ne correspondent tout simplement pas, tandis que d'autres le font. En outre, certaines combinaisons de couleurs ont souvent un aspect amateur et sont faciles à éviter une fois que vous avez compris certaines règles clés..

Par exemple, je conçois souvent selon la règle de ne jamais utiliser le noir et cela m’a bien servi. La même chose peut être vraie pour d'autres couleurs fortes. Évitez d’utiliser autant que possible les formes pures de couleurs (c’est-à-dire éviter le bleu intense comme # 0000FF).

La chose la plus cool à propos de cet outil est que chaque section inclut un peu de code CSS / Sass avec une explication bien écrite à propos des couleurs. Vous comprendrez pourquoi les neutres sont si importants, comment créer des couleurs d'accent et comment générer des schémas qui vont bien ensemble.

Je ne peux pas dire que ce guide fera de vous un expert en couleurs. Vraiment ça gratte la surface avec quelques astuces de base. Mais c'est un énorme saute de sélection de couleur débutant Donc, si vous avez des problèmes avec les couleurs, ce site vous aidera.

Tout le code source que vous trouvez sur le site est libre d’utiliser et de jouer avec vous-même.

Conseil bonus: essayez de changer la palette de couleurs de la page en cliquant sur les points colorés situés en haut de la page. Vous pouvez obtenir quelques idées de ceux!