Motion Graphics für Social Media: Mobile Checkliste
96 % der Internetnutzer weltweit sind mobil online und 82 % des Video-Traffics entfällt auf Smartphones. Wenn Ihre Motion Graphics nicht auf kleine Bildschirme optimiert sind, verpassen Sie Ihre Zielgruppe.
Die wichtigsten Punkte
- Vertikale Formate sind Pflicht: Plattformen wie TikTok und Instagram Reels setzen auf 9:16. Achten Sie auf „Safe Zones“, um Texte und Grafiken vor UI-Elementen zu schützen.
- Technische Details beachten: MP4 mit H.264-Codec ist Standard. Für 1080p-Videos sind 3–10 Mbit/s bei 30 FPS ideal.
- Lesbare Texte und Untertitel: Schriftgrößen ab 24 px und klare, kontrastreiche Designs sind entscheidend. 75 % der Nutzer schauen Videos ohne Ton.
- Optimierte Animationen: Flüssige Bewegungen mit 30 FPS und GPU-beschleunigte Effekte vermeiden Ruckler.
- Barrierefreiheit: Hoher Kontrast, einfache Schriften und alternative Texte machen Inhalte für alle zugänglich.
Dateiformate und Exporteinstellungen
Für mobile Motion Graphics ist MP4 das bevorzugte Format. Es wird von allen großen Social-Media-Plattformen unterstützt und bietet eine ideale Kombination aus kleiner Dateigröße und hoher Bildqualität. Der H.264-Codec ist dabei der Standard, da er eine gute visuelle Qualität bei gleichzeitig geringer Dateigröße ermöglicht.
| Plattform | Format | Max. Dateigröße |
|---|---|---|
| MP4, MOV | 4 GB | |
| TikTok | MP4, MOV | 287,6 MB (iOS) |
| MP4, MOV | 4 GB | |
| MP4, MOV | 5 GB |
Auflösung und Seitenverhältnisse
Mehr als 80 % der Social-Media-Nutzung findet auf Smartphones statt, weshalb vertikale Formate die Plattformen dominieren. Für Reels, Stories, TikTok und YouTube Shorts wird das Format 1080 × 1920 Pixel (9:16) empfohlen.
Für Motion Graphics sollten Sie in 4K (3840 × 2160 px) produzieren. Dadurch können Sie ohne Qualitätsverlust verschiedene Formate zuschneiden.
Typografie und Textlesbarkeit
Mehr als 75 % der mobilen Nutzer konsumieren Videoinhalte ohne Ton. Deshalb sind gut lesbare Texte und Untertitel ein absolutes Muss.
Für Überschriften in Motion Graphics sollten die Schriftgrößen mindestens 24–28 px betragen, während Fließtexte nicht kleiner als 16–18 px sein sollten. Serifenlose Systemschriften wie San Francisco (iOS) oder Roboto (Android) sind ideal, da sie auch bei schnellen Animationen gestochen scharf bleiben.
Barrierefreiheit
Für normalen Text ist ein Kontrastverhältnis von mindestens 4,5:1 erforderlich. Icons und Buttons müssen ebenfalls ein Kontrastverhältnis von mindestens 3:1 einhalten.
Informationen sollten niemals nur durch Farben vermittelt werden. Ergänzen Sie diese mit Icons, Textlabels oder Mustern.
Fazit
Mobile Optimierung ist unverzichtbar, um Reichweite und Engagement zu maximieren. Studien belegen, dass Motion Graphics 1.200 % mehr Shares generieren als statische Bilder und die Conversion-Raten um bis zu 80 % steigern können.
„If your content doesn’t resonate with mobile users, it might not get much engagement.“