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

•Vordefinierte Suchen (+ Geolocatorsuche) im Bereich Erweiterte Suchen

•Externe Koppelungen im Bereich Suchergebnis

 

Bestehende Icons verwenden

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

 

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. Zum Beispiel 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 (overlayDarkColor) automatisch einfärben.

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

 

Beispielhafter Workflow für die Anpassung eines Icons in GIMP 2.8:

1.Ausgangsbild ist 128x128 px groß

2.Bild > Bild skalieren > 36x36 px

3.Bild > Leinwandgröße > 48x48 px + Icon zentrieren

4.Ebene > Ebene auf Bildgröße

5.Bild > Modus > RGB

6.Ebene > Transparenz > Alphakanal entfernen

7.Ebene > Transparenz > Farbe zu Transparenz

8.Bild abspeichern