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
Einige nützliche Methoden zur Meta-Einstellung (unbedingt lesen)
<meta name="viewport" content="...
So umbrechen Sie das HTML-Titelattribut
Als ich vor ein paar Tagen ein Programm schrieb, w...
Grafisches Tutorial zur Installation und Konfiguration der Dekomprimierungsversion von MySQL 8.0.17
Ich werde die Probleme aufzeichnen, die während d...
vue-table implementiert das Hinzufügen und Löschen
In diesem Artikelbeispiel wird der spezifische Co...
Apache Log4j2 meldet eine Sicherheitslücke auf Nuklearebene und eine schnelle Lösung
Apache Log4j2 meldete eine Sicherheitslücke auf n...
So ändern Sie den Punkt im WeChat-Applet Swiper-Dot in einen Slider
Inhaltsverzeichnis Hintergrund Zieleffekt Ideen e...
Entwicklung eines Miniprogramms zur Implementierung einer einheitlichen Verwaltung von Access_Token
Inhaltsverzeichnis TOKEN Timer-Aktualisierung 2. ...
Mysql fragt die ausgeführten Transaktionen ab und wie auf Sperren gewartet werden soll
Verwenden Sie navicat zum Testen und Lernen: Verw...
Eine kurze Analyse des Unterschieds zwischen FIND_IN_SET() und IN in MySQL
Ich habe die Mysql FIND_IN_SET-Funktion vor einig...
Vue implementiert rekursiv ein dreistufiges Menü
In diesem Artikelbeispiel wird der spezifische Co...
So führen Sie mehrere MySQL-Instanzen unter Windows aus
Vorwort Unter Windows können Sie mehrere MySQL-In...
Zusammenfassung von zehn Linux-Befehlsaliasen, die die Effizienz verbessern können
Vorwort Ingenieure, die im Linux-Umfeld arbeiten,...
Tutorial zur Installation und Nutzungskonfiguration von Docker+nacos+seata1.3.0
Ich habe vorher einen Tag damit verbracht. Obwohl...
Entwerfen Sie eine einfache HTML-Anmeldeoberfläche im CSS-Stil
login.html-Teil: <!DOCTYPE html> <html l...
nginx+tomcat-Beispiel für den Zugriff auf das Projekt über den Domänennamen
Ich wollte wissen, wie ich mit einem Domänennamen...