Icons für WebOffice flex – VertiGIS Support

Für WebOffice flex können an zwei Stellen eigene Icons in das WebOffice 10.9 Projekt eingebunden werden:

Vordefinierte Suchen (+ Geolocatorsuche) im Bereich Erweitere Suchen
Externe Koppelungen im Bereich Suchergebnis

Bestehende Icons verwenden

Vorgefertige Icons finden Sie unter C:\Tomcat\webapps\<WebOffice application>\pub\images\flexjs\

Hinweis: Beachten Sie, dass Icons farblich angepasst werden sollte, wenn über einen Skin für WebOffice flex andere Farbwerte verwendet werden.

Dabei gilt:

bei geänderter baseColor müssen Icons für Suchen auf den gleichen Farbwert angepasst werden
bei geänderter footerColor müssen Icons für externe Koppelungen auf den gleichen Farbwert angepasst werden

Neue Icons erstellen

Um ein einheitlich aussehendes Gesamtergebnis zu erreichen, befolgen Sie die folgenden Schritte bei der Erstellung Ihrer Icons:

1. Versuchen Sie einen Stil über alle Ihre Icons für Suchen und Suchergebnisse zu verwenden. Bspw. verwenden Sie nur vollgefüllte Icons oder nur solche mit Umrisslinien

2. Die Leinwandgröße der Icons sollte zumindest 48x48 px betragen. Für hochauflösende Displays wird diese Auflösung benötigt, um auch hier bei 24x24 px großen Icons eine scharfe Darstellung zu gewährleisten.

3. Das Icon innerhalb der Leinwandgröße sollte ca. zwischen 32x32 und 36x36 px groß sein, abhängig von der Art des Symbols, und zentriert in der Mitte positioniert sein

4. Das Icon sollte invertiert dargestellt sein. Das bedeutet, dass der Hintergrund in der Farbe der verwendeten baseColor (zumeist weiß) enthalten ist, die Fläche des Icons selbst jedoch transparent ist. WebOffice flex wird die transparente Fläche entsprechend der Farbeinstellungen für die Standardfarbe (inputColor) und Hover (darkOverlayColor) automatisch einfärben.

5. Verwenden Sie monochromatische Icons, vermeiden Sie plastische, 3D-ähnliche Icons. WebOffice flex ist auf ein flaches Design ausgerichtet.