19 Ansätze zur Farbe
Mit mehr als 9 Milliarden indexierten Websites im Internet müssen Websites mehr tun, um bemerkt zu werden, und die Nutzer ermutigen, Zeit mit ihnen zu verbringen.
Da immer mehr Websites um die Aufmerksamkeit der Nutzer konkurrieren, wird Farbe immer wichtiger, um Ihre Seite hervorzuheben. Hier sind einige Seiten, die genau das tun: Verwenden Sie interessante Farben in ungewöhnlichen Kombinationen, um sich von den Milliarden von Standard-Farbplänen zu unterscheiden.
Layrr
Wir alle wissen, dass Inhalte an zweiter Stelle stehen, um Aufmerksamkeit zu erregen, und seit Jahren werden Schlagzeilen in Zeitungsdruckpapier verwendet, um Interesse zu wecken. Layrr Um dies zu erreichen, verwendet man einen untertriebenen Kontrast, und selbst wenn Sie kein Französisch sprechen, schlage ich vor, dass Sie diese Seite jetzt überprüfen, kleine Farbflächen verwenden, um vor dem grauen Hintergrund zu wirken, und dies in einem erstaunlich schönen Design erreicht. Kein Wunder, dass es eine ehrenvolle Erwähnung im Awwwards Designwettbewerb erhalten hat.
Havainas
Die Zielseite von Havainas Ein sehr großer Flip-Flops und Sandalen Einzelhändler ist überraschend und wunderbar, bunt, eine Eigenschaft, die sich auf die regionalen Seiten der Website erstreckt. Das Ziel dieser Seite ist es, ihren Stil zu veranschaulichen, zusammen mit den hellen Farben, die mit Hitze und Sommer, Ferien und am wichtigsten, ihren Produkten verbunden sind. Während die Farbe Teil ihrer Markenbekanntheit ist, ist es erfrischend, die Seite einer großen Firma zu sehen, die farblich gut entworfen wurde, wie Sie wahrscheinlich durch die Liste der Seiten hier erkennen können, wird eine gute Koordination oft den kleinen Kerlen überlassen.
FarbPixel
Abgesehen davon, dass es hell und farbenfroh war, was mich wirklich faszinierte FarbPixel 's Website, war die Verwendung von Schwarz, wo andere Websites hätte Weiß verwendet. Der Grund, warum Weiß verwendet wird, ist, weil der Kontrast zwischen ihm und anderen Farben für die Augen einfacher ist und somit für Benutzer leichter zugänglich ist, aber hier wurden größere schwarze Kästchen verwendet, um Text zu kapseln, der weiß ist. Dies erreicht tatsächlich das Ziel, meine Aufmerksamkeit auf den Text in ihnen zu lenken, anstatt auf die eigentlichen Boxen selbst als Teil des Designs. Abgesehen davon erreicht der Hintergrund der Website, was der Designer als "ethnisch" bezeichnet, indem er versetzte Pixel verwendet, um einen Gobelineffekt zu erzielen. Die Rainbows werden eher unentgeltlich verwendet, bieten aber eine schöne Farbdifferenzierung, kombiniert mit den dezent geschweiften Klammern im Hintergrund.
Will Fernandes
Will Fernandes "Die Seite verwendet viele und verschiedene Farben, die sich um Aufmerksamkeit bemühen, um seinen Stil zu erreichen. Er reserviert gelb, orange und weiß für den Text und den Hintergrund und vermeidet es, sie in seinem Kunstwerk zu verwenden, um eine Unterscheidung von diesem und dem Inhalt zu markieren. Er bietet eine Vollbildansicht, die empfohlen wird, wenn Sie die Arbeit dieses talentierten Künstlers und Webdesigners auf einer fantastischen Seite mit brillanten Animationen sehen möchten. Es wurde offensichtlich intensiv daran gearbeitet, dass die richtigen Farben für die Kunst und den Ort verwendet werden, während sie sich gegenseitig ergänzen.
Ryan Keizer
Dies ist die erste Seite, die wir uns angeschaut haben, die absichtlich offensive, überwältigende Farben verwendet, die aufeinander prallen, um einen kontrastreichen Effekt zu erzielen. Der Designer genießt es so viel Farbe zu verwenden, dass er eine "Farb Inspiration" Palette am unteren Rand der Seite hat. Ryan Keizer verwendet in erster Linie Gelb, eine Farbe, bei der bei falscher Verwendung viel schief gehen kann, hier bei Cyan, und in geringerem Maße bei Pink, erscheint die ganze Seite. Abschließend erinnern Cyan und Pink sehr an 3D-Anaglyph-Brillen. Sie verwenden ein Farbschema, das sehr unkonventionell in unser unbewusstes Leben aufgenommen wurde, das man normalerweise nicht erwarten würde, aber unerklärlicherweise, weil wir es jetzt assoziieren zwei Farben zusammen.
Ben Markowitz
Ein weiterer sehr unaufdringlicher Ort mit einer sehr sorgfältigen Verwendung von Farben, die dem interaktiven Element der Website einen maschinierten Look verleihen. Für das Design einer solchen Website ist es ungewöhnlich, Farbe auf diese Weise zu verwenden, Designer gehen normalerweise in die eine oder andere Richtung, aber das trägt wirklich zum Titel bei: Ben Markowitz ', nicht nur Aufmerksamkeit erregend, sondern auch differenzierend, mit einer komplementären Palette mit einer großen Auswahl. Die einzige andere Verwendung der Farbe, von der ich glaube, dass diese Seite profitieren würde, ist mit den Symbolen des sozialen Netzwerks unten auf der Seite, da sie alle sehr neutrale Farben verwenden und auffallen und etwas leichter zu erkennen sind.
Umarmungen für Monster
Joe Lifrieris Umarmungen für Monster hat das selbe Ziel wie Will Fernandes 'Seite, die wir vorher angeschaut haben, aber wir erreichen es in einem organischen individuellen Stil, indem wir Farbe verwenden, um seinen einzigartigen Stil hervorzuheben. Ich schlage vor, dass Sie sich einige seiner anderen Seiten ansehen, sie alle haben unterschiedliche Kunst im selben eklektischen Stil, den Sie hier sehen können.
Tim Bjørn
Im Gegensatz zu den anderen, die hier vorgestellt werden, ist die Landingpage dieser Seite durch fehlende Farbigkeit gekennzeichnet und durch die Betrachtung der anderen Arbeiten von Tim Bjørn , der Künstler, verwendet er die Farbe offensichtlich sehr vorsichtig und sparsam. Es ist sehr erfrischend, eine Seite in einfachen Graustufen zu sehen, die nicht so aussieht, wie sie vor einem Jahrzehnt entworfen wurde! Das Artwork, wie Hugs for Monsters oben, ist sehr organisch und ist der Hauptschwerpunkt der Seite, mit gedämpften Menüs und fast der ganzen Landing Page gewidmet zu einigen Schlüsselstücken.
Nur für den Bürogebrauch
Dies ist eine andere Seite, die eine kleine Menge an Farbe verwendet, um einen hohen Kontrast gegen eine Graustufen-Themenseite zu erzielen. Insbesondere der Fall unten, bei dem die Transparenz des Logos ein mattes Rot auf dem Bild dahinter erzeugt. Ein weiterer Blick hinein Nur für den Bürogebrauch zeigt, dass diese Jungs wissen, wie und wann sie Farbe verwenden und es gut machen.
Methodenentwurfslabor
Das Methodenentwurfslabor Der innovative Newsfeed verwendet Farbe auf eine neue Art und Weise, um das "Alter" der Nachrichten mit einem leicht erkennbaren heißen und kalten Farbschema zu kennzeichnen, außer dass die Nachrichten nur im "heißen" Abschnitt des Farbschemas existieren clevere Marketingidee, vielleicht? Nichtsdestoweniger ist es sehr leicht zu begreifen, dass Rot ältere Nachrichten von vor 12+ Stunden sind und Gelb jünger ist. Sehr gut ausgeführt, und die Farbe trägt sowohl zum Design als auch zur Funktion der Seite bei, nicht etwas, was man über ihre Navigation hinaus sagen kann. Nachdem ich während der Recherche für diesen Artikel darauf gestolpert bin, fand diese Seite ihren Weg in meine Lesezeichen, sowohl für den Inhalt als auch für das Design.
DesignWise
Das Thema für DesignWise ist Kontrast durch Einfachheit, mit einem subtilen grungy Gefühl, das Rosa auf Schwarzem arbeitet tadellos, und das Verwenden eines elfenbeinfarbenen für Textinhalt versetzt das Rosa, ohne den Kontrast zu scharf gegen das Schwarz zu sein. Es gibt auch einen Kontrast zwischen dem sauberen, aber strukturierten Hintergrund und den subtilen Berührungen von Grunge, die überall auf der Website verstreut sind.
Prius Harmonie
Die Farben dieser Infografik sind schön aufeinander abgestimmt, wobei beide die naheliegende Mission erfüllen, "Harmonie" zu vermitteln und die mit den Farben verbundenen Themen zu vermitteln. Während dies effektiv ein Stück Werbung für ist Prius , es trägt seinen Job gut, und selbst wenn Sie Flash verachten, schätzen Sie es einfach für die Farben. Dies ist eine andere Seite mit Funktionalität in Farbe, wenn auch nur in Ansätzen, und eine der seltenen, die Blockfarben mit Transparenz verwendet, um Variationen mit den kombinierten Farben von zwei oder mehr anderen zu erzeugen, die (meistens) einen Sinn für Harmonie vermitteln, wenn Du ignorierst die hässlichen schwarzen und braunen überfarbenen und schlecht koordinierten Abschnitte.
Organisches Gitter
Wenn Sie zwei Flash-Sites in Folge vergeben können, Organisches Gitter ist ein schönes Portfolio, das durch die unglaubliche Verwendung von Farbe in einem Menü vergeben werden kann, das sein Schema jedes Mal ändern wird, wenn Sie zu ihm zurückkehren. Unkonventionell? Ja. Unkoordiniert? Definitiv nicht. Gehen Sie für die Farben, legen Sie die Website im Vollbildmodus, und bleiben Sie, um die unglaublichen Fotos und Grafiken in den Portfolios zu genießen, wenn Sie die Ladezeiten ignorieren können.
Matt Mullenweg
Diese Lichtenstein inspirierte Seite muss mit einbezogen werden, wenn auch nur um des Vaters von WordPress willen, Matt Mullenweg Der Blog bringt die Blockfarben und Schraffuren der Pop Art zum Leben. Blockprimärfarben können wundervoll sein, wenn sie nicht überstrapaziert werden, und diese Seite gibt uns einen Strich. Es gibt eine brillante Pop-Art-Welle am Ende des Blogs, aber du wirst es nicht lange sehen können, denn Mullenweg hat so viele Beiträge, dass du für immer scrollen wirst!
Vanity Claire
Wenn Sie über die Tatsache hinwegsehen können, dass diese Seite eine schreckliche Benutzerfreundlichkeit hat, ist das Artwork auf jeder Seite unglaublich gut gemacht. Einfache gedämpfte Farben werden immer beliebter, und Claire Die Seite schafft es auch, ein wenig Grunge zu schleichen. Diese Seite zeichnet sich dadurch aus, dass auf jeder Seite eine andere einzelne Blockhintergrundfarbe mit einem einfachen Design horizontal in der Mitte der Seite vorhanden ist.
Kleben
Eine Website, die die Einfachheit auf ein neues Level gehoben hat, Kleben Zurückziehen aller Inhalte zugunsten einer wunderschön ausgeführten Sanduhr, wobei der Sand mit dem Slogan "Save Time" nach oben fällt. Die Seite hatte früher mehr Inhalt mit den wunderschönen orangefarbenen Highlights auf Grau, wurde aber leider nur noch eingeladen.
Microsoft
So sehr es mich auch schmerzt, dies als unerschütterlicher Apfelanhänger zu erwähnen, Microsoft Die Online-Präsenz ist sprunghaft angestiegen, vermutlich Hand in Hand mit dem überraschenden Fortschritt im Internet Explorer (es wäre wahrscheinlich peinlich gewesen, wenn ihre Seite ihren Browser mit einem Datum versehen hätte). Die Kachel-basierte "Metro" -Schnittstelle von Windows 8 hat eindeutig Einfluss genommen, und ich muss sagen, es sieht gut aus. Wie wir mit Google Chrome, Skype und jetzt Microsoft gesehen haben, sind blockfarbene Logos die Zukunft, die Tage der klebrigen Farbverläufe und die Nutzung von 3D sind vorbei.
AnpassenD
Die Aufnahme dieser Seite mag etwas mit der Tatsache zu tun haben, dass sie mich an einen Raketenlolli erinnerte, ein Lieblings-Leckerbissen für Kinder, oder dass es einfach Farbe für die pure Freude enthielt. AnpassenD ein Lächeln auf mein Gesicht gebracht, einfach mit dem "etwas bunten" Band oben auf der Seite, denn warum nicht? Ein wunderschönes Juwel in einem ansonsten Standard, wenn auch gut gestalteten Ort.
ColoRotate
Schließlich schließen wir mit einer Website ab, die keine Farbe als Teil ihres Designs verwendet. Tatsächlich ist das Website-Design unglaublich langweilig, aber als Funktion - das Ziel der Website ist es, Ihnen beim Durchsuchen und Mischen von Farbpaletten zu helfen. Es scheint angemessen, auf einer Website zu enden, die Farbe auf diese Weise verwendet. Wenn Sie also nach dem Lesen dieser Liste eine Überarbeitung Ihrer Website vornehmen möchten, steht Ihnen nichts mehr im Wege, das perfekte Farbschema auszuwählen. ColoRotate hat auch eine interessante Informationsseite über Farbe, wenn Sie Lust haben, über die Farbtheorie des 21. Jahrhunderts zu lesen und wie unsere Augen Farbe wahrnehmen.
Wie nähern Sie sich der Farbe? Spielst du auf Nummer sicher oder willst du auffallen? Lassen Sie es uns in den Kommentaren wissen.