Einfaches Webdesign-Konzept – Farbabstimmung

Einfaches Webdesign-Konzept – Farbabstimmung
(I) Grundkonzepte der Farbabstimmung auf Webseiten

(1) Schwarze und weiße Wörter sind ein ewiges Thema. Niemand kann etwas Schlechtes über sie sagen.


(2) Die am häufigsten verwendeten beliebten Farben auf Webseiten
Blau – blauer Himmel und weiße Wolken, eine ruhige und saubere Farbe.
Grün – Grün und Weiß, elegant und lebendig.
Orange – lebendig und warm, eine Standard-Businessfarbe.
Dunkelrot – feierlich, ernst und edel, es muss mit Schwarz und Grau kombiniert werden, um das anregende Rot zu unterdrücken.

(3) Tabus bei Farben
Vermeiden Sie Schmutz – der Kontrast zwischen Hintergrund und Textinhalt ist nicht stark und der graue Hintergrund wirkt deprimierend!
Vermeiden Sie Reinheit – helle, reine Farben wirken auf Menschen zu stimulierend und haben keine Konnotation.
Vermeiden Sie Herumexperimente – egal, wie schön die Farbe ist, sie darf nicht zum Gesamtbild passen. Von der Masse getrennt zu sein, bedeutet Demütigung!

Vermeiden Sie die Verwendung von Blumen – es muss eine Hauptfarbe geben, die sich durch das gesamte Gemälde zieht. Die Hauptfarbe ist nicht die Farbe mit der größten Fläche, sondern die wichtigste Farbe, die das Thema am besten offenbaren und widerspiegeln kann. Es ist wie bei einem Anführer, der eine entscheidende Rolle spielt, obwohl er in der Minderheit ist.

Vermeiden Sie Puder – helle Farben wirken sauber, aber wenn der Kontrast zu schwach ist, sieht das Ganze blass und schwach aus, gerade wie ein hoffnungsloser Kranker.
Vermeiden Sie reines Blau, vermeiden Sie Gelbgrün und vermeiden Sie leuchtendes Rot.

(4) Mehrere feste Kollokationen
Blau, Weiß und Orange – Blau ist der Hauptton. Weißer Hintergrund, blaue Titelleiste und orangefarbene Schaltflächen oder Symbole als Verzierungen.
Grüne und weiße Orchidee – Grün ist der Hauptton. Weißer Hintergrund, grüne Titelleiste, blaue oder orange Schaltflächen oder Symbole als Verzierungen.
Orange, Weiß und Rot – Orange ist der Hauptton. Weißer Hintergrund, orange Titelleiste, dunkelrote oder orange Schaltflächen oder Symbole als Verzierungen.
Dunkelrot und Schwarz – Dunkelrot als Hauptton. Schwarzer oder grauer Hintergrund, dunkelrote Titelleiste und hellgrauer Hintergrund für Textinhalte.

2. Webdesign-Konzept

(1) Der Inhalt bestimmt die Form <br />Zuerst wird der Inhalt angereichert, dann wird er in Abschnitte unterteilt, dann wird der Ton festgelegt und anschließend werden die Details behandelt.

(2) Zuerst das Ganze, dann die Teile und schließlich zurück zum Ganzen.
Berücksichtigen Sie die Gesamtsituation und füllen Sie alles aus, was Platz einnehmen kann. Dann legen Sie den Ton fest und gestalten Sie modular. Passen Sie abschließend noch einige unbefriedigende Details an.

(3) Die Funktion bestimmt die Designrichtung <br />Der Zweck der Website bestimmt die Designideen. Kommerzielle Websites sollten den Gewinnzweck hervorheben; Regierungswebsites sollten das Image und maßgebliche Artikel hervorheben; Bildungswebsites sollten die Fakultät und die Kurse hervorheben.

3. So erledigen Sie Designarbeiten schnell und effizient

(1) Alles Geschriebene auf der Welt ist Plagiat.
Es hängt davon ab, ob Sie kopieren können oder nicht. Kopiert werden die Ideen, Gedanken und exquisiten Ausschmückungen mancher Details.
Suchen Sie im Internet nach ähnlichen Websites, finden Sie einige, die Ihnen gefallen, verwenden Sie eine davon als Grundlage und integrieren Sie die Vorteile in Ihre eigene. Dies ist der effizienteste und schnellste Weg, der außerdem Ergebnisse bringt und Ihnen ermöglicht, viel zu lernen.

(2) Besuchen Sie Designforen und suchen Sie nach Referenzmaterialien.

<<:  Mehrere häufig verwendete Methoden zum Zentrieren von CSS-Boxen (Zusammenfassung)

>>:  Lösung für die hohe CPU-Auslastung des Tomcat-Prozesses

Artikel empfehlen

XHTML-Tutorial: Der Unterschied zwischen Transitional und Strict

Tatsächlich ist XHTML 1.0 in zwei Typen unterteil...

7 Fähigkeiten, die großartige Grafikdesigner beherrschen müssen

1》Seien Sie gut im Webdesign 2》Wissen, wie man Web...

Warum wird IE6 von den meisten Leuten verwendet?

In erster Linie bin ich Webdesigner. Genauer gesag...

Beispielcode zur Implementierung eines Foto-Stacking-Effekts mit CSS

Ergebnisse erzielen Schritt 1. Ursprüngliche inde...

Dieser Artikel zeigt Ihnen, wie Sie Vue 3.0 responsive verwenden

Inhaltsverzeichnis Anwendungsfälle Reaktive API-b...

Einführung in die UFW-Firewall unter Linux

Werfen wir einen Blick auf ufw (Uncomplicated Fir...

Vue-Vorlagenkonfiguration und Webstorm-Codeformatspezifikationseinstellungen

Inhaltsverzeichnis 1. Einstellungen für die Spezi...

Nginx definiert die Zugriffsmethode für Domänennamen

Ich erstelle derzeit Nginx, kann aber nicht über ...

Vue ruft die PC-Kamera auf, um die Fotofunktion zu realisieren

In diesem Artikelbeispiel wird der spezifische Co...

Lösung für das Root-Passwort-Anmeldeproblem in MySQL 5.7

Nachdem ich herausgefunden hatte, dass der vorher...

Anfänger lernen einige HTML-Tags (3)

Anfänger, die mit HTML in Berührung kommen, lerne...