Materialien
QR-Design: Gib dem Code seinen Platz, bevor du ihn gestaltest
Einen Code dekoriert man nicht, man platziert ihn. Ein guter QR beginnt nicht mit Farbe und nicht mit einem Logo, sondern mit der Entscheidung, wie viel Platz du ihm gegeben hast und ob ihn jemand in einer halben Sekunde findet.
Ein Code ist ein Layoutelement, kein Bild in der Ecke
Fast immer läuft es gleich: Das Layout ist fertig, dann fällt jemandem ein, dass ein QR hinein muss, und er landet in der letzten freien Ecke. Technisch ist das ein Code. Praktisch ist es ein Ding, das niemand sieht.
Die richtige Reihenfolge ist umgekehrt. Zuerst entscheidest du, was ein Mensch mit deinem Layout tun soll: ein Handy heben, etwas lesen, eine Adresse behalten. Dann wählst du den Platz des Codes danach. Erst danach baust du den Rest — Foto, Überschrift, Preis.
Der Unterschied ist sofort sichtbar. Ein Code, der dort steht, wo man ihn sucht, wirkt gewollt. Ein Code, der seitlich angeklebt wurde, wirkt wie ein Druckfehler — und genau so wird er behandelt.
Die erste Entscheidung ist das Verhältnis, nicht der Zentimeter
Zur Größe in Zentimetern gibt es einen eigenen Artikel, und der ist nützlich. Aber im Layout denkst du nicht in Zentimetern, sondern darin, wie viel vom Blatt der Code einnimmt.
Hier ist ein brauchbarer Test. Schau auf das Layout und sag, welches Element deinen Blick zuerst zieht. Wenn es das Foto ist, ist der Code zu klein oder sitzt in einer toten Zone. Wenn es der Code ist, hast du es vielleicht übertrieben und der Hauptaussage Platz weggenommen.
Ideal ist ein Code, der auffällt, aber nicht der Star ist. Er sollte das Zweite sein, wohin der Blick geht: erst versteht man, was das ist, dann sieht man, wo man tippt.
Das Auge soll den Code finden, ohne zu suchen
Wer dein Papier in der Hand hält, studiert kein Layout. Er wirft einen Blick für eine Sekunde und entscheidet, ob sich das Handy lohnt. Deine Aufgabe ist, dass diese Sekunde beim Code endet.
Das heißt ein paar einfache Dinge. Der Code darf nicht mitten im Kleingedruckten stehen. Er darf nicht von einer Falte, einem Rahmen oder einer Linie durchschnitten werden. Er darf den Platz nicht mit einem anderen quadratischen Element teilen, das fast genauso aussieht.
Letzteres passiert öfter als gedacht: Auf der Verpackung steht meist ein zweiter Code, der für die Logistik. Zwei ähnliche Quadrate auf einem Etikett sorgen dafür, dass ein Teil deiner Scans beim falschen landet.
Kontrast ist keine Farbe, sondern ein Unterschied
Eine Kamera kennt deine Markenfarben nicht. Sie sieht helle und dunkle Flächen und entscheidet, welche welche ist. Liegen deine zwei Farben in der Helligkeit nah beieinander, wird diese Entscheidung zum Münzwurf.
Der schnellste Test, ganz ohne Werkzeug: Kneife die Augen zusammen und schau auf das Layout. Wenn der Code im Hintergrund verschwimmt, sieht ihn die Kamera auch nicht.
Zweiter Test: Stell das Layout auf Schwarzweiß. Verschwindet der Code, gibt es keinen Helligkeitsunterschied, und kein Farbton rettet das.
Invertiert verdient eine eigene Warnung, weil es verlockt. Schwarze Verpackung mit weißem Code sieht teuer aus und funktioniert wirklich auf den meisten modernen Handys. Aber „die meisten“ sind nicht „alle“, und das Handy, das scheitert, wird nicht das auf deinem Schreibtisch sein.
Die Ruhezone: der Rand, den das Layout immer stehlen will
Rund um den Code muss es leer sein. Das ist kein Deko-Abstand — der Leser nutzt diese Leere, um zu erkennen, wo der Code anfängt und wo er aufhört.
Im Layout ist die Versuchung groß, sie wegzunehmen: den Code an ein Foto drücken, in einen Rahmen schneiden, an den äußersten Rand des Etiketts setzen. Jede dieser Kleinigkeiten macht den Code unzuverlässiger, vor allem schräg und bei schlechtem Licht.
Das Minimum sind etwa vier Module freier Raum auf jeder Seite. Einfach gesagt: Ist der Code drei Zentimeter breit, lass drei bis vier Millimeter sauberen Grund drumherum.
Und fülle diesen Raum nicht mit einer anderen Farbe als dem Hintergrund des Codes. Die Ruhezone soll dieselbe helle Farbe haben wie das Innere.
Ein Logo in der Mitte ist ein Tausch, kein Gratis-Schmuck
Das Logo in der Mitte ist die beliebteste Gestaltung und der einfachste Weg, einen Code zu zerstören. Der Leser hat eine Reserve zum Wiederherstellen beschädigter Module, und genau diese Reserve gibst du aus.
Eine Grenze, die funktioniert: etwa ein Fünftel der Codefläche, allerhöchstens ein Viertel. Darüber gestaltest du nicht mehr, du frisst die Fähigkeit des Codes, sich zu erholen.
Kleines Zeichen
Wiedererkennung ohne Risiko. Der sicherste Weg, einen Code zu deinem zu machen.
Großes Zeichen
Gut auf einem hellen Display in der Hand — fraglich auf einer laminierten Karte unter einer Lampe.
Es gibt einen Zusammenhang, den fast niemand sieht. Eine lange Adresse ergibt einen dichteren Code mit kleineren Modulen, und ein dichter Code verträgt Eingriffe schlecht. Ein Logo, das auf einer kurzen Adresse sicher ist, kann eine lange töten. Das ist ein praktischer Grund für einen dynamischen Code: Die kurze Adresse lässt dir Reserve für Logo und Druck.
Was du ändern darfst und was nie
Abgerundete Module, Punkte, weiche Kanten — das ist Kosmetik und bei großen Größen wirklich sicher. Bei kleinen Größen und auf einem billigen Drucker verlierst du etwas Reserve: Ein abgerundetes Modul kann mit dem Nachbarn verlaufen.
Aber drei Dinge fasst du nie an. Die drei großen Quadrate in den Ecken sind Suchmuster; der Leser findet damit den Code und erkennt seine Drehung. Zeichnest du sie „passend zur Marke“ neu, hast du den Code nicht gestaltet, sondern zerstört.
Zweitens: Verdecke diese Ecken mit nichts — kein Rahmen, kein Text, kein Logo, kein Teil des Fotos. Drittens: Verzerre den Code nicht ungleichmäßig. Ein Quadrat muss ein Quadrat bleiben.
Farbe in der echten Welt, nicht im Editor
Auf dem Bildschirm sieht alles besser aus als es sein wird. Deshalb wählst du die Farbe nicht nach dem Entwurf, sondern nach dem Ort, an dem der Code leben wird.
Glänzende Verpackung in direkter Sonne wirft eine Spiegelung, die den halben Code verdeckt. Thermodruck auf einem Etikett verblasst im Schaufenster innerhalb einer Saison. Ein Code auf dunklem Glas funktioniert tagsüber und verschwindet abends, wenn dahinter Dunkelheit ist.
Deshalb wählt man Material und Farbe zusammen. Mattes Papier rettet den Kontrast. Ein klarer Aufkleber auf dunkler Fläche ist die riskanteste Kombination überhaupt, weil der transparente Hintergrund die Ruhezone in das verwandelt, was darunter liegt.
Das Dateiformat gehört zum Design
Das ist die stille Ursache der meisten hässlichen gedruckten Codes. Es sieht nach einer Kleinigkeit aus und entscheidet alles.
- SVG — Vektor; die richtige Wahl für Druck, Etiketten und alles, was in eine Druckerei geht
- Großes PNG — für Websites, Mails und Beiträge in sozialen Netzen
- JPG — lieber nicht; Kompression weicht Kanten auf und schmiert genau an den Modulgrenzen
- Screenshot der Vorschau — niemals, und das passiert öfter, als irgendwer zugibt
Ein JPEG oder ein Screenshot, auf Plakatgröße hochgezogen, ergibt einen verschwommenen grauen Code, der auf deinem Monitor noch scannt und auf Papier versagt.
Teste so, wie der Code benutzt wird
Vom leuchtenden Monitor zu scannen beweist fast nichts. Wichtig sind die Bedingungen am echten Ort.
- drucke einen Proof in echter Größe und scanne das Papier, nicht den Bildschirm
- teste auf mindestens zwei Handys — ein älteres und ein neueres
- schau dir den Code bei genau dem Licht an, das am Standort herrscht
- halte die Kamera schräg hin, so wie Menschen ihr Handy wirklich halten
- bei Aufklebern: teste auf dem echten Material — Glanz, Matt, Transparent
Und eine rein visuelle Prüfung: Geh zwei Meter zurück und schau auf das Layout wie ein Passant. Wenn der Code nicht als Code erkennbar ist, funktioniert er nicht, so technisch perfekt er auch sein mag.
Kurze Checkliste vor dem Druck
- der Code steht dort, wohin der Blick geht, und konkurriert nicht mit einem zweiten Quadrat auf demselben Blatt
- der Helligkeitsunterschied überlebt eine Schwarzweiß-Fassung des Layouts
- rund um den Code ist sauberer Platz, in derselben Farbe wie sein Hintergrund
- das Logo ist höchstens ein Fünftel der Fläche, und die drei Ecken sind frei
- die Datei ist ein Vektor oder ein großes PNG, kein jpg und kein Screenshot
- es gibt einen gedruckten Proof, geprüft auf zwei Handys
So machst du das in der Praxis
Das QR-Studio gibt es genau dafür: Farben, Modulform, Logo in der Mitte, fertige Vorlagen für Tischaufsteller, Karten und Etiketten, Export in Druckauflösung in dem Format, das deine Druckerei verlangt.
Der Generator ist der schnellere Weg, wenn du einfach einen sauberen Code mit gutem Kontrast in deinen Farben brauchst, ohne Vorlage. Und der QR-Scanner ist das, womit du das Ergebnis prüfst: Er zeigt, was im Code steckt, bevor die Seite aufgeht — genau das brauchst du, wenn du deine eigene Auflage kontrollierst.