DESIGNBLOG

Nachlese zum Impulsvortrag von Sabine Haag beim Heidelberger Business Meeting am 05. Dezember 2019

Nahezu 50 Teilnehmer des Heidelberger Business Meetings lauschten am Abend des 05.12.2019 im Leonardo City Center Hotel meinen Ausführungen zum Thema „Visuelle Kommunikation“.

Die große Anzahl und das ungeteilte Interesse an diesem Impulsvortrag zeigt den grundlegenden Bedarf an Information zum Thema „Aussendarstellung“. Visuelle Kommunikation ist ein Dauerbrenner.

Wie stimmt man Unternehmer auf das umfangreiche Themengebiet ein?

Eine kleine Einführung dazu, in welchen Bereichen wir uns bewegen, sollte Orientierung schaffen. Werbung, PR, Corporate Design sind die wichtigsten Einsatzgebiete für visuelle Kommunikation. Das gewünschte Ergebnis: Emotionale Akzeptanz. Ein Blick auf die Theorie von Kommunikation sollte veranschaulichen, worum es geht: Stimmung, Anmutung, Tenor, Look and feel – mit bildhaftem Beispiel.

Die Fragen nach dem Warum und Wie

Mit einem Blick hinter die Kulisse sollte das Zusammenspiel von Tools, Know-How und Anforderung aufgezeigt werden. Genug der Theorie. Einige Vorher-Nachher-Beispiele illustrierten die aktuellen Trends und Herausforderungen an modernes responsives Webdesign und klassisches Grafikdesign.

