zurück zur Übersicht

Artificial Intelligence unterstütztes Web Design macht Spass?!

Ist die Artificial Intelligence der neue Companion-Bot?

Mit und ohne Hilfe von Artificial Design Intelligence (abgekürzt AI) sehen viele Webseiten heute oft sehr ähnlich aus, als wären sie nach einem gleichen Set von Gestaltungsregeln aufgebaut. Viele habe sich als User angewöhnt die Webseiten gemäss einem F-Muster abzusuchen (d.h. von links nach rechts und mit abnehmender Aufmerksamkeit von oben nach unten). Folglich gestalten die Designer ihre Seite dementsprechend. Es gibt aber auch noch andere Arten wie Seiten durchforstet werden. Könnte uns gerade die AI helfen diese Regeln geschickt zu brechen? Damit wir neues Gestaltungspotential freisetzen und Webseiten mit einzigartigem Erlebnis und profundem Wert für den Kunden schaffen können.

Wir haben unseren Gestaltungsprozess unter die Lupe genommen und experimentiert wie wir mit bereits zur Verfügung stehenden Artificial Intelligence Tools unsere kreative Arbeit im Pair-Design Modus unterstützen können. Wir stellen hier die Tools und unsere Erfahrung punktuell vor.

Übersicht AI Design Tools im Design Prozess

Eine Übersicht der getesteten AI Design Tools und wo diese den Arbeitsprozess von Designern unterstützen könnten.

Artificial Intelligence Logo Maker

Für die Gestaltung eines Logos stehen einige Artificial Intelligence Logo Maker im Internet teilweise gratis oder kostenpflichtig zur Verfügung.

Beispiele einiger AI Logo Maker:

Übereinstimmend führen alle von uns ausprobierten AI Logo Maker durch einen Fragenkatalog, um einige Aspekte wie z.B. Branche, Firmennamen, Slogan, Farbe, Stil-Präferenzen im Voraus abzuklären. Oft erscheinen erst nach einer gewissen Berechnungszeit der Artificial Intelligence gleich mehrere Logo-Vorschläge (künstlich eingebaute Wartezeit oder echte Rechenzeit?). Manche Tools erlauben die Logos noch zu modifizieren. Looka bietet eine interessante Variante der Abklärung zu den Stil-Präferenzen. In einer Art von Moodboard (Beispiel von Logos) lässt diese Anwendung den Nutzer auswählen was ihm am besten gefällt.

Editor (rechts), Vorschläge für evux logo (links)

AI Logo Maker generieren innert kurzer Zeit mehrere Vorschläge.

Unser Erfahrungen mit Artificial Intelligence Logo Maker

Die Artificial Intelligence Tools  können mit ihrer Fülle von Vorschlägen eine Inspiration für die eigene Gestaltung bieten. Einige der Logo-Vorschläge sind für uns jedoch zu offensichtlich zusammengewürfelte Designs aus Firmenschriftzug, nach Stichworten ausgewählten Symbolen und nach gängigen Anordnungen aufgebaut. Der AI Design Prozess konnte dabei das Ganze nicht in eine Gestaltungseinheit verschmelzen.

Die vorgeschlagenen Logos haben teilweise auch deutlich unterschiedliche Brand Identities. Diese eigentlich unerwünschten Variationen könnten allenfalls dabei helfen die eigene Identität anhand der unterschiedlichen Logos, z.B. in einer neu gegründeten Firma, im Team zu diskutieren und zu finden.

Fazit – Artificial Intelligence Logo Maker

Als Inspiration für die Gestaltung: ja. Für den direkten, professionellen Einsatz: lieber nein!

In der Rolle des Pair-Design ausgelegt, könnte die Artificial Intelligence den Generator übernehmen, die Aufgabe des Synthesizer bleibt (noch) beim echten Designer-Mensch.

Artificial Intelligence Font Style

Die Schriften (Fonts) werden im Verlauf unseres Gestaltungsprozess speziell definiert und im Styleguide festgehalten. Mit den Fonts hat die Gestalterin ein mächtiges Instrument für den Entwurf einer graphischen Benutzerschnittstelle. Sind davon doch zum Beispiel die Lesbarkeit, bestimmte Assoziation der User (modern, klassisch, sachlich, witzig etc.), Erkenn- und Differenzierbarkeit verschiedener Text und Informationsarten abhängig.

