Fehlt Ihrem Designprojekt der besondere Pop? Es ist wahrscheinlich, was Sie vermissen, genug Kontrast. Der Kontrast ermöglicht die Differenzierung zwischen den Elementen, wodurch jedes Element individueller, hervorgehobener und besonderer erscheint.
Der Designkontrast wird auf verschiedene Arten und mit verschiedenen Elementtypen erstellt. Von der Typografie über die Farbe bis zum Raum kann das Erzeugen von Kontrast ein Design von Lau zu Wow bringen. Hier sind fünf Möglichkeiten, dies zu tun.
1. Mach es größer (oder kleiner)
Symmetrie und Ordnung können eine Art Falle sein, wenn es darum geht, einen Schwerpunkt im Design zu erstellen. 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 andere Gegenstand wird zum unmittelbaren Fohlenpunkt. Der Benutzer wird in diesen Bereich der Zeichenfläche gezeichnet, da er unterschiedlich ist.
Das Vergrößern oder Verkleinern eines Element-, Foto- oder Textblocks ist mehr als nur die physische Größe. es ist auch das visuelle Gewicht. Der einfachste Weg, dies zu verstehen, ist die Typografie. Schauen Sie sich die Bilder oben an. Beide Wörter haben die gleiche Größe. Beachten Sie jedoch, wie viel mehr Gewicht eine der Versionen hat. Dieser Kontrast ist auf dicke Striche in den Buchstabenformen zurückzuführen.
Sie können dieses Konzept auch auf fast jedes andere Designelement anwenden.
Schauen Sie sich die Website für Little Flyers an. Beachten Sie besonders die textbasierte Navigation oben auf der Seite und die Schaltflächen unten auf dem Bildschirm. Welcher Text zieht Sie schneller ins Auge? Warum? Alle Typen haben die gleiche Größe, aber die Behandlung mit einer Box in einem bunten Foto lässt sie größer erscheinen.
2. Fügen Sie eine kleine Textur hinzu
Mit flachen und minimalen Stilen als dominantem Treiber für Designtrends ist Textur heute weniger verbreitet als früher. Aber man sieht es immer noch an vielen Stellen, ohne darüber nachzudenken.
Wenn Sie von einem flachen Element zu Elementen 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 einer strukturierten Oberfläche. (Dies ist bei vielen Vintage-Typografiestilen sehr beliebt.) Die primären Texturtypen sind grob und glatt. Sie können miteinander oder isoliert arbeiten, um den visuellen Fokus zu schaffen. Wenn Sie mit dem gedruckten Design arbeiten, können Sie je nach verwendetem Papiertyp, Druckoptionen und anderen Veröffentlichungsmethoden Textur hinzufügen.
3. Ändern Sie die Form
Schauen Sie sich das Bild oben an. Was ist das Erste, was Sie sehen? Für mich ist es das kreisförmige Objekt mit dem Fragezeichen.
Weißt du, warum? In einem Bild voller Rechtecke ist dies der einzige Kreis. Der Unterschied des Objekts ist es, was es auszeichnet. Die Tatsache, dass der Charakter auf dem Kopf steht, ist auch ein Aufmerksamkeitstreiber. Das Ändern der Form oder Ausrichtung eines Elements kann unmittelbare Auswirkungen haben.
Versuchen Sie es beim nächsten Mal, wenn sich Ihr Design 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 Rahmen. Entscheiden Sie sich für ein vertikales Foto. Verwenden Sie eine Platzierung, die nur ein bisschen abwegig ist.
Jede dieser Techniken kann Sie zunächst etwas unangenehm machen. 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, das Ihnen zur Verfügung steht. Durch Ändern der Farbtöne oder Hinzufügen oder Entfernen von Farbe können Sie die Gesamtstimmung eines Designs ändern. Farbe kann Dinge groß oder klein erscheinen lassen, mutig oder gedämpft. Der Trick für einige der brillantesten Farbpaletten besteht in der Verwendung von Kontrast.
Die einfachste Form des Kontrasts beginnt mit dem Farbkreis. Durch die Kombination von Farben entlang des Rads werden verschiedene Kontrastkombinationen erzielt:
- Komplementär: Paare mit hoher Intensität von gegenüberliegenden Seiten des Rades
- Triadisch: Farben in einem Drittelabstand entlang des Rades.
- Split-Komplementär: Eine Farbe und die beiden Farben neben dem Komplementärfarbton.
Es gibt andere Farbkontrastoptionen, die besonders gut funktionieren, wenn Sie bereits über eine Farbpalette verfügen und es nicht stört, geringfügige Anpassungen vorzunehmen.
- Mischen Sie warme, kühle und neutrale Farben.
- Ändern Sie Ihre Grundfarbe, indem Sie Farbtöne und Farbtöne hinzufügen, sodass die Sättigung von Farbe zu Farbe unterschiedlich ist.
- Verschachteln Sie helle und dunkle Farben; Betrachten Sie es als Yin und Yang.
- Elemente ohne Farbe hinzufügen Schwarze oder weiße Akzente können Akzente in Räumen mit viel Farbe setzen. und Farbe kann Kontrast zu Schwarz und Weiß hinzufügen.
5. Tun Sie etwas Unerwartetes
Eine unerwartete Form oder ein Detail kann genau den richtigen Kontrast hinzufügen. Eine Überraschung im Design ist alles, was nicht ganz zu allem passt, aber trotzdem harmonisch wirkt.
Diese Elemente umfassen:
- Ein Element der Asymmetrie in einem ansonsten symmetrischen Design.
- Ein visueller Hinweis, der Sie durch das Design führt, beispielsweise eine intensive Form oder ein Eyetracking-Muster, wie es oben in der Site für Vibrant verwendet wird.
- Eine Änderung in einem Muster oder 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 Visuals.
- Unterschiedlicher Bildstil, z. B. Wechsel von Fotos zu Illustrationen oder Animationen.
- Mischen von komplexen und einfachen Visuals oder Typografiestilen.
Fazit
Das Schöne an einer Änderung des Kontrasts zwischen Elementen ist, dass sie in einem Konstruktionsprojekt unmittelbare Auswirkungen haben kann. Indem Sie das Erscheinungsbild von Elementen ändern, können Sie den visuellen Fokus ändern und Benutzern helfen, den für die Nachricht wichtigsten Teil des Designs zu verfeinern.
Fehlender Kontrast ist ein häufiges und oft leicht zu löschendes Problem.So oft, wenn Sie das gefürchtete "Pop" hören? Von einem Kunden oder Kollegen versuchen sie wirklich zu sagen, dass sie gerne mehr Kontrast in den Gestaltungselementen sehen würden. Jetzt sind Sie mit den Tools ausgestattet, um diese Herausforderung anzunehmen.