Wertschätzung des dezenten und eleganten Webdesigns in Schwarz, Weiß und Grau

Wertschätzung des dezenten und eleganten Webdesigns in Schwarz, Weiß und Grau

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.

Schwarz-weiß-graues, dezentes und stimmungsvolles Webdesign 123WORDPRESS.COM

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

Artikel empfehlen

Mehrere Situationen, in denen Div durch Iframe abgedeckt ist, und ihre Lösungen

Ähnliche Strukturen: Code kopieren Der Code laute...

Tutorial zur Installation von MySQL 5.7.18 unter Windows 10

In diesem Tutorial erfahren Sie alles über die In...

Lösung für das Problem, dass Centos8 Docker nicht installieren kann

Problem [root@zh ~]# [root@zh ~]# [root@zh ~]# yu...

CSS-Schreibstandards und -Reihenfolge teilen [für alle empfohlen]

CSS-Schreibreihenfolge 1. Positionsattribute (Pos...

So passen Sie die Protokollebene von Nginx in Docker an

Inhaltsverzeichnis Einleitung Nginx-Dockerdatei N...

Apropos „Weniger und mehr“ im Webdesign (Bild)

„Weniger ist mehr“ ist ein Schlagwort vieler Desi...

Fähigkeiten zur Erstellung von Webformularen

Tatsächlich haben die drei obigen Tabellen alle d...

CSS, um horizontale Linien auf beiden Seiten des mittleren Textes zu erreichen

1. Die Eigenschaft „vertical-align“ erzielt folge...

Detaillierte Erklärung, wie Vue-Komponenten Werte untereinander übertragen

Inhaltsverzeichnis Überblick 1. Die übergeordnete...

Detaillierte Erklärung der in Node.js integrierten Module

Inhaltsverzeichnis Überblick 1. Pfadmodul 2. Bis ...