WIE GRAFIKDESIGN VON WEBSEITEN EINE WICHTIGE ROLLE FÜR DEN ERFOLG SPIELT
DER CUSTOM CURSOR - PUNKTUELLER EINSATZ ALS ATTENTION GETTER
Der Cursor wird von den meisten Nutzern nicht als Komponente der Webseite wahrgenommen, sondern eher als Teil des eigenen Browsers. Umso überraschender ist es, wenn der Cursor unvorhersehbar sein Erscheinungsbild verändert.
Über das Webdesign ist es mithilfe von CSS, HTML und JavaScript möglich, den Cursor individuell zu gestalten. Die Idee ist es, Custom Cursor gezielt zu nutzen, um beim Besucher die immersive Erfahrung zu verstärken. So ist es sinnvoll, den Cursor nicht permanent zu modifizieren, sondern ähnlich wie bei einem Eingabefeld punktuell. Der Cursor verändert dann beispielsweise beim Herüberfahren über eine Grafik seine Form oder Farbe. Ebenfalls ist es möglich, einen solchen Cursor als Teil des visuellen Gesamtkonzepts einzusetzen. Ein Custom Cursor kann auch eine Richtung vorschlagen oder einen Handlungsvorschlag anbieten und den Besucher so durch die Website führen.
Das Ziel ist es, die eigene Website von der Masse abzuheben. Ein Custom Cursor sorgt für diese Effekte, da er vor allem meist unerwartet ist. So holt er den Nutzer ab, weckt Aufmerksamkeit sowie Interesse und animiert ihn zur Interaktion mit der Webseite.
NEO-BRUTALISMUS - DAS SPIEL MIT KLAREN FORMEN UND STRUKTUREN
Der Begriff Brutalismus hat seinen Ursprung in der modernen Architektur. Der digitale Neo-Brutalismus im Webdesign 2022 greift einen Teil dieser Stilrichtung nun auf. Besucher fühlen sich durch überladene Webseiten oft überfordert oder genervt. Pop-ups, Chatbots und viele visuelle Highlights erzeugen eine Reizüberflutung. Neo-Brutalismus, in dem auch der Minimalismus eine Rolle spielt, fokussiert sich hingegen auf das Wesentliche und ist somit erfrischend übersichtlich strukturiert. Während der Minimalismus nur die Menge an Farben und Objekten limitiert, verzichtet der Neo-Brutalismus auf alles, was vom engen Rahmen der Stilrichtung abweicht. Gleichzeitig spielt er mit gezielt eingesetzten Überraschungselementen, die den Nutzer führen.
Es gibt somit durchaus farbige Webseiten im Neo-Brutalismus. Im Mittelpunkt stehen reduzierte Farbwelten, auch schwarz-weiße Webseiten sind erlaubt. Struktur und Aufbau der Webseiten folgen klaren Linien. Scharfe Kanten zwischen den Elementen der Webseite sorgen für Abgrenzungen. Somit entsteht eine Webseite mit linearen Strukturen und klaren Abgrenzungen zwischen den Farben.
Das gesamte Design der Webseite wird an diesen Stil angepasst. Es betrifft somit auch die Bilder und andere visuelle Inhalte. Diese sind entweder unbearbeitet und roh oder können farblich durch ein „Color Garding“ so verändert sein, dass sie im Verhältnis zur restlichen Gestaltung harmonieren. So entsteht ein Gesamteindruck, der roh erscheint und optisch industriell wirken kann.
Durch diese bewusst schlichte Darstellung hebt sich der Neo-Brutalismus von den meisten Websites der letzten Jahre ab. Allein dies sorgt für eine Differenzierung von Mitbewerbern. Gleichzeitig kann dies zu einer höheren Fokussierung des Contents führen, im Neo-Brutalismus ist dies jedoch kein Muss. Das Webdesign versucht also nicht, den Betrachter mit visuellen Effekten abzulenken, sondern lässt bewusst Raum für Inhalte.
MEMPHis-Design - DIE 80ER JAHRE KEHREN ZURÜCK
In eine völlig andere Richtung als der Neo-Brutalismus geht das Memphis-Design. Auch dieser Designtrend hat seine Wurzeln in verschiedenen Design-Richtungen. Memphis Design lehnt sich an den Designtrends „Broken Grid Design“, „Collagen“ und den typischen Stil der 80er Jahre an. Es erfolgte eine Abkehr von klaren und einheitlichen Strukturen. Stattdessen spielt das Memphis-Design abseits von Regeln oder Normen mit Formen und Farben. Erlaubt und viel mehr sogar erwünscht sind knallige sowie auffällige Farben. Muster und Stilelemente dürfen chaotisch verteilt wirken. Mit diesen Eigenschaften ist das Memphis-Design das klare Gegenteil vom Minimalismus und entstand auch als Gegenpol zu Designs mit klaren Strukturen.
Genau diese Faktoren fließen ins Webdesign im Memphis-Stil ein. Es entstehen bunte Webseiten, die flippig und teilweise etwas chaotisch wirken. Der Webdesigner darf hier seiner Fantasie und Kreativität freien Lauf lassen. Im Webdesign hatten sich durch den Minimalismus einheitliche Benutzeroberflächen etabliert. Hiervon nimmt das Memphis-Design augenscheinlich Abstand, achtet jedoch weiterhin auf die Benutzerfreundlichkeit. Der Besucher wird dazu eingeladen, die Webseite zu entdecken.
Das sorgt für ausdrucksstarke Webseiten, die sich im Gedächtnis des Besuchers einprägen. Mit dieser Optik transportieren Webseiten im Memphis-Stil auch ganz bestimmte Emotionen und Messages. So präsentiert sich ein Unternehmen jung, nahbar, freundlich und kreativ.
VISIBLE BORDERS - RAHMEN SORGEN FÜR HALT
Die meisten Webseiten verzichten auf Trennlinien zwischen den einzelnen Inhaltselementen. In der Regel gibt es keine Abgrenzung zu anderen Bereichen. Dies hat den Hintergrund, dass im Design Studium gelehrt wird, dass gute Gestaltung keine Rahmen benötigt oder anders formuliert, eine Abgrenzung nur nötig ist, wenn mit allen anderen Gestaltungsmitteln keine Struktur geschaffen werden kann. Sichtbare Rahmen provozieren die allgemeine Designlehre und treiben den Rahmen und Trennelemente dabei auf die Spitze. Die Theorie dahinter behauptet, dass die meisten Besucher einer Webseite Rahmen und Trennelemente sowieso nicht bewusst wahrnehmen.
Visible Borders sind sichtbare Rahmen, die bewusst zur klaren Abgrenzung einzelner Bereiche eingesetzt werden. So entsteht ein Gerüst, ähnlich einer Exceltabelle, das die Inhalte geordnet präsentiert. Dazu gehört das Navigationsmenü, aber auch der eigentliche Content der Webseite. Visible Borders ziehen so klare Grenzen zwischen den einzelnen Bereichen der Webseite, die die Inhalte präsentieren.
In jedem Fall bringen die sichtbaren Rahmen so einen Touch von Retro ins Webdesign. Angelehnt an den Stil der 90er Jahre, präsentieren sich Webseiten mit Visible Borders aufgeräumt und übersichtlich. Ein fester Halt steht bei der Optik im Mittelpunkt. Das lässt mehr Platz für die eigentlichen Inhalte. Gleichzeitig wirkt die Seite je nach Nutzererfahrung durch die klaren Strukturen selbst bei viel Content häufig nicht überladen.
Design-Trends 2022 in der eigenen Webseite implementieren
Mit einer frischen Webseite in einem neuen Design lässt sich Aufmerksamkeit erregen. Die eigene Webseite ist eine wichtige Komponente der Corporate Identity und transportiert somit das Image des Unternehmens zu den Kunden. Mit den Webdesign Trends 2022 lässt sich die eigene Außendarstellung auffrischen und modernisieren. Eine moderne Webseite präsentiert das Unternehmen in einem zeitgemäßen und professionellen Licht.
Wir bei GAL Digital haben immer einen Blick für neue Trends und Techniken. So erstellen wir Webseiten, die technisch auf der Höhe der Zeit sind und auch optisch die Besucher sowie die gewünschte Zielgruppe erreichen. Haben Sie Fragen zu den Trends im Webdesign 2022 oder möchten Sie Ihre Webseite optisch und technisch auf den neuesten Stand bringen? Wir von GAL Digital sind jederzeit erreichbar und stehen mit fachkundigem Rat zur Seite.