Wie du einen QR-Code mit individueller Form erstellst
Diese Anleitung zeigt dir, wie du Module, Eyes und Rahmen eines QR-Codes so gestaltest, dass er zu deiner Marke passt, ohne die Scanbarkeit zu gefährden. Erwarte praktische Einstellungen statt reiner Theorie.
Key Takeaways
- Du kannst drei Bereiche eines QR-Codes umgestalten: die Datenmodule, die drei Eckaugen (Eyes) und den äußeren Rahmen.
- Behalte die Fehlerkorrekturstufe H (30 %) bei, sobald du Formen anpasst oder ein Logo in der Mitte platzierst.
- Halte eine Ruhezone von mindestens vier Modulen rund um den Code ein, selbst wenn dein Rahmen nach innen gewölbt ist.
- Teste das fertige Design immer mit mindestens drei verschiedenen Scanner-Apps und zwei Smartphone-Kameras, bevor du druckst.
- Nutze einen dynamischen QR-Code, damit du das Ziel später anpassen kannst, ohne das Design neu erstellen zu müssen.
Gebrandete (individuelle) QR-Codes können laut Pageloot (Industry QR Code Scanning Benchmarks and Trends) bis zu 80 % effektiver sein als generische Schwarz-Weiß-Muster. Das liegt daran, dass diese Codes oft mehr auffallen, sich besser im Gedächtnis verankern und sich an die Marke anpassen lassen, für die du gerade wirbst.
Der Haken dabei: QR-Codes sind keine freie Spielwiese für Kreativität. Jeder Punkt trägt Daten, und wenn du die Form zu weit treibst, geht die Fehlerkorrektur verloren, auf die der Scanner angewiesen ist. In dieser Anleitung zeige ich dir, welche Bereiche du stylen kannst, welche strukturell unangetastet bleiben müssen und wie du testest, bevor du 5.000 Aufkleber druckst, die du nicht wiederverwenden kannst. Also, legen wir los!
So baust du deinen individuell geformten QR-Code Schritt für Schritt
Die Arbeit an einer individuellen Form läuft in drei Ebenen ab, und du solltest sie in dieser Reihenfolge angehen: Zuerst den Inhaltstyp festlegen, dann Module und Eyes anpassen, und erst danach alles in einen Rahmen oder eine Hintergrundform packen. Wer Schritte überspringt, endet fast immer mit einem Code, der in Illustrator toll aussieht, aber auf einem echten Smartphone versagt.
Die Arbeit an einer individuellen Form läuft in drei Ebenen ab, und du solltest sie in dieser Reihenfolge angehen: Zuerst den Inhaltstyp festlegen, dann Module und Eyes anpassen, und erst danach alles in einen Rahmen oder eine Hintergrundform packen. Wer Schritte überspringt, endet fast immer mit einem Code, der in deinem Grafikprogramm gut aussieht, aber am Ende nicht funktioniert.
Schritt 1: Inhaltstyp wählen und den dynamischen Modus festlegen
Öffne den kostenlosen QR-Code-Generator und entscheide, was der Code tun soll: eine URL öffnen, WLAN-Zugangsdaten teilen, eine vCard laden, einen Spotify-Track abspielen und so weiter. Falls du unsicher bist, was für dich passt, findest du im Überblick unserer Anleitung zu QR-Code-Typen die gängigen Formate. Wähle dynamisch statt statisch, damit du das Ziel auch nach dem Druck noch bearbeiten kannst. Diese eine Entscheidung schützt dich, falls sich eine Kampagnen-URL später ändert.
Schritt 2: Datenmodule umgestalten
Die kleinen, sich wiederholenden Quadrate, die den Code füllen, nennt man Module. Ersetze das Standardquadrat durch abgerundete Quadrate, Punkte, Rauten oder senkrechte Balken. Punkte sind die sicherste Wahl abseits des Quadrats, da sie genug Kontrast zwischen schwarzen und weißen Bereichen erhalten. Vermeide Formen mit dünnen Verbindungslinien, wie etwa schriftartige Module, bei allem, was kleiner ist als eine Visitenkarte – sie verschwimmen leicht beim Autofokus der Kamera.
Schritt 3: Die drei Eckaugen stylen
Die drei großen Quadrate in den Ecken nennt man Finder-Pattern oder Eyes. Scanner nutzen sie, um den Code auszurichten, weshalb sie der riskanteste Bereich für ein Redesign sind. Du kannst ihre äußeren Ecken abrunden, sie in Kreise umwandeln oder umfärben – achte aber darauf, dass die innere Pupille klar zentriert und der äußere Ring durchgehend bleibt. Gestalte alle drei Eyes einheitlich; unterschiedliche Eyes verwirren manche ältere Android-Scanner.
Schritt 4: Logo hinzufügen und Fehlerkorrektur H wählen
Ein zentriertes Logo überdeckt einige Module, weshalb du zusätzliche Redundanz in den Daten brauchst. Stelle die Fehlerkorrektur auf H (30 %), bevor du das Logo platzierst, und halte das Logo auf etwa 20 % der gesamten Codefläche. Ein rundes Logo auf weißem Untergrund scannt meist besser als ein eckiges Logo, das direkt an die Module stößt. Mehr zu diesem Gleichgewicht findest du in unserem Beitrag dazu.
Schritt 5: In einen individuellen Rahmen einbetten
Rahmen bieten Platz für einen Call-to-Action wie „Scannen für die Speisekarte" oder „Tippen zum Zusagen". Du kannst zwischen abgerundeten Rechtecken, Sprechblasen, Ticket-Formen oder komplett individuellen Umrissen wählen. Achte nur darauf, dass der Rahmen den Code selbst nicht einengt: Lass die Ruhezone von vier Modulen unangetastet. Ein Call-to-Action steigert die Scanrate spürbar, besonders auf Flyern und Postern.
Schritt 6: In der richtigen Größe exportieren und testen
Exportiere als SVG für den Druck und als hochauflösendes PNG für Bildschirme. Die minimale, zuverlässige Druckgröße liegt bei etwa 2 x 2 cm für kurze URLs, größer, wenn deine Datenmenge umfangreicher ist. Teste mit der nativen Kamera-App sowohl auf einem iPhone als auch auf einem Android-Gerät, plus einem dedizierten Scanner. Scheitert auch nur einer, vereinfache die Form oder erhöhe den Kontrast und exportiere erneut.
Design-Tipps für hohe Scanraten
Bei der Individualisierung gehen die meisten Codes schief. Diese Tipps stammen aus der Beobachtung echter Designs, die in der Praxis versagt haben – und wie man sie repariert.
Bleib bei dunklen Modulen auf hellem Hintergrund. Invertierte Farben (hell auf dunkel) scheitern bei rund 15 % der Scanner-Apps, selbst wenn der Kontrast fürs Auge in Ordnung wirkt.
Falls du einen farbigen Hintergrund verwenden musst, halte das Kontrastverhältnis über 4:1. Pastell-auf-Pastell-Codes sind die häufigste Ursache für gescheiterte Scans.
Zieh den Code niemals zu einem Rechteck auseinander. Die Module müssen perfekt quadratisch bleiben, sonst kann der Scanner sie nicht entschlüsseln.
Füge bei Aufklebern und Etiketten innerhalb des Rahmens einen leichten Beschnitt hinzu, damit die Ruhezone den Stanzvorgang übersteht. Unsere Anleitung zu QR-Code-Aufklebern behandelt die Druckspezifikationen.
Speichere die Ausgangsdatei mit bearbeitbaren Ebenen. Du wirst den Export für Poster, Visitenkarten und Social-Media-Posts sicher noch in verschiedenen Größen neu ausführen wollen.
Verfolge Scans über ein Dashboard für dynamische Codes. Falls eine individuelle Form die Performance beeinträchtigt, zeigen dir die Daten das schon innerhalb einer Woche.
Häufig gestellte Fragen
Kann ich einen QR-Code in jeder beliebigen Form gestalten, zum Beispiel als Herz oder Logo-Umriss?
Du kannst einen QR-Code in einen herzförmigen oder logo-förmigen Rahmen einbetten, aber das eigentliche scanbare Raster muss quadratisch bleiben. Was die meisten mit „herzförmigem QR-Code" meinen, ist ein quadratischer Code, der innerhalb eines Herz-Umrisses mit passenden Farben platziert wird. Der Datenbereich darunter bleibt trotzdem ein Standard-Quadratraster.
Senken individuelle Formen die Scan-Erfolgsrate?
Leichte Anpassungen wie abgerundete Module und gestylte Eyes haben bei Fehlerkorrekturstufe H so gut wie keinen Einfluss auf die Scanrate. Starke Anpassungen, wie verschnörkelte Module oder Eye-Formen ohne klar erkennbare Pupille, können die Erfolgsrate um 20 % oder mehr senken. Teste immer, bevor du druckst.
Welche Fehlerkorrekturstufe eignet sich am besten für einen individuell geformten QR-Code?
Stufe H, die bis zu 30 % beschädigter oder verdeckter Daten korrigiert, ist die sicherste Wahl. Sie gibt dir Spielraum für ein Logo, dekorative Formen und kleinere Druckfehler, ohne dass der Scan darunter leidet.
Funktioniert ein individuell geformter QR-Code auch auf dunklen Hintergründen?
Ja, aber nur, wenn die Module selbst hell bleiben und der Hintergrund dunkel mit starkem Kontrast ist. Invertierte Codes sind riskanter als das übliche Dunkel-auf-Hell, teste sie also gründlich auf mehreren Geräten, bevor du sie einsetzt.
Kann ich die Form eines bestehenden statischen QR-Codes ändern?
Du musst ihn neu generieren. Die Form wird bei der Erstellung basierend auf den Daten und deinen Stileinstellungen gerendert, daher gibt es keine Möglichkeit, ein bestehendes PNG umzustylen, ohne den Code aus dem ursprünglichen Inhalt neu aufzubauen.
Bereit, Ihren QR-Code zu erstellen?
Erstellen Sie in Sekunden individuelle QR-Codes – kostenlos und einfach.
Kostenlosen QR-Code erstellen →