Illustration

Übersicht

Illustrationen vermitteln die Bedeutung auf einen Blick, vereinfachen komplexe Inhalte und fördern das Verständnis des Benutzers durch visuelles Storytelling. Sie schlagen eine Brücke zwischen technischen Konzepten und der Nutzerwahrnehmung – abstrakte Ideen werden greifbar und ansprechend.

Bei den Produkten und Services von Cloudflare lenken Illustrationen die Aufmerksamkeit, wecken Neugier und unterstützen die Nutzerführung wirkungsvoll. Sie verwandeln abstrakte Konzepte in nachvollziehbare visuelle Darstellungen und verbessern so Klarheit und Zugänglichkeit.

Kerngrundsätze

Einfach und klar

Konzentrieren Sie sich auf das Wesentliche. Reduzieren Sie überflüssige Details, damit die wichtigen Elemente hervorstechen. Verwenden Sie klare Linien, einfache Formen und eine reduzierte Farbpalette, um die Visuals leicht verständlich zu halten.

Bilder sagen mehr als Worte

Verwenden Sie Metaphern und Analogien, um komplexe Inhalte darzustellen. Die Illustration sollte dem Betrachter helfen, ein Konzept schnell zu erfassen – ganz ohne lange Erklärtexte.

Durchgängigkeit ist entscheidend

Halten Sie sich strikt an die Farbpalette, Typografie und Linienstärken der Cloudflare-Marke und verwenden Sie ikonische Bilder aus der bestehenden Bibliothek wieder. So stellen Sie sicher, dass alle Illustrationen als stimmiger Teil unserer visuellen Sprache wahrgenommen werden.

Markenillustration - Skalierbarkeit gewährleisten

Skalierbarkeit sicherstellen

Abbildungen sollten in kleiner Größe genauso lesbar und wirkungsvoll sein wie in großer Größe.

Barrierefreiheit beachten

Gestalten Sie mit Blick auf Barrierefreiheit: Deutliche Linien, Formen und Farben erleichtern die Erkennbarkeit – verwenden Sie gezielt Muster und Labels, um Elemente visuell zu trennen, insbesondere wenn sie unterschiedliche Zwecke erfüllen. Achten Sie auf ausreichende Farbkontraste und versehen Sie alle nicht-dekorativen Abbildungen mit Alternativtexten, damit sie auch von Screenreadern erfasst werden können.

Markenillustration – Marke einfließen lassen

Markenidentität vermitteln

Wir nutzen Illustrationen, um den einzigartigen Charakter unserer Marke zum Ausdruck zu bringen. Sie sollen nicht nur klar erkennbar, sondern eindeutig als Teil unserer Identität wahrnehmbar sein. Setzen Sie auf unsere visuelle Sprache – mit unserer Farbwelt, unserem Humor und unseren typischen Eigenheiten.

Stil und Zusammensetzung

Markenillustration – Persönlichkeiten sichtbar machen

Menschen und Persönlichkeit

Bei Cloudflare ist Diversität fest in der Art verankert, wie wir Menschen darstellen. Verschiedene äußere Merkmale, Hautfarben, Frisuren und Kleidung sorgen für authentische Illustrationen und repräsentieren die Vielfalt unserer Teams und Nutzer.

Richtlinien für Personenillustrationen herunterladen

2-D und isometrisch

Obwohl der Stil überwiegend zweidimensional ist, verwenden einige Illustrationen dezente Farbverläufe und Schattierungen, um Tiefe und Raumwirkung zu erzeugen. So wirken sie nicht zu simpel. In bestimmten Fällen vermitteln isometrische Darstellungen Inhalte noch präziser.

Vermeiden

Vermeiden Sie unnötig komplizierte visuelle Darstellungen mit unnötigen Elementen, die Nutzende verwirren oder ablenken könnten.

Vermeiden Sie fremde Stile oder Farbschemata – sie können Verwirrung stiften und das Markenbild sowie das Vertrauen beeinträchtigen.

Vermeiden – Geballte Faust als Miniaturansicht

Vermeiden Sie klischeehafte oder überstrapazierte Bilder – sie wirken einfallslos und schwächen den Markenauftritt. Es gibt so vieles, was Cloudflare einzigartig macht. Konzentrieren Sie sich auf das, was uns besonders macht.

Vermeiden Sie homogene Darstellungen von Menschen und Umgebungen. Streben Sie stattdessen danach, eine vielfältige Nutzerbasis authentisch abzubilden – in all ihren Lebensrealitäten. Vermeiden Sie die Verbreitung von Stereotypen, Vorurteilen oder Fehlwahrnehmungen, die kulturelle Verzerrungen fördern.

Farbpalette

Die Farbpalette unseres Illustrationsstils basiert auf der Cloudflare-Marke. Sie setzt vor allem auf Tangerine, Mango und Rubin, ergänzt durch Himbeerrot und Kirschrot – für ein Gefühl von Wärme und Optimismus. Diese werden durch eine kühlere Farbpalette ergänzt – darunter Brombeerton, Lila, Hellgrau und Hellblau –, die für Ausgleich und Kontrast sorgt. Weiß dient als neutrales Fundament und verleiht den Illustrationen eine klare, moderne Anmutung. Das Gesamtbild wirkt professionell, vertrauenswürdig und dezent dynamisch.

In unseren Markenillustrationen werden die Farben Rot und Grün gezielt eingesetzt. Rot signalisiert eine eindeutige Gefahr oder Bedrohung – etwa bei Cyberangriffen, Sicherheitsverletzungen oder fehlgeschlagenen Aktionen. Grün hingegen steht für Sicherheit, Erfolg und Schutz – zum Beispiel bei gesicherten Verbindungen, wirksamen Abwehrmaßnahmen oder erfolgreich abgeschlossenen Vorgängen. Durch den konsistenten Einsatz dieser Farben schaffen wir eine einheitliche und intuitive Nutzererfahrung, die unseren Kunden hilft, den Sicherheitsstatus schnell zu erfassen.