5 Möglichkeiten, den Kontrast in Ihrem Webdesign zu steigern
Fehlt Ihrem Designprojekt dieser besondere Pop? Es ist wahrscheinlich, dass das, was Sie vermissen, genug Kontrast ist. Der Kontrast ermöglicht die Unterscheidung zwischen Elementen, wodurch jedes einzelne individueller, markanter und spezieller wirkt.
Der Designkontrast wird auf verschiedene Arten und unter Verwendung aller Arten von Elementen erstellt. Von Typografie über Farbe bis hin zum Raum kann das Erstellen von Kontrasten ein Design von bleh bis wow annehmen. Hier sind fünf Möglichkeiten, dies zu tun.
Entdecken Sie Envato-Elemente
1. Machen Sie es größer (oder kleiner)
Symmetrie und Ordnung können eine Art Falle sein, wenn es darum geht, einen Schwerpunkt im Design zu schaffen. Zu viele Elemente mit gleichem Gewicht sehen am Ende gleich aus.
Die einfache Lösung besteht darin, ein Element deutlich größer oder kleiner zu machen.
Der Gegenstand, der anders ist, wird zum unmittelbaren Fohlenpunkt. Der Benutzer wird zu diesem Bereich der Zeichenfläche gezogen, da dieser unterschiedlich ist.
Das Vergrößern oder Verkleinern eines Elements, Fotos oder Textblocks ist mehr als nur die physische Größe. es ist auch visuelles Gewicht. Der einfachste Weg, dies zu verstehen, ist die Typografie. Schauen Sie sich die Bilder oben an. Beide Wörter haben dieselbe „Größe“, beachten Sie jedoch, wie viel mehr Gewicht eine der Versionen hat. Dieser Kontrast ist auf dicke und dünne Striche in den Buchstabenformen zurückzuführen.
Sie können dasselbe Konzept auch auf fast jedes andere Designelement anwenden.
Schauen Sie sich die Website für Little Flyers oben an. Achten Sie besonders auf die textbasierte Navigation oben auf der Seite und die Schaltflächen unten auf dem Bildschirm. Welcher Text zieht Ihr Auge schneller auf sich? Warum? Alle Typen haben die gleiche Größe, aber die Behandlung mit einer Box in einem farbenfrohen Foto lässt es größer erscheinen.
2. Fügen Sie eine kleine Textur hinzu
Mit flachen und minimalen Stilen als dominierendem Treiber für Designtrends ist Textur weniger verbreitet als früher. Aber man sieht es immer noch an vielen Stellen, vielleicht ohne darüber nachzudenken.
Wenn Sie von einem flachen Element zu einem Element mit einer Textur, einem Muster oder einem dreidimensionalen Stil wechseln, können Sie einen Fokusbereich erstellen. Das Hinzufügen von Textur zu einem Hintergrund ist zwar die unmittelbare Lösung, kann aber auch auf andere Weise verwendet werden.
Betrachten Sie ein Textelement mit einem strukturierten Gefühl. (Dies ist bei vielen Vintage-Typografiestilen sehr beliebt.) Die primären Texturarten sind rau und glatt. Sie können miteinander oder isoliert arbeiten, um einen visuellen Fokus zu erzielen. Wenn Sie mit gedruckten Designs arbeiten, können Sie Texturen basierend auf dem verwendeten Papiertyp, den Buchdruckoptionen und anderen Veröffentlichungsmethoden physisch hinzufügen.
3. Ändern Sie die Form
Schauen Sie sich das Bild oben an. Was ist das erste, was du siehst? Für mich ist es das kreisförmige Objekt mit dem Fragezeichen im Inneren.
Weißt du, warum? In einem Bild voller Rechtecke ist es der einzige Kreis. Der Unterschied des Objekts macht es aus. Die Tatsache, dass der Charakter auf dem Kopf steht, ist auch ein Aufmerksamkeitstreiber. Das Ändern der Form oder Ausrichtung eines Elements kann sofortige Auswirkungen haben.
Probieren Sie es aus, wenn sich Ihr Design das nächste Mal etwas flach anfühlt. Runden Sie die Kanten der Knöpfe ab. Legen Sie ein Foto in einen kreisförmigen Rahmen anstatt in einen rechteckigen. Entscheiden Sie sich für ein vertikales Foto. Verwenden Sie eine Platzierung, die nur ein wenig aus dem Gleichgewicht gerät.
Jede dieser Techniken kann Sie zunächst etwas unbehaglich machen. Aber experimentieren Sie weiter und spielen Sie mit Optionen, bis Sie dasselbe alte Rechteck in etwas Interessanteres verwandeln.
4. Farbe hinzufügen (oder wegnehmen)
Die Farbtheorie ist eines der wichtigsten Konzepte, die Ihnen zur Verfügung stehen. Durch Ändern der Farbtöne oder Hinzufügen oder Entfernen von Farben können Sie die allgemeine Stimmung eines Designs ändern. Farbe kann Dinge groß oder klein, gewagt oder gedämpft erscheinen lassen. Der Trick zu einigen der brillantesten Farbpaletten ist die Verwendung von Kontrast.
Die einfachste Form des Kontrasts beginnt mit dem Farbkreis. Das Koppeln von Farben entlang des Rads führt zu verschiedenen Kontrastkombinationen:
- Komplementär: Paare mit hoher Intensität von gegenüberliegenden Seiten des Rades
- Triade: Farben in Schritten von einem Drittel entlang des Rades.
- Split-Komplementär: Eine Farbe und die beiden Farben neben dem Komplementärfarbton.
Es gibt andere Farbkontrastoptionen, die besonders gut funktionieren können, wenn Sie bereits über eine Farbpalette verfügen und es Ihnen nichts ausmacht, subtile Anpassungen vorzunehmen.
- Mischen Sie warme, kühle und neutrale Farben.
- Ändern Sie Ihre Grundfarbe, indem Sie Farbtöne hinzufügen, sodass die Sättigung von Farbe zu Farbe unterschiedlich ist.
- Verflechten Sie helle und dunkle Farben; Betrachten Sie es als Yin und Yang.
- Elemente ohne Farbe hinzufügen. Schwarze oder weiße Akzente können in Räumen mit viel Farbe Akzente setzen. und Farbe kann Schwarz und Weiß kontrastieren.
5. Tun Sie etwas Unerwartetes
Eine unerwartete Form oder ein unerwartetes Detail kann ebenfalls genau den richtigen Kontrast hinzufügen. Eine Überraschung im Design ist alles, was nicht ganz zu allem passt, aber dennoch im Einklang damit funktioniert.
Diese Elemente umfassen:
- Ein Element der Asymmetrie in einem ansonsten symmetrischen Design.
- Ein visueller Hinweis, der Sie durch das Design führt, z. B. eine intensive Form oder ein Eye-Tracking-Muster, wie es oben auf der Website für Vibrant verwendet wird.
- Eine Änderung in einem Muster oder einem sich wiederholenden Element.
- Ändern der Ausrichtung oder Ausrichtung eines Elements oder Textes, z. B. in der Anima (mit dem Buchstaben „I“) oben.
- Ändern der Position oder Größe eines Elements in einer Reihe von Grafiken.
- Unterschiedliche Bildstile, z. B. Wechsel von Fotos zu Illustrationen oder ein Hauch von Animation.
- Mischen komplexer und einfacher visueller oder typografischer Stile.
Fazit
Das Schöne am Ändern des Kontrasts zwischen Elementen ist, dass es einen unmittelbaren Einfluss auf ein Designprojekt haben kann. Durch Ändern des Erscheinungsbilds von Elementen können Sie den visuellen Fokus ändern und den Benutzern dabei helfen, den Teil des Designs zu verbessern, der für die Nachricht am wichtigsten ist.
Mangel an Kontrast ist ein häufiges und oft leicht zu behebendes Problem. So oft, wenn Sie das gefürchtete „Make it Pop“ von einem Kunden oder Kollegen hören, versuchen sie wirklich zu sagen, dass sie sich in den Designelementen kontrastieren möchten. Jetzt sind Sie mit den Werkzeugen ausgestattet, um diese Herausforderung anzunehmen.
