Heim >Web-Frontend >CSS-Tutorial >Grafiken und Text von Anwendungsbeispielen der grünen Farbanpassung auf Webseiten

Grafiken und Text von Anwendungsbeispielen der grünen Farbanpassung auf Webseiten

PHP中文网
PHP中文网Original
2016-05-16 12:05:083039Durchsuche

Grün ist eine gemäßigtere Farbe zwischen Gelb und Blau (warm und kalt), was Grün zum friedlichsten, stabilsten, großzügigsten und tolerantesten Charakter macht. Es ist eine sanfte, ruhige, zufriedene, anmutige und beliebte Farbe. Es ist auch eine der am häufigsten verwendeten Farben auf Webseiten.

Grün ist eng mit dem Menschen verbunden. Es steht für Leben und Hoffnung und symbolisiert außerdem Frieden und Sicherheit, Entwicklung und Vitalität. Entspannung und Ruhe können die Ermüdung der Augen lindern.

Es vermittelt einen gewissen Bezug zu Natur und Gesundheit und wird daher häufig auf Websites zum Thema Natur und Gesundheit verwendet. Grün wird auch häufig in den PR- oder Bildungsseiten einiger Unternehmen verwendet.

Grün kann unsere Stimmung besonders heitern. Gelbgrün steht für Frische, Ruhe, Leichtigkeit, Frieden, Sanftheit, Frühling, Jugend und verbesserte psychologische Gefühle.

Im Folgenden werden wir verschiedene Beispiele und Analysen auf der Grundlage von Farbkombinationen durchführen, wie z. B. benachbarte Farben mit unterschiedlichen Attributen des grünen Systems, hohe Reinheit und niedrige Reinheit derselben Farbe, kontrastierende Farben usw.

Grafiken und Text von Anwendungsbeispielen der grünen Farbanpassung auf Webseiten

Grüne Farbanalyse:

Sie ist aus den Werten der Hauptfarbe und der Hilfsfarbe HSB ersichtlich Modus in der obigen Abbildung, dass sich diese beiden mittleren Farben nur in der Helligkeit unterscheiden und ihr angezeigter Farbton und ihre Sättigung gleich sind. Echtes Grün hat einen RGB-Wert von 120 Grad. Diese beiden Farben werden in unterschiedlichem Maße mit anderen Farben gemischt, sodass sie sich geringfügig vom echten Grün unterscheiden. Aufgrund der Eigenschaften von Grün selbst wirkt die gesamte Webseite sehr stabil und komfortabel.

Die Hilfsfarbe reduziert nur die Helligkeit und verleiht der Seite ein Gefühl von Schichtung und Raum.

Die weiße Oberfläche bringt die grünen Eigenschaften optimal zur Geltung und verstärkt den visuellen Rhythmus.

Der letzte Schliff der Farbe spiegelt perfekt den wunderbaren Touch des „letzten Schliffs“ wider, der äußerst verlockend ist. Die gesamte Seite wird plötzlich lebendig und erfrischend und verstärkt die Ausdruckskraft des Seitenthemas.

Fazit:

Die Haupt- und Hilfsfarben gehören zum gleichen Farbsystem Grün. Durch die Änderung unterschiedlicher Helligkeit kann die Änderung jedoch allmählicher und sanfter erfolgen Auch die Farbschichtung der Seite wird deutlicher. Wenn es nicht anhand numerischer Werte analysiert und beurteilt wird, können einige Freunde aufgrund ihrer Erfahrung urteilen, und es ist leicht, fälschlicherweise zu glauben, dass die Reinheit der beiden Farben bis auf die Helligkeit unterschiedlich sein könnte. Dies ist zu diesem Zeitpunkt leicht zu ermitteln die richtige Schlussfolgerung durch geeignete Verwendung des numerischen Modus.

Die gesamte Seite hat nur sehr wenige Farben: Smaragdgrün für den größten Farbblock, Weiß für den zweiten Bereich und Dunkelgrün für den dritten Bereich, aber der erzielte Effekt ist stark und auffällig und erfüllt den Zweck vollständig Anzeige des Produktthemas.

Dunkelgrün vermittelt den Menschen ein psychologisches Gefühl von Üppigkeit, Gesundheit, Reife, Stabilität, Leben und Offenheit.