Obwohl oftmals die Fonts bereits vorgeben sind, durch die Corporate Identity/Corporate Design der Firma, müssen durch den Designer ähnliche oder kontrastierende Fonts zur Hausschrift identifiziert werden. Wie uns die Artificial Intelligence unterstützen kann bei Auswahl oder Entwurf von Schriften, haben wir mit einigen Tools ausprobiert.

Beispiele einiger AI – unterstützter Font-Tools:

Mittels artificial intelligence hilft Font Map Designern, Beziehungen zwischen mehr als 750 Webfonts zu verstehen und zu erkennen.

Font Map ist eine Karte, die ähnliche Schriften nebeneinander abbildet. So kann man verwandte Schriften einfach entdecken.

Unser Erfahrungen mit artificial intelligence Font-Tools

Die Artificial Intelligence – unterstützen Font-Tools, die wir im Internet recherchiert und ausprobiert haben, sind, aus unserer Sicht, eher künstlerische Experimente als für unsere Arbeit direkt einsetzbare Tools. Welche Schriften zusammenpassen,  ermittelt eine Designerin normalerweise in einem intuitiven Prozess.

Das Tool Fontyou bietet für die Auswahl ähnlicher Schriften eine Artificial Intelligence Lösung. Zu einem ausgewählten Font zeigt das Tool ein oder zwei passende Schriften an.

Die Applikation Font Map erlaubt es der Designerin verwandte Schriften zu erkunden und zwei Schriften zum Vergleich anzuzeigen. Mittels maschinellen Lernens wurde nach visuellen Ähnlichkeiten in den Fonts gesucht. Eine Karte bildet jeweils ähnliche Schriften nahe beieinander ab. Die Schriften können per einfachem Maus-Klick miteinander verglichen werden.

Diese beiden Webanwendung sehen wir im alltäglichen Gebrauch eher als eine Art Inspirationstool für die Auswahl der Schriften durch die Designer.

Fazit – Artificial Intelligence Fonts

Unsere Recherche hat gezeigt, dass wir zur Zeit noch in der Startphase  sind, was die Artificial Intelligence – unterstützen Font-Tools betrifft. Es wird spannend sein zu beobachten, was sich in diesem Bereich noch weiter entwickeln wird.

Mit den zuvor betrachteten Tools Fontyou und Font Map können wir uns vorstellen im Pair-Design Modus zusammen zu arbeiten. Dabei hat die Artificial intelligence die Rolle des Generators (Vorschläge für ähnliche Schriften) und die Designerin (der Mensch) die Rolle des Synthesizers (Auswahl zusammenpassender Schriften).

Schlussfolgerung

Wir stellten uns die Frage: „Wie können uns heutige Artificial Intelligence Web Builder Tools im Webdesign unterstützen?“. Bei der Recherche stellte sich heraus, dass viele der Tools noch nicht funktionieren, sie nur auf einer Landingpage beworben werden oder nicht für die Öffentlichkeit verfügbar sind. Das Thema ist mehr ein Hype, als dass wirklich gute Tools entstehen. Artificial intelligences haben in den letzten Jahren sehr grosse Fortschritte gemacht. Für Anfänger oder diejenigen, die den Arbeitsaufwand für die Erstellung einer Website reduzieren möchten, bieten AI Web Builder Tools eine einfache und kostengünstige Lösung. Doch davon, dass die Arbeit von Designern durch eine Artificial Intelligence ersetzt wird, sind wir noch weit entfernt.

Eigentlich muss die Frage anders gestellt werden. Designer bringen Bedürfnisse und einzelne Ideen in einem Konzept zusammen und treffen dabei unzählige Entscheidungen. Viele dieser Entscheidungen treffen Designer*innen intuitiv. Die Frage lautet deshalb eher: „Wie können Designer*innen beim Arbeitsprozess von Artificial Intelligence unterstützt werden?

Für Logo und Schriften haben wir einige Artificial Intelligence – unterstütze Tools gefunden und in diesem Artikel vorgestellt. Wir können uns vorstellen mit diesen AI-Tools im Pair-Design Modus in Zukunft zu arbeiten. Die Synthese bleibt, unser Meinung nach, (vorläufig) immer noch dem Designer vorbehalten.

Es gibt auch im Bereich der Artificial Intelligence – unterstützen Tools für den gesamten Design Prozess noch sehr viel Potential auszuschöpfen. Wir sind gespannt und offen, was uns die Zukunft noch bringt.

Haben Sie Fragen zum Artikel?