Unter den klassischen Farbkombinationen kann wohl niemand den zeitlosen Charme von Schwarz, Weiß und Grau leugnen. Zwar möchten die Leute immer „herausragend“ sein, die Aufmerksamkeit auf sich ziehen und Aufmerksamkeit erregen, aber wenn Sie Benutzer dauerhaft behalten möchten, sind in Zukunft neben dem ersten Eindruck mehr Details in allen Aspekten erforderlich. Außerdem explodiert schon zu viel Farbe um uns herum, unser Farberkennungssystem hat möglicherweise einen Höhepunkt erreicht und wir möchten ständig mit der Arbeit aufhören. Derzeit sticht die Farbkombination Schwarz, Weiß und Grau aus einer Vielzahl von Farben hervor und kann sogar die Herzen der Menschen beruhigen. Dies ist auch der Grund, warum der minimalistische Stil in den letzten zwei Jahren populär geworden ist. Nachfolgend finden Sie 13 Websites in den Farben Schwarz, Weiß und Grau, die vom Herausgeber ausgewählt wurden. Sie können sie als Referenz für Farbstile beim Entwerfen von Webseiten verwenden. 1. Aristo Die Innenarchitekturagentur verwendet als Hauptfarben Schwarz, Weiß und Gold, was eng mit der von ihr vermittelten Designphilosophie verbunden ist. Die Seitenstruktur ist einfach, klar und minimalistisch. Die Bilder auf der Homepage wurden von Farbe befreit, sodass nur dezente Grautöne übrig blieben und auch die anderen Hilfsfarben dezent und zurückhaltend blieben und so eine andere Art von Luxus hervorhoben. ![]() 2. Grundlegend Die Verwendung von Schwarz, Weiß und Grau als Farbkombination bei gleichzeitiger Verwendung anderer heller Töne in sehr geringen Mengen ist fast eines der Geheimnisse der Farbkombination aus Schwarz, Weiß und Grau. In der gesamten Komposition wird jedoch mehr Raum benötigt, um das Gefühl von Dynamik in Ruhe und Kälte auszudrücken. Das Design dieser Website folgt diesem Rezept, fügt jedoch andere Bildfarben hinzu, um das Bild etwas komplizierter zu gestalten. ![]() 3. Callens In der Mitte sind zwei zufällig übereinander gestapelte Bilder platziert, mit genügend Weißraum, um der Fantasie freien Lauf zu lassen, und die Farben sind zurückhaltend eingesetzt, sodass man spürt, dass hier tatsächlich die Atmosphäre einer High-End-Marke herrscht. ![]() 4. Driftwood-Editionen Als unabhängiger kleiner Verlag ist das fertige Produkt schwarzweiß und auch die gesamte Website ist schwarzweiß, was die Atmosphäre zu ernst erscheinen lässt. Es kann jedoch die schwarz-weiße, fotokopieartige Struktur der Verlagsbranche widerspiegeln. ![]() 5. Design eingebettet Für eine Website, die große Vollbildbilder verwendet, um Details der Arbeit anzuzeigen, scheinen Schwarz, Weiß und Grau die einzigen Optionen zu sein, gleichzeitig hat der Designer aber auch Rot verwendet. Besonders raffiniert ist die Interaktion der Großbilddarstellung. Schwarz vermittelt eine kühle, dunkle Atmosphäre und betont das Funkeln der Details. ![]() 6. Echo Auf der Seite werden schwarze und weiße Linien verwendet, was nicht nur großartig aussieht, sondern auch leicht einen blendenden Effekt haben kann. In der Pulldown-Einführung ist der Text schwarzweiß und wird in Farbe angezeigt, wenn Sie darauf zeigen. Die bevorzugten vertikalen Linien vermitteln bei Verwendung auf menschlichen Figuren ein modernes und modisches Gefühl. ![]() 7. Fixieren Auf der gesamten Homepage werden schwarze Linienvektorgrafiken verwendet, um ein dichtes und farbenfrohes Bild zu erzeugen, das die Originalität des Designs hervorhebt. Dazu passt auch die Schriftart, die gesamte Seite ist designstark gestaltet und mit entsprechenden Animationseffekten aufgehübscht, was sie zu einem absoluten Spitzenwerk macht. ![]() 8. Funktionale Bei Websites von Wohndesign-Unternehmen wird das Thema weiterhin dem Inhalt überlassen und das Wohndesign selbst sprechen gelassen. Es basiert auf der Farbgebung in Schwarz und Weiß und wird mit cremegelbem Holz kombiniert, was an hölzerne Einrichtungsgegenstände erinnert und eine entspannte und helle Atmosphäre schafft. ![]() 9. Huntly Das Innenarchitekturstudio verwendet Weiß als Hauptfarbe, um den Menschen ein Gefühl von Raum zu vermitteln, und der Ausdruck und die Verpackung des Selbstbildes auf der Homepage wirken glatt und prägnant. Das schlichte Schwarz-Weiß-Farbschema enthält leuchtendes Gelb als Akzentfarbe, wodurch die gesamte Website lebendiger und anschaulicher erscheint. ![]() 10. Johnson, B. C. Dies ist der persönliche Blog des Wissenschaftlers Johnson, B.C. Der Hintergrund verwendet natürliche Bilder aus seinem wissenschaftlichen Forschungsgebiet und das Farbschema ist dunkel, was den Eindruck von Strenge, Geheimnis und Coolness unterstreicht. ![]() 11. Lesen Sie Müsli Die Website mit grauem Hintergrund lässt die gesamte Atmosphäre langweilig erscheinen und wirkt in Kombination mit hochwertigen Bildern derselben Farbe sehr elegant. ![]() 12. Taostudio Durch die Verwendung einer beige-rosa Grundfarbe vermittelt es im Gegensatz zu herkömmlichen schwarz-weiß-grauen Websites ein Gefühl von Wärme. Die Anordnung und Gestaltung der Thumbnails auf der Homepage wirken sehr frisch und stimmig. Die schlichten Strichzeichnungen sind genau richtig. ![]() 13. Vincefrost Große Schwarzweißbilder, die den gesamten Bildschirm ausfüllen, großer Text, umfassende Navigation und Inhalte. Wenn Sie mit der Maus darüber fahren, ist ein leichter Farbunterschied zu erkennen. Die gesamte Website ist übersichtlich aufgebaut und reibungslos bedienbar. ![]() |
<<: Detaillierte Erklärung der Javascript-Grundlagenschleife
>>: Verhindern von SQL-Injection in Webprojekten
Ähnliche Strukturen: Code kopieren Der Code laute...
In diesem Tutorial erfahren Sie alles über die In...
Problem [root@zh ~]# [root@zh ~]# [root@zh ~]# yu...
Was ist Textumbruch um Bilder? Dies ist die Auswi...
CSS-Schreibreihenfolge 1. Positionsattribute (Pos...
Inhaltsverzeichnis Einleitung Nginx-Dockerdatei N...
transformieren und übersetzen Transformieren bezi...
„Weniger ist mehr“ ist ein Schlagwort vieler Desi...
Inhaltsverzeichnis 1. Einleitung 2. Über vue-simp...
Tatsächlich haben die drei obigen Tabellen alle d...
1. Die Eigenschaft „vertical-align“ erzielt folge...
Inhaltsverzeichnis Überblick 1. Die übergeordnete...
Inhaltsverzeichnis Überblick 1. Pfadmodul 2. Bis ...
Beschreibung der Portverfügbarkeitserkennung, wen...
Inhaltsverzeichnis npm herunterladen Schritt (1) ...