Der Stilleitfaden

Das Blatt oben ist keine Zeichnung des Stils, sondern sein Produkt: ulg sheet rendert es aus denselben Daten, nach denen Ihre Karten gestaltet werden, sodass Leitfaden und Karten nicht auseinanderdriften können. Die englische Fassung ist img/style-sheet.png.

2.1 Fünf Prinzipien#

Das Referenzblatt von UrbanSens nennt fünf Gestaltungsprinzipien. Die Bibliothek macht jedes davon überprüfbar:

Vektorbasiert (flächenscharf, GIS-kompatibel) · Zurückhaltende, natürliche Farbpalette · Einheitliche Symbolik und Strichstärken · Reduziert, nicht fotorealistisch, architektonisch · Skalierbarer Detailgrad (für alle Maßstäbe)

UrbanSens, Referenzblatt des Ecological Vector Style, „Gestaltungsprinzipien“ (Übersetzung)

2.2 Farbe#

Die Palette hat 21 Farbfamilien mit Basisfarben, die als family.step angesprochen werden. Elemente, Themes und Exporter verweisen nur auf Tokens; ein geändertes Token ändert jede Karte, jedes Blatt und jeden Export auf einmal.

Regeln

• Flächen verwenden die hellen Stufen (100–400); Texturzeichen verwenden dunklere Stufen derselben Familie (600–900), damit eine Textur stets als Teil ihrer Oberfläche wirkt.
• Konturen entstehen, indem die Füllung um einen festen Betrag abgedunkelt wird (settings.json → outline_darken), sofern ein Element keine eigene festlegt.
• Gesättigte Farbe ist der Bedeutung vorbehalten: Die Familie signal kennzeichnet, was geplant, entfernt, geschützt oder hervorgehoben ist. Verwenden Sie sie nie für Landbedeckung.
• Benachbarte Landbedeckungen müssen sich in der Farbe um mindestens ΔE₀₀ 10 unterscheiden, andernfalls in Textur oder Kontur (geprüft von ulg check, siehe 2.8).

Für Analyse-Layer gibt es fertige Farbverläufe und Klassenpaletten im selben Tonwertbereich:

ulg.ramp("heat", 5)                  # ['#F7F1DC', '#F6D5A5', '#EFAC77', '#DB805F', '#B5574F']
ulg.category_of("utci", 34.2)        # {'id': 'strong_heat', 'min': 32, 'max': 38, 'color': '#F0B273', ...}

2.3 Texturen#

Siebzehn Texturmotive zeichnen jede Oberfläche. Jedes Element wählt ein oder zwei Motive und deren Zeichenfarben aus der Palette:

Wie sich Texturen verhalten

• Am Boden verankert. Die Positionen der Zeichen werden aus Bodenkoordinaten abgeleitet, nicht aus dem Objekt. Zwei benachbarte Polygone desselben Elements setzen das Muster des jeweils anderen fort, und eine verschobene oder in Kacheln zerlegte Karte zeigt dieselben Zeichen an denselben Stellen.
• Nahtlose Kacheln. Für QGIS, SLD und das Web werden dieselben Motive in periodische Kacheln gezeichnet, die sich nahtlos wiederholen.
• Auf die eigene Fläche beschnitten. Kronen und Zeichen ragen nie über den Objektrand hinaus, sodass die Zeichenreihenfolge das Aussehen sauberer Daten nie verändert.
• Dichte nach Detailstufe (2.6), nicht nach Objektgröße, sodass eine Textur auf einem kleinen und einem großen Polygon gleich aussieht.

2.4 Linien#

Linienelemente verwenden die Reihe nach ISO 128 aus settings.json → line_weights: hair 0,13, fine 0,18, regular 0,25, medium 0,35, bold 0,5, heavy 0,7, extra 1,0 mm. Texturzeichen werden absichtlich feiner gezeichnet als die feinste Kontur: Sie dürfen nie mit einer Grenze konkurrieren.

Linien sowie Straßen oder Wege, die als Mittellinien vorliegen (OpenStreetMap-Highways), werden über der gesamten Landbedeckung gezeichnet. Flächenelemente wie Fahrbahnen und Gehwege werden zu Streifen in ihrer tatsächlichen Breite (siehe 2.7).

2.5 Symbole#

Bäume werden maßstäblich gezeichnet. Eine Krone ist eine gelappte Kontur im tatsächlichen Durchmesser des Baums (Attribut crown_diameter oder der Standardwert des Elements), ab 1:1500 und größer mit einem Aststern. Ist ein Stammdurchmesser oder Stammumfang (stammumfang in cm) bekannt, wird auch der Stamm maßstäblich gezeichnet.

Der Status folgt den Standards. Eine Grammatik gilt für alle Planzeichnungen:

Der Wurzelschutzbereich (ulg.root_protection_zone()) ist nach DIN 18920 die Kronentraufe plus 1,50 m (bei säulenförmigen Bäumen plus 5,00 m); der Mindestabstand für Gräben beträgt das Vierfache des Stammumfangs, mindestens 2,50 m.

