QR Studio
QR-Code Brand-Richtlinien
Best Practices für das Design, den Druck und die Anzeige von QR-Codes. Befolgen Sie diese Richtlinien, um sicherzustellen, dass Ihre QR-Codes immer scannbar sind und professionell aussehen.
Mindestgröße
Die empfohlene Mindestgröße hängt von der Scanentfernung und der Druckqualität ab:
| Anwendungsfall | Mindestgröße | Empfohlenes Format |
|---|---|---|
| Visitenkarte | 1,5 × 1,5 cm | SVG oder PDF bei 300+ DPI |
| Flyer / Broschuere | 2 × 2 cm | SVG oder PDF |
| Plakat (A3/A2) | 3 × 3 cm | SVG |
| Billboard / Banner | Proportional skalieren | SVG |
| Bildschirm / Digital | 200 × 200 px | PNG |
Faustregel: Die Scanentfernung betragt etwa das 10-fache der QR-Code-Größe. Ein 3-cm-Code wird aus ~30 cm Entfernung gescannt.
Ruhezone (Quiet Zone)
Die Ruhezone ist der leere Rand um den QR-Code. Sie ist wichtig, damit Scanner erkennen, wo der Code beginnt und endet.
- Minimum: 4 Module (4 'Punkte') auf jeder Seite.
- Empfohlen: 4-6 Module. Mehr ist immer besser.
- Platzieren Sie keinen Text, Rahmen oder andere Elemente direkt an den QR-Code.
- Die Rahmenfunktion von QR Studio enthält bereits den richtigen Abstand für die Ruhezone.
Farbe & Kontrast
Farbe ist der häufigste Grund, warum QR-Codes nicht gescannt werden können. Beachten Sie diese Regeln:
- Dunkle Module auf hellem Hintergrund. Dies ist Pflicht - Scanner erwarten dunkel auf hell. Niemals invertieren.
- WCAG-Kontrastverhältnis ≥ 4,5:1 zwischen Modulen und Hintergrund. QR Studio zeigt eine Lesbarkeitsbewertung basierend darauf.
- Vermeiden Sie: gelbe/orange Module, Pastellfarben, Verlaufe, die den Kontrast unter 4,5:1 senken.
- Hintergrund: weiss oder sehr hell. Transparente Hintergrunde können auf dunklen Flächen Probleme verursachen.
Sichere Farbkombinationen
| Module | Hintergrund | Kontrastverhältnis | Ergebnis |
|---|---|---|---|
| Schwarz (#000) | Weiss (#FFF) | 21:1 | Ausgezeichnet |
| Dunkelblau (#1a365d) | Weiss (#FFF) | 12.6:1 | Ausgezeichnet |
| Dunkelgrun (#166534) | Weiss (#FFF) | 8.2:1 | Gut |
| Rot (#dc2626) | Weiss (#FFF) | 4.6:1 | Minimum |
| Gelb (#eab308) | Weiss (#FFF) | 1.9:1 | Nicht scannbar |
Logo im QR-Code
Das Hinzufügen eines Logos erhöht den Markenwiedererkennungswert, reduziert aber den Datenbereich. Beachten Sie diese Regeln:
- Maximal 25 % der QR-Code-Fläche. QR Studio warnt Sie, wenn Sie dies überschreiten.
- Fehlerkorrektur H ist erforderlich - QR Studio schaltet automatisch darauf um, wenn ein Logo hinzugefügt wird.
- Einfache Logos funktionieren am besten. Hochdetaillierte Logos in kleiner Größe können schwer erkennbar sein.
- Quadratische oder runde Logos passen am besten in die Mitte. Breite/hohe Logos richten sich möglicherweise nicht gut aus.
- Immer testen. QR Studio überprüft die Lesbarkeit automatisch nach jeder Änderung.
Rahmen & Call-to-Action
Ein Rahmen mit Text um den QR-Code erhöht die Scan-Rate erheblich - um bis zu 80 % laut einigen Studien.
- Beispiele: 'Scannen', 'Speisekarte scannen', 'Per Scan bezahlen', '20 % Rabatt erhalten'.
- QR Studio bietet mehrere Rahmenstile mit anpassbarem Text, Farben, Schriftgröße und Radius.
Druck-Checkliste
- Als SVG oder PDF für Druckmaterialien exportieren.
- Überprüfen Sie, dass der QR-Code im endgültigen Layout mindestens 2 x 2 cm groß ist.
- Prüfung, dass die Ruhezone (4+ Module) im Design erhalten bleibt.
- Scannen mit mindestens 2 verschiedenen Telefonen (iOS + Android) testen.
- Ein Testdruck vor dem gesamten Auflauf drucken - Farben können sich auf Papier verschieben.
- Hochglanzlaminierung direkt über dem QR-Code vermeiden.
Professionell gestalteten QR-Code erstellen
Mit eigenen Farben, Logo, Rahmen und automatischer Lesbarkeitsüberprüfung.
Generator öffnen →