Grafiken / Clip-Arts/ Banner
Aktualisiert am:
Alle hier gezeigten, einfache Muster habe ich selber erstellt. Gerne fertige ich Ihnen Grafiken wie diese an.
Grafiken überschneiden sich mit den Themen Logos, Clip-Art Muster: Stapler usw.
Art der Bilder
Was ist der Unterschied von Grafiken, Illustrationen und Bildern?
Jede Grafik ist auch ein Bild, aber nicht jedes Bild ist eine Grafik. Ein Foto ist ein Bild, eine stilisierte Illustration / ein Diagramm ist eine Grafik.
Grafik:
Bestehen häufig aus einer Kombination von Schriften, Formen, Layouts und Farben.
Eine Infografik zu einem Thema, ein Firmenlogo, eine Website-Layout.
Illustration:
Das sind oft gezeichnetes Bild im Geschichten (z.B. Kinderbücher), als eine künstlerische Zeichnung zu einem Artikel in einem Magazin.
Oft von Hand oder auch digital gezeichnet.
Erklären, veranschaulichen oder interpretieren einen Textinhalt und ergänzt bildorientiert eine Geschichte.
In der modernen Gestaltung verschmelzen die Bereiche oft. Eine "grafische Illustration" verbindet künstlerische Elemente mit grafischen Prinzipien, um komplexe Sachverhalte ästhetisch und verständlich darzustellen.
Bilder:
Umfassen Fotografien, Gemälde und Zeichnungen, die meist eine Situation oder ein Objekt abbilden.
Zeigen oft eine komplexe, detaillierte Abbildung (z.B. ein Foto).
Dienen der Darstellung von Realität, Emotionen oder ästhetischen Eindrücken.
Formate
Wichtig dabei sind die Formate, JPG, PNG und sehr wichtig ist die Vektordatei.
Formate (dazu wird es eine extra Seite geben, aber kurz)
erfordern moderne Browser zur korrekten Darstellung.
Vektorgrafiken - SVG (Scalable Vector Graphics) AI (nicht= KI) Adobe Illustrator mit dem EPS-Format :
Basieren auf mathematischen Formeln für Linien und Kurven. Sie sind ohne Qualitätsverlust unendlich skalierbar.
grosser Vorteil: verlustfrei vergrössern solange es keine Farbverläufe im Bild hat
SVG-Dateien sind für Schweizer Druckereien und Werbetechniker ideal, auflösungsunabhängige Vektorgrafiken = präzise Ergebnisse für Plotter, Laser und Digitaldruck.
Nachteil: u,a. nicht für Farbverläufe geeignet
erfordern moderne Browser zur korrekten Darstellung.
Rasterbilder - JPGs:
Bestehen aus einer festen Anzahl von Pixeln (Bildpunkten).
Nachteile z.B.Vergrößern führt zu Qualitätsverlust.
JPEG verlustbehaftet (Qualitätsverlust).
Portable Network Graphics - PNG: Ermöglicht transparente oder halbtransparente Hintergründe (Alphakanal). Am besten für Logos, Icons, Diagramme und Screenshots geeignet,
Wenn eine transparente Hintergrundfläche benötigt wird, wie bei Logos.
Für Grafiken, die scharfe Kanten und feine Details behalten müssen, z.B. Screenshots oder Illustrationen.
Nachteile: Portable Network Graphics weisen in der Regel eine deutlich grössere Datenmenge auf als zum Beispiel JPEGs. ...
PNG-Dateien unterstützen nur den RGB-Farbraum, nicht den CMYK-Farbraum. ...
PNGs Pixeldateien sind, geht eine Vergrösserung von PNG-Bildern mit einem Qualitätsverlust einher.
Welches Format benötige ich?
Das hängt also von der Verwendung der Grafik, des Bildes ab
Originale (mit transparentem Hintergrund) sind PNG, hier umgewandelt, damit sie schneller geladen werden.
Originale sind Vektordateien und können bei bleibender Qualität vergrössert / verkleinert werden), hier umgewandelt, damit sie schneller geladen werden und SVG werden in älteren Browsern oft nicht richtig angezeigt. Vektordateien sind auch mit transparentem Hintergrund oder Farbverläufen möglich aber bei der Vergrösserung sieht man das, es ist also besser ohne.
Früher war das etwas komplizierter. Die Aufgabe war eine Ettikette, aber nur mit 3 Farben. Hier hatte ich noch Rasterfolien verwendet, die dann mehr Farben ermöglichten, durch die Mischung der Farben mit grösseren und keineren Punkten.
Kann man eigene Whiteboard Vorlagen nutzen?
Ja, die Programme erlauben es oft eigene Vorlagen zu nutzen z..B. Hände, Figuren usw. Solche können passend erstelt werden
Braucht man Banner noch?
Je nach Einsatz kann es immer noch gut sein, Banner für Links bei Werbung zu erstellen. Hier nur Muster von Querbannern, diese können jede andere Form haben.
Spezialbanner
Hier verwende ich 2 KI Bilder in Vektor-Art.
Verarbeitung:
1. beide Bilder in Vektor Dateien umwandeln
2. Alles unnötige Löschen was bei Vektordateien nach Farbfeldern super geht
3. Reste zusammenfügen.
Was sind Icons?
Icon sind kleine, grafisches Symbole oder Bilder, im Design einer Funktion, eine Datei, eine App oder einen Befehl zu repräsentiert wie z.B. den Mülleimer- für „Löschen“ oder ein Haus-Symbol für die „Startseite“.
de.wikipedia.org/wiki/Icon_(Computer)
Software ohne Icons ist kaum noch vorstellbar. Dennoch gilt: Der Benutzer muss die Bedeutung jedes Icons erst erlernen. Deshalb sollte seine Bedeutung für den Benutzer möglichst einfach zu erkennen sein. Der Ersteller eines Icons sollte seine Entwürfe mit Personen der Zielgruppe testen.
lohnen sich eigene Icons u.a. für Websites
Ja nachdem möchte man z.B. farblich angepasste Icons für Unterlagen, Apps usw., oder etwas spezielles, man findet es aber in den Millionen von Angeboten nicht, oder möchte etwas spezielles.