Piktogramme kennzeichnen Ausstattung und ökologische Strukturen (Bank, Abfallbehälter, Leuchte, Fahrradständer, Schild, Spielgerät, Pflanzkübel, Poller, Totholz, Steinhaufen, Nisthilfe …). Sie werden in fester Papiergröße gezeichnet, bleiben so in jedem Maßstab lesbar und werden in Legenden und Blättern automatisch vergrößert.

2.6 Detailstufen#

ulg.lod_for_scale(500) → 3, ulg.lod_for_zoom(18) → 2. Geben Sie den Maßstab an und schalten Sie Texturen nicht von Hand aus.

2.7 Zeichenreihenfolge#

Reale Daten sind oft gestapelt: OpenStreetMap erfasst einen Park als ein Polygon, den Rasen, den Teich und die Wege darin als weitere Polygone darüber. Der Stil zeichnet in Bändern, damit gestapelte Daten richtig aussehen und saubere Daten davon unberührt bleiben:

Innerhalb des Bodenbands werden kleinere Flächen über größeren gezeichnet, nach der Regel, die OpenStreetMap Carto für die Landbedeckung verwendet. Ein Spielplatz im Park, ein Rasen, der den Park überdeckt, eine Wiese im Rasen und eine Lichtung im Wald bleiben alle sichtbar, und ein Komplex wie ein Park verdeckt nie die darin kartierten Oberflächen. Gewässer liegen über dem Bodenband, weil Teiche regelmäßig überlagernd zu Parks und Wäldern kartiert werden. ulg.flatten() wendet dieselbe Reihenfolge auf die Geometrie selbst an und macht aus gestapelten Daten eine saubere Partition für Flächenstatistiken.

2.8 Lesbarkeit#

ulg check (und die Testsuite) erzwingt drei Regeln:

1. Unterscheidbar. Zwei Landbedeckungen mit einem Farbabstand von weniger als ΔE₀₀ 10 müssen sich in Textur oder Kontur unterscheiden. Paare, die sich in nichts unterscheiden, sind Fehler.
2. Sicher bei Farbsehschwäche. Derselbe Test wird nach der Simulation von Protanopie, Deuteranopie und Tritanopie wiederholt (Machado et al. 2009). Die Bedeutung hängt nie allein vom Farbton ab (WCAG 2, Erfolgskriterium 1.4.1).
3. Zeichen mit Kontrast. Texturzeichen werden gegen ihre Füllung gemessen; der Bericht führt die schwächsten auf, und Symbole und Grenzen folgen WCAG 1.4.11 zum Nicht-Text-Kontrast.

2.9 Typografie und Layout#

Blätter, Legenden und Titel verwenden eine humanistische Sans-Serif-Schrift (Avenir Next, ersatzweise Nunito Sans, Source Sans 3, Helvetica Neue, Arial), ink.900 für Titel und ink.500 für nachrangigen Text, Kapitälchen mit weiter Laufweite für Abschnittsüberschriften und dünne Linien in ink.200. Karten werden im gewählten Maßstab in Papiermillimetern angelegt.

2.10 Themes: dieselbe Karte in anderen Konventionen#

Der Hausstil ist mellow. Sechs weitere Themes zeichnen dieselben Daten in einer amtlichen oder vertrauten Konvention, mit den Farbwerten der veröffentlichten Quelle: planzv (Flächennutzungs- und Bebauungspläne), alkis (Liegenschaftskarte), basemap (basemap.de), bfn (Landschaftsplanung), osm (OpenStreetMap Carto) und mono (Schwarz-Weiß-Zeichnung nach ISO 11091). Amtliche Themes verwenden einfarbige Flächen und exakte Linien. Quellen und Belege: Standards und Themes.

2.11 Richtig und falsch#

2.12 Das Zeichen#

Das Logo buchstabiert ulg mit drei Dingen aus einem Landschaftsplan, die die Bibliothek jeweils aus einem Katalogelement zeichnet: ein Teich in Form eines u (water), ein baumgesäumter Weg als l (waterbound und tree) und eine Baumkrone mit Bach als Unterlänge des g (tree und watercourse). Die handgezeichnete Kontur und die Texturzeichen stammen vom Renderer, das Zeichen ist also ein Musterbeispiel des Stils: darunter exakte Geometrie, darüber eine unvollkommene Zeichnung.

Der Name ist in Rethink Sans (SIL Open Font License) gesetzt und in Pfade umgewandelt, sodass die Dateien keine Schrift brauchen. Lassen Sie um das Zeichen einen freien Rand in halber Zeichenhöhe, zeigen Sie es mit mindestens 24 px Höhe (unter 40 px nehmen Sie ulg-mark-small.svg) und färben Sie es nicht um: Die Farben sind Tokens der Palette (water.300, sand.300, leaf.300–leaf.600). python tools/build_logo.py zeichnet jede Datei aus dem Katalog neu, sodass sich mit der Palette auch das Logo ändert.

Das UrbanSens-Zeichen. Das Stilblatt, die Katalogblätter und die Abbildungen dieser Dokumentation tragen in einer Ecke das kleine UrbanSens-Zeichen, mit der Website und der Version; credit=False lässt es weg. Einzelheiten und die Bitte um Namensnennung: Lizenz und Nennung.