So legst du Schutzraum und Mindestgröße eines Logos fest

1. Trenne drei unterschiedliche Entscheidungen

Schutzraum schützt das Logo vor benachbarten Inhalten. Mindestgröße hält seine Details lesbar. Exportrand ist leerer Raum innerhalb einer Datei. Sie beeinflussen sich, aber eine Einstellung kann die beiden anderen nicht ersetzen.

Ein großes PNG mit viel Innenabstand kann trotzdem ein winziges Logo enthalten. Ein vollkommen scharfes SVG kann bei zu kleiner Anzeige unleserlich sein. Und ein eng zugeschnittenes SVG kann die Schutzraumregel der Marke erfüllen, wenn das umgebende Layout den Platz bereitstellt.

Formuliere dies als Platzierungsanleitung, nicht als Konstruktionsraster. Empfänger müssen wissen, wie sie die freigegebene Grafik verwenden, nicht wie viele geometrische Module angeblich ihr Design erklären. Bewahre eine unveränderte Masterdatei auf und dokumentiere jede freigegebene Variante separat.

2. Definiere eine Referenz, die beim Skalieren erhalten bleibt

Wähle ein eindeutiges Maß innerhalb des Zeichens, etwa die Höhe eines bestimmten Großbuchstabens oder des Symbols. Nenne es X und zeige genau, wo es beginnt und endet. Gib dann den erforderlichen Abstand auf jeder Seite der sichtbaren Grafik an.

Der gewählte Abstand ist eine zu testende Designentscheidung, kein universelles Gesetz. Drexels veröffentlichte Richtlinie verwendet die halbe Höhe des horizontalen Logos; BAUERs Leitfaden verwendet die Höhe eines bestimmten Zeichens im Icon. Ihre Regeln zeigen unterschiedliche Ansätze, keine Zahlen zum Übernehmen für andere Marken.

Definiere bei einer Kombination aus Symbol, Wortmarke und Slogan, ob alle drei zur geschützten Grafik gehören. Miss von den vereinbarten äußeren Grenzen. Wenn eine Kleinformatvariante den Slogan weglässt, gib ihr ein eigenes Diagramm, statt Empfänger raten zu lassen, wo X geblieben ist.

Weiterführende Artikel: Drexel: Schutzraumregel anhand der Logohöhe · BAUER: Zeichenbasierte Regel und Grenzen der Logoanordnung

3. Mache die Messung eindeutig

Verwende pro Konfiguration ein klares Diagramm. Zeige das freigegebene Logo, die sichtbaren Grafikgrenzen, die geschützte Außengrenze und die Referenzeinheit. Halte Maßmarkierungen außerhalb der Grafik und kennzeichne sie als Anweisungen, nicht als Logobestandteile.

Erkläre, was außerhalb bleiben muss: benachbarter Text, andere Logos, dekorative Elemente und, soweit die Regel es verlangt, der Rand des Platzierungsbereichs. Nenne Ausnahmen nur, wenn sie freigegeben sind. Ein Satz wie „genügend Platz lassen“ lässt sich schwer einheitlich anwenden.

Wenn die Grafik eine beabsichtigte Hintergrundfläche enthält, gib an, ob die Grenze an dieser Fläche oder am inneren Zeichen beginnt. Sonst können zwei Personen dieselbe Zahlenregel befolgen und unterschiedliche Layouts erzeugen.

X ist die Versalhöhe des ersten Buchstabens der Wortmarke. Lass auf jeder Seite mindestens 1× X zwischen den äußeren Grafikgrenzen und nicht zugehörigen Inhalten. Dieses Maß schließt den freigegebenen Slogan als Teil der Grafik ein.

4. Lege Mindestgrößen durch Tests der tatsächlichen Grafik fest

Bereite für jede Variante eine Reihe absteigender Größen vor. Prüfe die kleinsten Lücken, Punzen, feinen Linien und mögliche Slogans. Halte die kleinste noch akzeptable Größe für den vorgesehenen Einsatz fest und gib dem Empfänger eine klare Grenze statt des gesamten Experiments.

Teste digitale Arbeiten im tatsächlichen Layout bei der vorgesehenen Anzeigegröße. Gib Breite oder Höhe bei Web-Anleitungen in CSS-Pixeln an. CSS-Pixel sind nicht unbedingt physische Gerätepixel, und die Pixelmaße eines Rasterexports sind eine separate Größe.

Prüfe für den Druck einen Proof in tatsächlicher physischer Größe und gib Millimeter oder Zoll an. Leite nicht jede Druckmindestgröße aus einem Bildschirmfoto ab. Spezialverfahren wie Stickerei oder Folie können andere Detailgrenzen erfordern; bitte den Dienstleister, die Grafik für diesen Auftrag zu beurteilen.

Wenn die Hauptanordnung nicht funktioniert, verwende eine freigegebene einfachere Variante oder stelle mehr Platz bereit. Entferne nicht stillschweigend einen Slogan, verdicke keine Linien und stauche das Logo nicht. Dokumentiere die Alternative mit ihrer eigenen getesteten Mindestgröße.

Weiter mit: Logografiken für einen Stickereidienstleister vorbereiten

Weiterführende Artikel: MDN: CSS-Werte und Pixeleinheiten

5. Entscheide, wer den umgebenden Raum bereitstellt

Innenabstand ist eine Lieferentscheidung. Vereinbare, ob der Empfänger ein eng begrenztes Asset für Layoutkontrolle oder eine Datei mit Rand zur einfacheren Platzierung benötigt. Beide Ansätze brauchen eine Erklärung, weil die gemeldete Dateibreite von der sichtbaren Logobreite abweichen kann.

Wenn die Grafik 200 px breit ist und auf jeder Seite 20 px Innenabstand hat, ist die Fläche 240 px breit. Wird die gesamte Fläche mit 120 px angezeigt, ist das sichtbare Logo 100 px breit. Das sind Beispielmaße, keine empfohlenen Logogrößen.

6. Lass die Übergabe unvoreingenommen prüfen

Bitte jemanden, das Logo nur mit den gelieferten Dateien und Anweisungen zu platzieren. Wird vom falschen Rand gemessen oder der Innenabstand doppelt gezählt, überarbeite die Übergabe vor der Lieferung.

• ✓X bezeichnet einen sichtbaren, stabilen Teil der freigegebenen Grafik.
• ✓Jede Konfiguration hat eine ausdrücklich festgelegte Messgrenze.
• ✓Digitale und gedruckte Mindestgrößen nennen das gemessene Maß und die Einheit.
• ✓Mindestgrößen wurden im jeweiligen Medium geprüft.
• ✓Eng begrenzte Dateien und Dateien mit Innenabstand sind klar unterschieden.
• ✓Der Leitfaden nennt die freigegebene Alternative für kleinere Platzierungen.

Bewahre die Entscheidungen beim Paket auf

Verwende logopack.app, um Exporte aus dem freigegebenen SVG zu organisieren, und bewahre die Abstandsanleitung bei den Dateien auf. Prüfe exportierte Begrenzungen, statt anzunehmen, dass das Paket jede Platzierungsregel durchsetzt.

Die mitgelieferte Demo-Grafik kann unverändert mit einem kostenlosen Konto exportiert werden. Eigene Grafiken erfordern einen kostenpflichtigen Tarif. Prüfe Generator und Preise vor dem Export.

Weiterführende Artikel: Generator öffnen · Tarife ansehen