Teil 2 der Workshopreihe: Grafikdesign, Bildbearbeitung und Barrierefreiheit mit der Affinity Suite (Affinity Photo, Designer und Publisher)
Ob moderne Icons für das Intranet oder verständliche Piktogramme für Leitsysteme – visuelle Kommunikation wird im Arbeitsalltag zunehmend wichtiger. Doch oft fehlen geeignete Werkzeuge oder das Know-how, um professionell gestaltete Grafiken im eigenen Design zu erstellen.
Dieser praxisnahe Workshop bietet einen Einstieg in die Gestaltung von Icons und Infografiken mit Affinity Designer (Version 2) – einem leistungsfähigen, datenschutzkonformen Vektor-Grafikprogramm. Affinity Designer läuft komplett lokal auf Ihrem Rechner ohne Cloud-Zwang. Ergänzend kommt Inkscape zum Einsatz – eine kostenfreie Open-Source-Software für Vektorgrafiken, die lokal läuft und besonders für die Umwandlung von Pixel- in Vektorgrafiken geeignet ist – eine Fähigkeit, die Affinity Designer leider nicht besitzt. Inkscape ergänzt Affinity Designer daher perfekt bei speziellen Aufgaben wie der Vektorisierung bestehender Logos. Vektorgrafiken sind beliebig skalierbar – vom Icon in der E-Mail-Signatur bis zum Poster bleibt alles gestochen scharf.
Die Teilnehmenden lernen, wie sie Icons passgenau im eigenen Corporate Design entwerfen und gestalten, einfache Infografiken aufbauen und diese in verschiedenen Formaten ausgeben. Typische Anwendungen: Icons für Urlaubsantrag, Dienstreise oder Krankmeldung im Intranet; Wegweiser für Café, WLAN oder Ruhebereich in der Bibliothek; Prozessdiagramme für Jahresberichte.
Zielgruppe Interessierte Personen aus Verwaltung, Bibliothek, Öffentlichkeitsarbeit, IT oder Lehre, die Icons und Infografiken selbst erstellen und dabei professionelle Werkzeuge nutzen möchten. Voraussetzungen - Affinity Designer 2 installiert
- Inkscape installiert (kostenfrei, inkscape.org)
- Grundkenntnisse in Dateiverwaltung
Ziele
Nach dem Workshop sind die Teilnehmenden in der Lage,
- Icons und Infografiken in Affinity Designer von Grund auf selbst zu gestalten,
- Gestaltungsrichtlinien wie Farben, Konturen und Größen einheitlich umzusetzen,
- eigene visuelle Elemente im FU-Corporate-Design zu entwickeln,
- erstellte Grafiken für verschiedene Medienformate (Web, Präsentation, Print) korrekt zu exportieren.
Inhalte
- Vektorgrafik verstehen: Pfade, Bézierkurven, Unterschiede zu Pixelgrafik
- Icons entwerfen, z.B. Dokumenten-Icon aus Rechteck + Linien). Techniken: Formen kombinieren, Konturen gestalten, Bearbeitung mit dem Pathfinder
- Farben professionell nutzen: FU-Farbpalette anlegen, globale Farben und Varianten
- Pixel zu Vektor konvertieren: Kurzer Exkurs in Inkscape für die Umwandlung von Pixelbildern (z.B. gescannte Logos) in skalierbare Vektorgrafiken – inklusive Optimierung der Pfade
- Infografiken gestalten: Diagramme, Prozesse, kombinierte Elemente mit Text
- Designsysteme aufbauen: Einheitliche Icon-Sets, Export in verschiedenen Größen und Formaten
- Exportformate: SVG für Web, PNG für Präsentationen, PDF für Print
Methoden
Live-Demonstrationen, praktische Übungen, begleitetes Arbeiten an einem Mini-Projekt, Austausch über Gestaltungspraxis
Hinweise
Beispieldateien und FU-Designfarben werden bereitgestellt. Eigene grafische Anforderungen können eingebracht werden.
FU-Beschäftigte können die Affinity Suite im FUB-IT-
Portal herunterladen. Nähere Informationen dazu finden Sie hier.
Im eKurs "Corporate Design der FU Berlin: Flyer- und Plakatgestaltung" (in Fertigstellung) lernen Beschäftigte der Freien Universität, wie sie mit der Affinity Suite professionell gestaltete Plakate und Flyer im FU-Design erstellen – von der Installation der Software über das Bearbeiten von Vorlagen bis hin zum barrierearmen Export als PDF oder Bild. Der eKurs führt schrittweise durch die Gestaltung eines Plakats und eines Zickzack-Flyers zum Thema "Smart Farming" und vermittelt dabei sowohl technische Handgriffe als auch gestalterische Prinzipien im Rahmen des offiziellen Corporate Designs.