Weil´ s `runter geht wie Öl!

Und hier ein Feedback von M. B. auf Xing:

"Der Vortrag von Sabine Haag, Dipl.-Designerin, die den weiten Weg von München nach Heidelberg gemacht hat, war meiner Meinung nach einer der besten Impulsvorträge, die je beim Heidelberg Business Club gehalten wurde. Er war nicht nur informativ, sondern auch kurzweilig. Die Präsentation Frau Haags war mit Leben erfüllt und man merkte, dass sie ihre Profession mit Herzblut und Engagement ausübt. Sie gab einen Einblick über die Gestaltung von Webseiten und Werbung im Allgemeinen. Sie demonstrierte anhand von Beispielen, wie eine gut gestaltete Webseite aussieht bzw. wie man eine Webseite besser nicht veröffentlichen sollte. Sie hat auch klar gemacht, dass man für wirksame Werbung investieren muss und dass Billig-Gestaltung-Schiene meist aufs Abstellgleis führt."

Ich war mal wieder in Heidelberg.

Lange ist´s her. Mein Studium begann in Heidelberg. Es war eine lebhafte Zeit. Ein immerhin kleiner Spaziergang zum Neckar und in die Altstadt weckte mein Heimatgefühl und eine Vertrautheit in die Gegend und die Menschen. Man begegnet sich dort auf Augenhöhe. So auch in den Gesprächen mit einigen Teilnehmern nach dem Impulsvortrag. Das sind offene Menschen mit Leidenschaft und dem Herzen auf dem rechten Fleck.

Es hat richtig Spaß gemacht.

Wir finden die für Sie passende Bildsprache. Anfahrt und Kontakt zu HAAG Kommunikationsdesign | Webdesign

Sabine Haag

Die Trends im Webdesign zusammengefasst:

Eine Business-Webseite ist heutzutage: Großzügig in Raum, Farbe, Typo, Bild und Grafik.

# Fläche wird verschwenderisch ausgekostet. Es gibt nun mal keine zwingende Begrenzung wie im Print. Wir sehen gerne auch viel Freifläche / Weißraum. Das zeugt von großem Denken.

# Farbe satt, ohne bunt zu wirken. Farbe kommt plakativ zum Einsatz. Farbe ist kein Dekor, sondern ein Statement.

# Die vielen freien Fonts sind ein Segen für jede Webentwicklung. Schriften kommen als Design-Element zum Einsatz. Sie sind gerne groß, plakativ, auch animiert und transformiert. Spielerisch und klar. Schrift positioniert eine Haltung.

# Dann: Große emotionale Bilder illustrieren das Selbstverständnis der Webseite. Bilder sind insbesondere auch grafisch erstellte Visuals, Illustrationen, freche und lebendige Infografiken.

Nimm den Ernst raus und sei mutig

Das ist die Botschaft einer aktuellen Webseite. Mut und Gelassenheit sind die positiven Vorzeichen für jeden Nutzer. Das Vertrauen gilt den Großzügigen, nicht den Kleingeistern. Erschaffe Vision und zeige sie.

Wir finden die für Sie passende Bildsprache. Anfahrt und Kontakt zu HAAG Kommunikationsdesign | Webdesign

Sabine Haag

Gute Grafiken vertragen mehr Raum

Wir haben frei verfügbare Tools getestet. Jeder kann seine Grafiken, Logos und Visuals selbst in 3D in Szene setzen. Es geht um die neuen frei verfügbaren Tools ab Windows 10: Paint 3D ist bereits vorinstalliert. Und den 3D Builder kann man schnell und kostenlos aus dem Windows Store herunterladen. Die Apps dienen zur Erstellung oder Verarbeitung von 3D Darstellungen. Wer die Geduld dazu hat, kann auch recht komplexe Szenarien entwickeln. Es gibt einige ganz gute Tutorials dazu. Sollte man sich anschauen, denn nicht alle Werkzeuge sind intuitiv.

2D zu 3D: So geht´s!

Wir haben zwei Sachen ausprobiert. Das erste und aufregende Beispiel (das muss ja alles auch Spaß machen) ist eine künstlerische Tuschezeichnung auf Papier als Vorlage für eine dreidimensionale Darstellung. Wir sind bei der Google-Suche auf diese Möglichkeit gestoßen und wollten wissen, wie das geht. Im ersten Schritt muss man die Zeichnung natürlich digitalisieren und freistellen. Das ist wohl der aufwendige Teil, wie eigentlich immer, wenn man Bilder weiter verarbeiten möchte. Als PNG mit transparentem Hintergrund speichern. Im 3D Builder wird dieses PNG nun eingefügt. Jetzt kann man die Art der dreidimensionalen Darstellung wählen und bestätigen. Der Rest ist ausprobieren. Um eine 3D Ansicht als Bild zu speichern, muss man allerdings das Model in Paint 3D öffnen und als Bild speichern. Aus dem 3D Builder heraus geht das nicht.

3D Modell

Weiter mit Paint 3D

Im zweiten Beispiel war das Testen schon etwas umfangreicher. Paint 3D ist ein rudimentäres Grafikprogramm. Hier geht nichts ohne Tutorials. Wir hatten zunächst die Idee, ein für einen Auftraggeber erstelltes Visual dreidimensional zu gestalten. Es ist eine Art Zauberwürfel. Die Schwierigkeit bestand im unterschiedlichen Einfärben der Würfelflächen. Dieser Entwurf ist noch nicht ganz ausgereift und landet erst mal in der Schublade.. Was aber recht brauchbar ist: Man nehme aus dem programmeigenen Angebot der 3D-Modelle einen Würfel. Das eigene Logo zum Beispiel kann man hier ebenfalls importieren und daraus einen sogenannten „Aufkleber“ erstellen. Mit diesem Sticker kann man nun die Würfelflächen „bekleben“. Mit transparentem Hintergrund wird nun die räumliche Darstellung als 2D Bild gespeichert.

Hinweis: Beides sind keine Profi-Tools. Dennoch kann jeder kostenlos seine eigenen 3D-Bilder erstellen. Geeignet ist das sicherlich für Werbematerial, Social Media, Banner oder für das Inszenieren von Präsentationen. Viel Spaß!

Wir finden die für Sie passende Bildsprache. Anfahrt und Kontakt zu HAAG Kommunikationsdesign | Webdesign

Sabine Haag

Hier gibt es was zu sehen

Immer diese dummen Fehler. Doch Fehler können so schön sein. Dem schnöden error 404 kann man eine individuell gestaltete Seite entgegen setzen: Witzig, schön, erschreckend, werbend, ... Die Möglichkeiten sind schier unendlich. Die Fehlerseite kann wunderbar als zusätzliches Marketing Tool eingesetzt werden.

Die Botschaft

Als Anregung: Logo, Visual und Botschaft sind die ideale Kombination, um auf einer Fehlerseite zusätzlich auf die Unternehmensseite aufmerksam zu machen. Frust-Abbau mit einer netten Botschaft stimmt den verirrten User versöhnlich oder heitert ihn auf. Das ist wertvoller als man denkt. Er ist geneigt weiter zu surfen, wird auf die Startseite geleitet und nimmt somit wieder teil.

Beispiele und Technik

Wir haben auf unserer Page im Bereich Webdesign einige Beispiele erstellt. Wer schauen mag: Beispiele zu ERROR Seiten

Informationen zum technischen Hintergrund gibt es bei Tagworx.net, in der entsprechenden Newsmeldung.

Wir finden die für Sie passende Bildsprache. Anfahrt und Kontakt zu HAAG Kommunikationsdesign | Webdesign

Sabine Haag

Ein Blick ins Grüne offenbart die wildesten Werbemaßnahmen.

Es genügt eine einfache Beobachtung dessen, was vor unseren Augen passiert. Was ist offensichtlich? Mit dieser Fragestellung lassen sich bereits einige Marketingstrategien benennen. Wie gesagt, wir bleiben auf der Ebene der Beobachtung. Mit etwas Transferleistung kann man nützliche Anwendungen finden.

Hier die 5 deutlichsten Erscheinungsformen:

1. Soviel wie möglich, in der Gewißheit, daß...

Pflanzen produzieren Samen, Sporen und Pollen ohne Zurückhaltung. Es geht um Quantität. Das Interessante daran ist eine wohl evolutionäre Gewißheit auf Erfolg. Es fällt auf fruchtbaren Boden. Aktion lohnt.

2. Verbreitung und Streuung

Es gibt unterschiedliche Kanäle zur Verbreitung. Pflanzen nutzen Dinge, die sich bewegen und automatisch für Verbreitung sorgen: Wind, Wasserbewegung, Tiere. Diese Mischkalkulation ist eine Art Gewähr auf große Verbreitung und hohe Streuung.

3. Wachstum

Blühen und Gedeihen scheinen den dauerhaft und unermüdlichen Überlebensantrieb zu bilden. Es ist ein Ur-Impuls. Es ist der Fortschritt. Stagnieren heißt Verderben.

4. Visuelle Anreize für die Zielgruppen

Neben Duft- und Lockstoffen sind visuelle Anreize die wesentlichen Maßnahmen, um erwünschte Besucher anzulocken, und diese mit einer nützlichen Leistung zu bedienen. Das ist die Modellvorlage für Branding. Die Biene erkennt das bevorzugte Produkt an dessen Blüte. Und schließlich teilt sie ihren Schwestern mit, wo man es findet.

5. Beharrlichkeit

Die Natur setzt beständig ihre Überlebensstragien fort. Dabei wird modifiziert und angepaßt, aber niemals aufgegeben. Selbst nach Zerstörung durch Naturkatastrophen oder durch den Menschen, zeigen besonders Pflanzen eine Beharrlichkeit im Wiederaufleben und Fortbestehen.

Das Vorbild ist die Bildsprache

Wir sind keine Biologen. Wir sind Designer, die per se beobachten, um danach Methoden für eine gelungene Visualisierung zu finden. Selbst unsere Gestaltungsgrundlagen sind keine Erfindung, sondern beruhen auf Beobachtungen aus der Natur und dem Leben. Der branchenspezifische Blick fällt in diesem Kontext natürlich auf die visuellen Kommunikationsmethoden. Ob in der Natur die jeweilige Zielgruppe ein Empfinden für Ästhetik besitzt, scheint eher fraglich. Tatsache aber ist die Ansprache mittels Form und Farbe, Farbtemperatur, Dimension, genauso wie durch Licht und Schatten. Hier geht es um Bildsprache, hier geht es um Kommunikation.

Weil einfach schwierig ist

Die Kurzfassung lautet: Wenn Marketing mal wieder ins Stocken gerät. Wir empfehlen bei Komplikationen: „Beobachte und sag mir, was du siehst!“ Die Natur macht es vor. Was führt zum gewünschten Ergebnis. Wie kann man die Methode auf das eigene Projekt übertragen? Viel Erfolg!

Wir finden die für Sie passende Bildsprache. Anfahrt und Kontakt zu HAAG Kommunikationsdesign | Webdesign

Sabine Haag

Kreation ist die eine Seite.

Visuelle Gestaltung lässt Bildwelten und Anmutung entstehen. Dazu gehören Know-How, das Beherrschen der Werkzeuge, Information, Bildung, Inspiration und Intuition. Wir beherrschen als professionelle Designer diese Dinge. Die Kreationen entstehen in einem vordefinierten Kontext mit einer klar umrissenen Funktion, bzw. Zielsetzung und Absicht. Das ist der Brückenschlag zur anderen Seite.

Der Empfänger, der Rezipient, die Zielgruppe(n). Das sind immer Menschen mit einer grundlegenden und einer selektiven Wahrnehmung. Genau hier setzt Kommunikationsdesign an. Wir begeben uns an den Wahrnehmungspunkt auf Empfängerseite. Und hier beginnt die eigentliche Gestaltung. Das gestaltete Produkt in Print oder digital bedient die Wahrnehmung und damit das Interesse von Menschen auf der Empfängerseite.

In der Essenz: Das ist das Geheimnis effektiver Gestaltungsarbeit.

Buchen Sie unseren Design Service. Wir sprechen Ihre Sprache. Anfahrt und Kontakt zu HAAG Kommunikationsdesign | Webdesign

Sabine Haag

Background Design mit CSS

Nicht wirklich neu, aber neu entdeckt: Es gibt Möglichkeiten, mit CSS die wildesten Muster zu erstellen. Das haben wir entdeckt, und gleich die Links dazu:

cssgradient

leaverou

pixeltuner

ideenlounge

Wirklich von poppig bis bieder. Der Phantasie sind keine Grenzen gesetzt. Wir haben uns das ein oder andere Muster herausgesucht und angepasst.

Hintergrundmuster sind tot, es lebe das Muster

Vor wenigen Jahren (old school) waren Muster auf Webseiten richtig in. Einfach, weil es ging. Doch die Tapeten verschwanden auch wieder. Wer will schon eine Business Website mit Wohnzimmer Atmosphäre? Und nun sind neue, teils wilden Muster da. Sie eignen sich bestens für Banner, Visuals und Promotion. Die Inspiration zur Anwendung kommt beim Ausprobieren.

Grafikdesign und Webdesign sind das Zeug zur Kommunikation. Über ein Feedback würde wir uns sehr freuen: Anfahrt und Kontakt zu HAAG Kommunikationsdesign | Webdesign

Sabine Haag

Wir haben unsere Projekte-Seite neu aufgebaut. Das ist eine Nachricht wert. Das Ergebnis ist nämlich sehr sehr schön. Es liegt zum Einen an den Projekten selbst. Bei der Zusammenstellung wurde schnell klar, dass es sich um aufregende und vielseitige Arbeiten handelt. Zum Anderen, und jetzt kommt´ s:

Stuktur ist das Zeug zur Macht.

Die Qualität von gutem Design liegt in einer guten Struktur. Es ist das klare Layout, es ist der Fokus auf Relevanz. Struktur bringt die Sache auf den Punkt. Die Ordnung schärft den Blick.

Wir haben unsere tollen Design-Projekt neu in Szene gesetzt. Mockups sind hier ein sehr gutes Hilfsmittel. Sie veranschaulichen die Anwendung von Design-Produkten. Und hier geht es zu unseren Projekten.

Grafikdesign und Webdesign sind das Zeug zur Kommunikation. Über ein Feedback würde wir uns sehr freuen: Kontaktformular

Sabine Haag