Page History

...

Overview

High Performance is a design approach that turns traditional displays into intuitive information with actionable intelligence.  It displays information in a simple color style to help make it easier to understand the project status. 

...

Even though the HMI application is a visual/graphic interface, you  you should not select the choose colors and or shapes simply to have a stylish , good looking display. The focus should be on facilitating project comprehension. 

There Below is a set of color conventions that are is recommended for HMI projects. . .

• Alarms: Use bright, intense colors that are not used in any other part of the the display.
• Background: Use non-saturated colors (e.g.: Light Gray) that have minimum interference with other colors.
• Static Equipment: Use the same color as Dark Gray or Black should be used for process lines. 
• Equipment State: The equipment state's color selection must depend on any additional appearance features, such as Fill, Shape and , or Text.
• Live Data: Use less intense, cool colors (e.g. dark blue and dark green). These colors should be easily distinguished from static information so they do not distract the operator

...

Layered Graphical Hierarchy refers to the way in which data is structured across displays throughout the project. The recommended organization method is using a series of levels and sublevels in which each level is more detailed than the previous one.

...

• Level 1: High-Level information such as an indication of performance and or events that require immediate attention.
• Level 2: Display The display used by operators to perform their tasks.
• Level 3: Contain individual equipment information and Displays the controls for individual equipment as well as the information and status of the equipment. 
• Level 4: Most The most detailed display , provide that provides information on individual components and and equipment. 

...

Symbol Library

Symbols are graphical objects that contain a series of built-in dynamics which are applied to them. They can be added to a display as a representation of tags.

The HPG are accessed through the Draw Editor under the Symbol Library button (located in the toolbar).

List of Symbols

The symbols Symbols are separated into 3 main categories (Default, HighPerformance and Standard). Since we are focusing on the HighPerformance one, each Each HighPerformance subcategory component is  is detailed below.

Mapping Symbols to Runtime Objects

To map the an added symbol to a runtime object (tag or some other property, double-click on it to the symbol to display its supported properties.

Each symbol has Even though symbols have different runtime properties, but they all can have similar appearances (such as color) according to the state they are in. In the example below, every symbol that is On, Open, Running, or Energized appears white to indicate that the item is in a similar behavior in their appearance"running" state. Since they are all in a similar state, they would each be mapped to the Value "1".

Value = 0 // Off/De-energized/Idle/Stopped/Closed
Value = 1 // On/Energized/Running/Open
Value = 2 // Disabled/Out of Service

These The values listed above follow a the color convention pattern for HMI displays.The images below illustrates , and the different colors a symbol can display are illustrated in the image below. 

Symbol Themes and Colors

The A symbol's appearance can be customized by changing the theme for this the object. On In Run-Dictionaries-Themes, you will find predefined theme palettes that are predefined and are built into the NewProject Templates.

The ItemName properties property that is related to the HPG Symbols symbols are highlighted in the image below.

...

This symbol acts as an indicator for the alarm state of a specific tag. It can display the alarm priority level (low, medium, and or high), and it has 3 different possible color configurations according to the Alarm Statedepending on the status of the alarm state. See image below. 

There is a tag property called AlarmPriorityEnum that The AlarmPriorityEnum property is used for animating the Alarm Indicator symbol. The Enum property has the following settings:

...

Number in Symbol:
-	1: Priority High (2)
-	2: Priority Medium (1)
-	3: Priority Low (0)

Outer Border and inner element:
-	Border static and Element blinking: Alarm is active
-	Border static and Element static: Alarm is acked
-	No Border and Element blinking: Alarm is normalized
-	No Border and No Element: Alarm not active

To illustrate the behaviors described above, the The following images demonstrates demonstrate the display's appearance when an alarm is in an active state.