Lernen Sie die praktische Farbtheorie mit dieser Web-App

Das Thema der Farbtheorie mag zwar grundlegend erscheinen, kann aber nicht durch Lesen verstanden werden. Um die Farbtheorie wirklich zu verstehen, müssen Sie sie in die Praxis umsetzen.

Wenn Sie häufig Webprojekte erstellen, ist die Verwendung von Farbe ein Muss. Praktische Farbtheorie ist eine eine praktische Webapp, mit der Sie die Farben schnell erlernen können. Diese kostenlose Web-App richtet sich an Entwickler, die nichts über Farbe, Design oder Ästhetik der Benutzeroberfläche wissen.

Das Ganze wurde von der unglaublichen Designerin und Entwicklerin Natalya Shelburne auf GitHub gebaut und veröffentlicht.

Sie arbeitet jetzt als Frontend-Entwickler, hat aber über 6 Jahre Erfahrung im Unterrichten von Kunst und Design. Natalya ist der perfekte Cocktail aus Design und Entwicklungserfahrung, um diese Farbressource herzustellen!

Während Sie durch die Site arbeiten, werden Sie Erfahren Sie, warum bestimmte Farben einfach nicht übereinstimmen, während andere es tun. Außerdem wirken bestimmte Farbschemata oft unansehnlich und lassen sich leicht vermeiden, wenn Sie einige wichtige Regeln verstehen.

Zum Beispiel entwerfe ich oft nach der Regel, niemals Schwarz zu verwenden, und es hat mir gute Dienste geleistet. Dasselbe kann für andere kräftige Farben gelten. Vermeiden Sie, wann immer möglich, die reinen Formen von Farben zu verwenden (d. H. Vermeiden Sie volles Blau wie # 0000FF)..

Das Coolste an diesem Tool ist das Jeder Abschnitt enthält etwas CSS / Sass-Code sowie eine gut geschriebene Erklärung über die Farben. Sie werden verstehen, warum Neutrale so wichtig sind, wie man Akzentfarben erzeugt und wie man Schemata erstellt, die gut zusammenpassen.

Ich kann nicht sagen, dass dieser Leitfaden Sie zu einem Farbexperten machen wird. Wirklich kratzt es nur mit einigen grundlegenden Tipps an der Oberfläche. Aber es ist riesig Sprung von der Neuling-Tier-Farbauswahl Wenn Sie also Probleme mit Farben haben, hilft diese Seite.

Der gesamte Quellcode, den Sie auf der Website finden, kann kostenlos verwendet und mit Ihnen selbst gespielt werden.

Bonus-Tipp: Ändern Sie das Farbschema der Seite, indem Sie auf die farbigen Punkte oben auf der Seite klicken. Sie können einige Ideen davon bekommen!