Grafiken und Text von Anwendungsbeispielen der grünen Farbanpassung auf Webseiten

Grüne Farbanalyse: (Hochreine Farbabstimmung: Grün + kontrastierende Farbkombination)

HSB-Wert H zeigt, dass 60 Grad ist positives Gelb, die Haupt- und Hilfsfarben sind nur ein wenig in Richtung Grün geneigt – H beträgt 75 Grad. Ein großer Bereich von Gelbgrün mit etwas geringerer Helligkeit ist die Hauptfarbe, aber die Sättigung ist sehr hoch und erreicht 100 %. Die Hilfsfarben erhöhen nicht nur die Helligkeit Überlagerung der Seite, aber auch Es kann der gesamten Seite ein durchscheinendes Farbschema verleihen und die grünen Eigenschaften verstärken. Der dunkelbraune Hintergrund lässt zweifellos alle Volltonfarben im Vordergrund hell auf der Bühne strahlen.

Auf dieser Seite gibt es zwei Sätze kleiner Kontrastfarben, einen ist Gelbgrün und Orangerot und der andere ist Orangegelb und Himmelblau. Genau genommen handelt es sich bei diesen beiden Farbsätzen nicht um Kontrastfarben. weil die Farben etwas unterschiedlich sind. Obwohl ihre Sättigung reduziert ist, reichen sie aus, um die lautesten Töne auf dieser Seite darzustellen, wodurch die gesamte Seite sehr aktiv und lebendig wird.

Fazit:

Die Haupt- und Hilfsfarben Gelb und Grün blenden bei großflächiger Anwendung nicht, lassen die Seite aber sehr energisch und energisch wirken.

Bei sinnvoller Verwendung kontrastierender Farbkombinationen unterschiedlicher Reinheit, die nicht streng kontrastierend sind, spielt die Hauptfunktion meist ein klares Primär- und Sekundärverhältnis. Obwohl die Kontrasteigenschaften von nicht „standardmäßigen“ Kontrastfarben abgeschwächt werden und die Seitenfarben leicht aufeinander abgestimmt und weich wirken, können sie dennoch das Thema hervorheben. → Beispiel einer Webseite mit ähnlicher Farbe Hellgrün:

Grafiken und Text von Anwendungsbeispielen der grünen Farbanpassung auf Webseiten

Grüne Systemanalyse: (Gleiche Farbe Hellgrün)

Das Hauptfarbattribut Grün ist ein helles Grün mit hoher Helligkeit. Wie bereits erwähnt, nimmt die Sättigung normalerweise ab, wenn die Helligkeit hoch ist, und die Farbe der Seite nimmt ab, wenn die Sättigung niedrig ist, es sei denn, die Farbe selbst hat ihre eigene Eigene Eigenschaften und eine große Fläche. Die Hilfsfarbe ist Weiß und die gesamte Seite wirkt sehr hell, weich, ruhig und sogar warm.

Die Seite verwendet einen hellgrünen Farbverlauf, wodurch die gesamte Seite optisch weicher und komfortabler wird.

Walaupun warna aksen hanya muncul pada logo utama dan hanya sedikit pada butang, ia juga membawa beberapa sorotan pada warna keseluruhan halaman. Khususnya, nilai H mod HSB merah menunjukkan bahawa warna adalah hampir dengan merah sebenar, dan ketepuan mencapai nilai tertinggi. Satu lagi warna yang menarik ialah kuning, yang kelihatan secara visual pada halaman sebagai warna kontras hijau dan merah, yang memainkan peranan dalam merehatkan penglihatan. Kerana pada roda warna, kuning adalah warna peralihan antara hijau dan merah.

Kesimpulan:

Hijau muda mempunyai perasaan keanggunan, rehat, keselamatan, keharmonian, ketenangan dan kelembutan.

Kesan kecerunan boleh memperdalam lagi kesan ini. Walau bagaimanapun, apabila terdapat terlalu banyak warna terang dalam skema warna halaman, keseluruhan halaman akan kelihatan "kelabu" dengan mudah. ​​Ini memerlukan penambahan jumlah warna ketulenan yang lebih tinggi sedikit, seperti blok warna hijau tambahan di sudut kiri bawah. Aksen terang yang sesuai boleh menjadi sangat baik.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

In Verbindung stehende Artikel

Mehr sehen