Basics of Graphics Design

SIMATIC HMI Date: 08/08/21 SITRAIN Training for

Automation and Drives
Siemens AG 2004. All rights reserved. File: 03_Basics_of_Graphics_Design.1
SIMATIC HMI Date: 08/08/21 SITRAIN Training for
Automation and Drives
Siemens AG 2004. All rights reserved. File: 03_Basics_of_Graphics_Design.2
 Learning Aims

Participants will learn about

• Handling the screen editor
• The structure of the Properties
window
• The possibilities of animation
• The settings of screen navigation

Participants will be able to

• Configure buttons for navigation
• Configure basic objects
• Set up enables
• Transfer the project

SIMATIC HMI Date: 08/08/21 SITRAIN Training for

Automation and Drives
Siemens AG 2004. All rights reserved. File: 03_Basics_of_Graphics_Design.3
SIMATIC HMI Date: 08/08/21 SITRAIN Training for
Automation and Drives
Siemens AG 2004. All rights reserved. File: 03_Basics_of_Graphics_Design.4
 Configuring Steps

Plan the structure of process displays

Generate screens

Generate screen navigation

Configure screen contents

SIMATIC HMI Date: 08/08/21 SITRAIN Training for

Automation and Drives
Siemens AG 2004. All rights reserved. File: 03_Basics_of_Graphics_Design.5
 The Screen Editor

SIMATIC HMI Date: 08/08/21 SITRAIN Training for

Automation and Drives
Siemens AG 2004. All rights reserved. File: 03_Basics_of_Graphics_Design.6
 The Screen Hierarchy

SIMATIC HMI Date: 08/08/21 SITRAIN Training for

Automation and Drives
Siemens AG 2004. All rights reserved. File: 03_Basics_of_Graphics_Design.7
 Screen Templates

SIMATIC HMI Date: 08/08/21 SITRAIN Training for

Automation and Drives
Siemens AG 2004. All rights reserved. File: 03_Basics_of_Graphics_Design.8
 Creating Screens and Navigation

SIMATIC HMI Date: 08/08/21 SITRAIN Training for

Automation and Drives
Siemens AG 2004. All rights reserved. File: 03_Basics_of_Graphics_Design.9
 Inserting an Object

SIMATIC HMI Date: 08/08/21 SITRAIN Training for

Automation and Drives
Siemens AG 2004. All rights reserved. File: 03_Basics_of_Graphics_Design.10
 Importing an External Graphic

SIMATIC HMI Date: 08/08/21 SITRAIN Training for

Automation and Drives
Siemens AG 2004. All rights reserved. File: 03_Basics_of_Graphics_Design.11
 Configuring the Ventilator Screen

SIMATIC HMI Date: 08/08/21 SITRAIN Training for

Automation and Drives
Siemens AG 2004. All rights reserved. File: 03_Basics_of_Graphics_Design.12
 Configuring an I/O Field

SIMATIC HMI Date: 08/08/21 SITRAIN Training for

Automation and Drives
Siemens AG 2004. All rights reserved. File: 03_Basics_of_Graphics_Design.13
 Setting up Text Lists

SIMATIC HMI Date: 08/08/21 SITRAIN Training for

Automation and Drives
Siemens AG 2004. All rights reserved. File: 03_Basics_of_Graphics_Design.14
 Configuring a Button (1)

SIMATIC HMI Date: 08/08/21 SITRAIN Training for

Automation and Drives
Siemens AG 2004. All rights reserved. File: 03_Basics_of_Graphics_Design.15
 Configuring a Button (2)

SIMATIC HMI Date: 08/08/21 SITRAIN Training for

Automation and Drives
Siemens AG 2004. All rights reserved. File: 03_Basics_of_Graphics_Design.16
 Configuring Switches

SIMATIC HMI Date: 08/08/21 SITRAIN Training for

Automation and Drives
Siemens AG 2004. All rights reserved. File: 03_Basics_of_Graphics_Design.17
 Setting up Graphics Lists

SIMATIC HMI Date: 08/08/21 SITRAIN Training for

Automation and Drives
Siemens AG 2004. All rights reserved. File: 03_Basics_of_Graphics_Design.18
 Displaying the Direction of Rotation

SIMATIC HMI Date: 08/08/21 SITRAIN Training for

Automation and Drives
Siemens AG 2004. All rights reserved. File: 03_Basics_of_Graphics_Design.19
 Configuring Jog Buttons

SIMATIC HMI Date: 08/08/21 SITRAIN Training for

Automation and Drives
Siemens AG 2004. All rights reserved. File: 03_Basics_of_Graphics_Design.20
 Enabling an Operator Element

SIMATIC HMI Date: 08/08/21 SITRAIN Training for

Automation and Drives
Siemens AG 2004. All rights reserved. File: 03_Basics_of_Graphics_Design.21
 Animating an Object

SIMATIC HMI Date: 08/08/21 SITRAIN Training for

Automation and Drives
Siemens AG 2004. All rights reserved. File: 03_Basics_of_Graphics_Design.22
 Consistency Check

SIMATIC HMI Date: 08/08/21 SITRAIN Training for

Automation and Drives
Siemens AG 2004. All rights reserved. File: 03_Basics_of_Graphics_Design.23
 Transferring a Project (1)

SIMATIC HMI Date: 08/08/21 SITRAIN Training for

Automation and Drives
Siemens AG 2004. All rights reserved. File: 03_Basics_of_Graphics_Design.24
 Transferring a Project (2)

SIMATIC HMI Date: 08/08/21 SITRAIN Training for

Automation and Drives
Siemens AG 2004. All rights reserved. File: 03_Basics_of_Graphics_Design.25