Hệ thống đồ hoạ của WinCC xử lý tất cả các đầu vào và đầu ra thể hiện trên màn hình trong quá trình vận hành. Khả năng hiển thị thông tin điều khiển dưới dạng đồ hoạ được thực hiện bởi một module chương trình có tên gọi là Graphics Designer. Công cụ này có thể cung cấp các công cụ có sẵn như:
-Các hình vẽ của các phần tử tiêu biểu (như bơm, van, động cơ, silô....). -Các phím , hộp thoại, thanh trượt....
-Các màn hình ứng dụng và màn hình hiển thị. -Các đối tượng OLE, ActiveX.
-Các trường vào, ra.
-Các thanh trạng thái và các hiển thị theo nhóm.
-Các đối tượng đã được thay đổi để phù hợp với nhu cầu của người sử dụng. Người xây dựng hệ thống có thể thể hiện qui trình công nghệ mà mình điều khiển bằng đồ họa. Việc định nghĩa các tính chất cơ bản của các đồ hoạ như: hình dáng hình học, màu sắc, kiểu hoa văn,....có thể được thực hiện dễ dàng bằng cách sử dụng các công cụ thiết kế đồ hoạ có sẵn.
Hình 2.10: Màn hình thiết kế giao diện đồ hoạ
a) Object Palette: Chứa các đối tượng chuẩn (Polygon, Ellipse, Rectangle,...), các đối tượng thông minh (OLE Control, OLE Element, I/O Field,...) và các đối tượng Windows (Button, Check Box,...).
b) Style Palette: thay đổi hình thức của đối tượng được chọn. Tuỳ vào kiểu đối tượng, mà ta có thể thay đổi kiểu đường thẳng hoặc đường viền, độ rộng của đường thẳng hoặc đường viền, kiểu kết thúc của đường thẳng, hoặc kiểu tô.
c) Alignment Palette: Cho phép thay đổi vị trí của một hoặc nhiều đối tượng, để thay đổi vị trí các đối tượng đã chọn có liên quan đến đối tượng khác, hoặc tiêu chuẩn hoá chiều cao và bề rộng của vài đối tượng.
d) Zoom palette: thiết lập hệ số phóng đại (phần trăm) cho sự hoạt động của cửa sổ. Các hệ số phóng đại chuẩn là: 8, 4, 1, 1/2, và 1/4.
e) Menu Bar: Chứa tất cả các trình đơn lệnh cho Graphic Designer. Những lệnh không có hiệu lực được biểu diễn bằng màu xám.
f) Toolbar: chứa các nút để thực hiện nhanh nhiều lệnh chung.
g) Font Palette: cho phép thay đổi kiểu font, kích thước, và màu trong đối tượng text, cũng như là màu đường thẳng của các đối tượng chuẩn.
h) Layer: cho hiển thị một lớp trong 16 lớp (Lớp 0 đến 15). Lớp 0 được chọn mặc định. Menu Bar Object Palette Color Palette Standard Toolbar Style Palette Laye r Bar Alignment Palette Zoom Palette Font Palette