Welche Informationen finden Sie in diesem Kapitel?
In diesem Kapitel finden Sie Empfehlungen und Verfahren, die Sie beim Erzeugen von Grafiken für die Metasys Bedienoberfläche in der Metasys Bedienoberfläche unterstützen.
- Mechanismen, die sicherstellen, dass die Grafiken innerhalb einer Liegenschaft und andere Grafiken von Johnson Controls® konsistent sind
- Empfehlungen und beste Verfahren für das Erzeugen von Grafiken
- Mechanismen, die sicherstellen, dass der Zeitaufwand für das Konstruieren der Grafiken reduziert wird, da nicht mehr mit verschiedenen Zeichensätzen, Farben oder Stilen experimentiert werden muss
- Hinweise für ein professionelles elegantes und unverwechselbares Design für Grafiken
- ein Standardnavigationsmodell, das leicht nachvollzogen werden kann
Welche Empfehlungen gibt es für die maximale Anzahl von Objekten oder Elementen in einer Grafik der Metasys Bedienoberfläche?
Beachten Sie die Empfehlungen in der nachfolgenden Tabelle, um eine optimale Performanz für die Grafiken, die in der Metasys Bedienoberfläche erzeugt wurden, zu erhalten.
| Objekt oder Element | Empfehlungen | Anmerkungen |
|---|---|---|
| Anzahl Elemente (Formen, Symbole oder Bilder) | 0–125 | Ein Element ist eine beliebige Form oder Symbol oder Bild, das in die Grafik eingefügt wurde. |
| Anzahl der angebundenen Metasys Objekte | 0–200 | Wir empfehlen, nicht mehr als 200 Metasys Objekte in einer einzelnen Grafik einzubinden, es sei denn, Sie nutzen das Grafikelement Zustandsübersicht. |
| Anzahl der Zustandsübersichten | 0–6 | Pro Zustandsübersicht können bis zu 50 Metasys Objekte angebunden werden, maximal 6 Zustandsübersichten können in einer Grafik angezeigt werden. Dies ergibt in Summe 300 Objekte, deren Zustände durch die Verwendung von nur 5 Grafikelementen (nicht 300 Elementen) zusammengefasst werden können. Diese Ausnahme für die Zustandsübersichten steht im Gegensatz zu den empfohlenen 200 Metasys Objekten, die in einer Grafik angebunden werden können, da nicht alle angebundenen Werte in der Grafik erscheinen. |
| Anzahl Bilder | 0–5 | Ein Bild ist jedes beliebige Bild, das in die Grafikfläche eingefügt wird. Anmerkung: Es wird empfohlen, dass die Bilder eine maximale Größe von 1600 Pixel (Höhe) x 1200 Pixel (Breite) und eine maximale Dateigröße von 1 MB haben. Durch Überschreiten der empfohlenen Größe, kann es zu signifikanten Verzögerungen beim Laden kommen.
|
| Anzahl Animationen | 0–50 | Diese Anzahl bezieht sich auf die Animationen, die gleichzeitig in einer Grafik laufen (z. B. das Drehen der Ventilatorflügel bei einem Zuluft- und einem Abluftventilator). |
Welche Empfehlungen gibt es für Grafikgröße, Rändern, Weißraum (Leerfläche) und effektives Layout?
Die folgenden Empfehlungen betreffen Grafiken, die mit einer leeren oder kundenspezifischen Vorlage erzeugt werden. Sie gelten aber genauso für das Erzeugen von Grafiken mit vorhandenen Systemvorlagen.
Abmessungen
Die Grafikfläche ist 1920 (Höhe) x 1080 (Breite) Pixel groß. Der Grafikeditor unterstützt eine minimale Auflösung von 1600 x 900 Pixel. Die Größe einer Grafik ist wichtig für die Anzeige in der Metasys Bedienoberfläche. Es wird empfohlen, unbedingt einen Rand und Weißraum zu verwenden, um sicherzustellen, dass die Grafik ordnungsgemäß angezeigt wird. Zusätzlicher Platz für die Anzeige von Daten sollte vorhanden sein, damit die Werte nicht durch die begrenzenden Ränder der Grafikfläche abgeschnitten werden.
Ränder und Weißraum
Die besten Grafiken, sowohl visuell als auch funktional, sind die weniger komplexen Grafiken. Die Grafik sollte nicht die begrenzenden Kanten der Ränder berühren. Wenn die Ränder zu groß sind, dann wird als zusätzlicher Schritt das Hereinzoomen beim Betrachten der Grafik nötig. Definieren Sie mehr Weißraum um ein Grafikelement herum, das Sie hervorheben wollen. Andererseits sollten Sie die Grafikelemente dicht zueinander platzieren, damit der Betrachter sie als zusammengehörig erkennt. Wenn ein Symbol oder ein anderes Element, das Text anzeigt, zu dicht an den begrenzenden Kanten der Grafik liegt, dann können Teile des Symbols oder des Elements, inklusive der Zustandswerte, abgeschnitten werden, wenn sie im Widget Grafik angezeigt werden.
Effektives Layout
Die effektivste Methode Elemente zu organisieren ist ein Layoutraster, um logisch miteinander verbundene Komponenten erkennen zu können. Ein Raster unterteilt den verfügbaren Platz in Bereiche, die Ihnen dabei helfen, Komponenten zu arrangieren und auszurichten. Raster machen es dem Benutzer einfach, die logische Reihenfolge von Aufgaben zu sehen und die Beziehung zwischen Komponentengruppen zu verstehen. Der Grafikeditor hat kein Raster, das auf der Grafikfläche erscheinen kann. Trotzdem können Sie die Grafik visuell in ein zwei- oder dreispaltiges Layout unterteilen.
Sie können die Anzahl und die Breite der Komponenten und ihrer zugeordneten Bezeichnungen benutzen, um die Anzahl der Spalten in einem Raster zu bestimmen. Am Anfang des Entwurfsprozesses sind vertikale Bereiche schwerer zu setzen, weil sie von der Tiefe der Komponenten und von der Anzahl Komponenten, die noch nicht platziert wurden, abhängig sind.
Die Entwicklung eines Rasters ist ein fortlaufender Prozess. Wenn Sie wissen, wie viel Platz verfügbar ist, dann können Sie anfangen mit den Komponenten zu arbeiten, um die effektivste Aufteilung des Platzes festzulegen. Ein Raster kann ebenfalls dabei helfen festzustellen, wie viel Platz benötigt wird, um eine bestimmte Gruppe von Komponenten zu zeigen. Wenn es Ihnen gelingt, ein Raster zu definieren, das für mehrere Layouts benutzt werden kann, dann haben Ihre Grafiken ein konsistenteres Erscheinungsbild.