Heute bringen wir flaches Design auf die nächste Stufe. Nicht jedes Projekt kann mit einigen der kräftigen, hellen Farboptionen verwendet werden, die normalerweise mit flachem Design verbunden sind.
Also bleib nicht mit ihnen hängen. Setzen Sie Ihr flaches Design mit einer etwas gedämpften Farbpalette um. Die subtile Änderung kann dazu beitragen, dass Ihre Website einer Trendüberholung unterzogen wird und sie in der flachen Design-Masse hervorsticht. Hier möchten wir einige Websites auswählen, die diesen Stil außergewöhnlich gut verwenden, um eine Website mit flachem Design und einer gedämpften Farbpalette zu erstellen.
Gedämpfte Farbgrundierung
Sie haben wahrscheinlich Tausende von Variationen der flachen Farbpalette gesehen, und manchmal passen diese Farben einfach nicht zu der Designästhetik, die Sie sich wünschen. Auch wenn alles andere über flaches Design anspricht.
Dann können gedämpfte Farboptionen wunderbar funktionieren. Die Verwendung einer gedämpften Farbpalette mit flacher Ästhetik ist klassisch, poliert und gerade so verschieden, dass sie sich von allen anderen flachen Projekten unterscheidet.
Aber was ist eine gedämpfte Farbpalette? Für die Zwecke dieses Gesprächs ist dies ein sehr gesättigter Farbton (z. B. der von Flat UI Colors) und das Hinzufügen von Tönungen, Tönen oder Schattierungen, damit er weniger hell und gedämpft wirkt. Das Ergebnis ist oft eine weichere, ruhigere Farbe, die einfacher zu verarbeiten ist und sich dem Gesamtdesign anpasst.
In den Bildern unten können Sie sehen, wie die gleichen Farben der Flat UI-Farben bei Änderungen des verwendeten Weiß oder Schwarzes anders aussehen können. Und ganz einfach, darum geht es bei einer gedämpften Farbpalette. Der Rest der Designästhetik kann den Grundsätzen des flachen Designs so nah (oder lose) folgen, wie Sie möchten.
Farbtöne
Farbtöne werden erstellt, wenn Sie einer Farbe Weiß hinzufügen, um sie aufzuhellen. Diese Farbe ist oft deutlich heller als die Originalfarbe und wird üblicherweise als Pastell bezeichnet. Farbtöne können für fast weiß bis zu wenigen Berührungen heller sein als für eine vollständig gesättigte Farbe. Sie wirken oft leichter, weicher und schaffen eine beruhigendere Ästhetik als kühnere, hellere Optionen.
Farbtöne funktionieren gut mit Fotos und sind auf Websites mit Illustrationen beliebt. Diese helleren Farben fallen häufig von der Hauptästhetik ab und eignen sich am besten für Designzwecke, wenn andere Inhalte wie Bilder oder Wörter wirklich im Mittelpunkt stehen müssen.
Jack Horner verwendet im gesamten Design seitlich gefärbte Farben, um einen starken Kontrast zu schwarzen Akzenten zu schaffen. Das Gelb auf der Homepage ist so hell, dass es schwierig ist, den helleren Akzent zu erkennen. Die Website verwendet außerdem ein getöntes Grün für Aufforderungen zum Handeln und wichtige Informationen während des gesamten Designs, um die Benutzer zu engagieren.
Cake Teacher verwendet eine ähnliche hellgelbe und grüne Farbpalette, jedoch mit unterschiedlicher Tönung. Die Gelbtöne sind etwas heller und die Grüntöne etwas heller als die Farben auf der Jack Horner-Website. Die subtil getönte Palette hilft Benutzern, sich auf die Kuchenfotos in der Mitte des Bildschirms zu konzentrieren, insbesondere solche mit helleren Farboptionen. Der Kontrast von Licht und Helligkeit hilft dabei, einen Fokus für das Design zu schaffen.
Schatten
Schattierungen sind Farben, die das Ergebnis mit dem Zusatz von Schwarz ergeben. Dadurch wird eine Farbe dunkler und für das Auge schwerer. Der Bereich für das Hinzufügen von Schwarz reicht von fast Schwarz mit einem Hauch von Farbe bis hin zu einer Berührung, die dunkler als der ursprüngliche Farbton ist.
Shades können in bestimmten Umgebungen gut funktionieren, oft wenn sie mit weniger Schwarz verwendet werden. Projekte, die wirklich dunkel sind und viel Schwarz enthalten, können zu Bedenken hinsichtlich der Lesbarkeit führen, wenn sie nicht besonders gut ausgeführt werden. Viele Leute gehen fälschlicherweise davon aus, dass Farbtöne schwarz aussehen müssen. Wenn Sie jedoch eine Farbe von den herkömmlichen flachen Designkonzepten entwickeln, ist dies überhaupt nicht der Fall.
Das Verkaufspop-Up für Einzelhändler Ann Taylor verwendet eine Kombination aus Farbtönen für einen einfachen grünen Promo, der gut lesbar und ansprechend ist. Die Ästhetik verwendet viele flache Konzepte und trendige Elemente wie Geister-Knöpfe und mutige Typografie, aber die schattierten Farbtöne sind alles andere als "traditionell". eben. In Kombination mit dem gelben Text (dank eines Tons) ist die gedämpfte flache Palette auffällig und modern.
Caf? Frida verwendet Farben, die überhaupt nicht üblich sind. Die schattierten Gelbtöne, Grüns und sogar Weiß erzeugen ein Vintage-Gefühl. Die Farben sind kräftig, aber nicht überwältigend. Sie sind fesselnd, aber nicht sehr aufregend. Die Kombination legt die Szene für das Café fest, das gut durch die Schriftrolle der Homepage ausgeführt wird.
Töne
Töne werden erzeugt, indem Weiß und Schwarz mit einer Farbe kombiniert werden, um sie weicher erscheinen zu lassen. Die meisten Farben werden tatsächlich mit Tönen erstellt. Es handelt sich um komplexe Farben, die eine fast universelle Anziehungskraft haben, da sie aus mehreren Teilen des Farbspektrums stammen. Diese subtile Qualität macht Töne für die meisten Projekte zur ersten Wahl von Designern und Künstlern.
Töne wirken aufgrund ihres angenehmen Charakters in fast jeder Designästhetik.
Source Tree verwendet ein blasses, fast beruhigendes Grün in der gesamten Site. Es wird mit anderen farblich abgestimmten Blitzen sowie für die anderen präsentierten Projekte kombiniert. Das Schöne an dieser Farbe ist, dass das Tönen der Site eine einladende Atmosphäre verleiht. Stellen Sie sich vor, wie anders diese Site aussehen würde, wenn sie Emerald aus der flachen Palette oben an allen Orten verwenden würde, an denen die getönte Farbe verwendet wird. Die Farbe bietet fast Platz für die kleineren Kästchen und animierten Elemente, etwas, das bei einer deutlich helleren Farbe nicht so leicht zu sehen wäre.
Das Institut für Glauben, Arbeit und Wirtschaft verwendet Kombinationen von komplexen Farbtönen, um Benutzer vom Hauptbild auf der Seite zum Handlungsaufruf zu bewegen. Die dunkelblaue und gelbliche Kombination lässt sich dank des hohen Kontrasts gut ablesen und ist visuell interessant, da die Farben Ihrem Standard-Blau und Gelb entsprechen.Die Farben werden im gesamten Design verwendet, um den Fokus im gesamten Design festzulegen und Benutzer zu Aktionen und Klicks auf der gesamten Website zu führen.
Fazit
Wenn Sie von einigen der traditionelleren Farben des flachen Designs verzweigen, müssen Sie keine der oben genannten Farbtechniken auswählen. Sie können Farbtöne, Farbtöne und Farbtöne kombinieren, um etwas zu schaffen, das absolut ansprechend und anders ist.
Die eigentliche Lektion in diesen einfachen Fallstudien lautet: Machen Sie sich nicht auf, einen Trend zu verwenden - durch das Buch. Brechen Sie mit einer anderen Art von Technik weg, um den Trend und die Verwendung zu Ihrer eigenen zu machen. Diese Beispiele zeigen, wie wunderbar es ist, nur die Farbpalette zu ändern, während gleichzeitig an flachen Designs gearbeitet wird.