it-swarm.com.de

Überbrückung der Lücke zwischen Farbpaletten und CSS

Ich kenne Websites wie kuler , bin mit HTML/CSS/JavaScript (als Programmierer) vertraut und weiß, welche Art von Inhalten ich auf meiner Website haben möchte. Ich kann herausfinden, wie ich meine Inhalte anständig gestalten kann. Am schwierigsten für mich ist es jedoch herauszufinden, welche Farbe die einzelnen Elemente (z. B. Links, Text, Hintergrund, andere Elemente) haben sollten. Ich bin schrecklich in Farben!

Wenn Sie beispielsweise kuler in den Triadenmodus versetzen und eine Farbe auswählen, werden die Farbe und zwei Paare von Komplementärfarben angezeigt, sodass die Farben jeweils fett sind, aber dennoch zusammenarbeiten. Aber ich versuche sie auf einer Seite zu platzieren, eine Farbe für den Hintergrund, eine Farbe für Links und eine Farbe für Text, es funktioniert überhaupt nicht. Ich mache offensichtlich alles falsch!

Was ist der beste Weg, um herauszufinden, welche Farben eine Website erstellen soll? Ich bin absolut schrecklich in Farben und ich dachte, Kuler würde helfen, aber es ist nicht so einfach! Bitte helfen Sie mir, die Lücke zwischen Kuler und CSS zu schließen, damit ich schnell und einfach eine Farbpalette auswählen und auf meine Website anwenden kann.

9
Ricket

Es hört sich so an, als würden Sie versuchen, Farbe auf Farbe zu bringen (z. B. roter Text auf grünem Hintergrund). Das ist sehr schwer für die Augen!

Streben Sie nach einer Mischung aus Farben und Grautönen (Weiß und Schwarz sind hier 'Grautöne') - Wenn Sie beispielsweise farbigen Text haben müssen, legen Sie ihn auf einen weißen oder schwarzen Hintergrund. Wenn Sie einen farbigen Hintergrund wünschen, machen Sie ihn nur hell und verwenden Sie dann weißen oder schwarzen Text darüber.

Mit Farbe ist weniger mehr. Wenn Sie grell werden, bekommen Sie MySpace und lähmende Kopfschmerzen. Verwenden Sie Farbe als Akzent, nicht als Inhalt. Beginnen Sie mit einem Schwarzweiß-Design und fügen Sie ein Farbelement hinzu. Sehen Sie, wie das aussieht. Fügen Sie dann eine weitere hinzu. Zu viel? Nehmen Sie es wieder heraus. Versuchen Sie es mit einem anderen Element.

Sehen Sie sich an, wie Websites, die Sie mögen, Farben verwenden. Diese Seite ist beispielsweise meistens schwarz und weiß, mit einigen blauen (Links, Tags, Kopfzeile) und einigen gelben (im Gegensatz zu blau, sehr sparsam als eine Akzentfarbe). Das ist heute ein gängiger Ansatz.

5
Alex Feinman

Finden Sie heraus, welche Emotionen der Benutzer erleben soll. Eine Website für einen Ort erstellen, an dem Kaffee serviert wird? Versuchen Sie, die Stimmung mit Farben einzustellen. Sie müssen wissen, welche Farben welche Emotionen verbinden.

Also, welche Emotionen möchten Sie dem Besucher vermitteln?

Ich habe festgestellt, dass diese Seite eine sehr hilfreiche Einführung in die Farbtheorie ist: TigerColor - Color Theory Introduction

Denken Sie daran, dass die Auswahl von Farben viel mehr beinhaltet als nur die Farbtöne. Sie sollten auch die Leichtigkeit und Sättigung berücksichtigen.

3
Daniel X Moore

Sagen wir einfach, dass Triadenfarben nicht gerade "gut zusammenarbeiten" sollen - häufiger sind es die drei Farben, die die Aufmerksamkeit des Betrachters gleichermaßen auf sich ziehen. Farbpaletten, die auf Triade basieren, funktionieren gut, wenn die Farben aus der Palette nur Flecken auf dem einfachen Feld der Neutralen sind oder wenn eine Farbe dominiert und zwei andere als Akzente verwendet werden.

1
Mariusz Ciesla

Wenn Sie das Programmieren lernen, haben Sie (wahrscheinlich) nicht als erstes Programm eine dreistufige Architektur von Grund auf neu geschrieben. Sie haben wahrscheinlich kleine Programme geschrieben, die Ihnen nur helfen, einen kleinen Aspekt der Programmierung zu lernen.

Gleiches gilt für das Design. Es funktioniert nicht, sofort einzuspringen und ein atemberaubendes und komplexes Design zu erstellen.

Als Nicht-Designer müssen Sie es zunächst so einfach wie möglich halten. Es erfordert viel Geschick, eine gut aussehende Site zu entwerfen, die keinen weißen (oder leicht cremefarbenen) Hintergrund hat. Haben Sie einen einfachen weißen Hintergrund mit schwarzem Text und verwenden Sie dann die drei Farben für die kleinen Details - Links, Überschrift und Fettdruck und möglicherweise die Überschrift.

Wenn das einfache Design klar aussieht, konzentrieren Sie sich auf den Inhalt. Wenn das alles gut ist, haben Sie eine gute Basis, um mit dem Design zu experimentieren. Bringen Sie dann langsam und Stück für Stück mehr Designer-Flair ein, damit Sie die Auswirkungen subtiler Änderungen kennenlernen können. Betrachten Sie es als Bildung.

1
Mongus Pong

Schnapp dir ein paar Buntstifte, Buntstifte usw. und experimentiere. Der direkte Wechsel von der Triade in Kuler (oder einem der beliebten Farbgeneratoren) zu CSS kann je nach Farbe ein Hit/Miss sein.

Bleib zuerst bei ein paar 2 - 3 Farben. Die Farbtheorie ähnelt der Typografie insofern, als viele Optionen verfügbar sind, aber die besten Designs verwenden normalerweise nur sehr wenige, gut ausgewählte Farben.

Berücksichtigen Sie auch neutrale (oder neutrale) Töne für große Flächen wie den Hintergrund und auffälligere Farben für Dinge wie Links, Logos usw.

Schauen Sie sich auch ColourLovers für einige großartige Ideen an (oder, noch besser, treten Sie der Community bei!).

1

Ich arbeite immer mit gutem Beispiel. Der Beitrag Leitfaden für Anfänger zur Verwendung der Kraft der Farbe im Webdesign kombiniert die Farbtheorie, über die @Daniel X More spricht, mit Websites, die die betreffende Farbtheorie anwenden.

Anschließend können Sie eine der Websites mit dem vorhandenen Inhalt abgleichen und von dort aus die Farbharmonie als Ausgangspunkt zurückentwickeln.

1
icc97