Colours and Menus - HMI Presentation

Presentation on

Colours and

Menus

- Anup Mulay

Colour is a property possessed by an object of producing different sensations on the eye as a result of the way it reflects or emits light.

Surface reflects light and we experience the colours

Wavelength

Human eye precepts the reflected light and Eye receptors detects the colours.

Receptors are,

Rods level of brightness

Cones Actual Colour Combination

Colours from the Design Perspective

Use colours to assist in formatting a Screen :-

- Relating or typing elements into groupings.

- Associating the widely separated information on the screen & control flow links.

- Logical Structuring of ideas, processes, or sequences.

- Status of information.

- To give proper foreground and background effects to text or images.

- Scaling the colour combinations for shadow effects.

Colour as a formatting Aid

Following points to be noted:-

Purpose - Colours must have a meaningful purpose.

Palette - Try different possible combinations of RGB wherever suited.

Presentation - Minimize the use of colours with text so the context is maintained. - Maintain uniformity in colour use.- Test the display compatibility of the colours.

Selecting Colours for Web Pages

import java.awt.*;import java.awt.event.*;class FrameEg10c1 extends Frame{

FrameEg10c1(){this.addWindowListener(new

WindowAdapter(){

public void windowClosing(WindowEvent e)

{System.exit(0);

}});}public void paint(Graphics g){

Color c1=new Color(255,0,0);Color c2=new

Color(200,185,255);g.setColor(c1);g.drawLine(100,100,100,200);

g.setColor(c2);g.drawRect(150,100,50,50);g.fillRect(150,200,50,50);

g.setColor(Color.BLUE);g.drawOval(250,100,25,80);g.fillOval(250,200,30,30);

}public static void main(String args[]){

FrameEg10c1 f=new FrameEg10c1();

f.setSize(400,400);f.setTitle("Draw Colors");f.setVisible(true);

}

}

Working with Colours in JAVA

- The java.awt.Color class is used to create new Colors and predefines few Color constants.

- JAVA allows creating of upto 24 million different colors.

- Colour constants Color.BLACK , Color.RED, Color.GREEN etc.

Color constructors :- 1) Color c=new Color(int red, int green, int blue) 2) Values of RGB must be in range 0-255

Menus

System contains large amount of information and performs the variety of functions. For these functions, user prefers the listed choices which are called menus.

The main purpose of menus is,- navigation through the system to assist the user in developing the model of the system.

Structures Menus

Hierarchical Menus Connected Menus

Functions of Menus

Navigation to new Menu- Hierarchical menu display Execute an Action

- Open file- Copy - Paste - Etc.

Display Info. - Content viewer

Data Input - Single data entry may affect the multiple operations.

Contents of Menus

Menu Context – to another menu -

Action Pane

Menu Title – Displays the currently active menu

Completion instructions – to impact process life cycle

Formatting of Menus

Consistency - Formatting and choice

ordering- Choice selection methods - Navigation schemes

Display - Continual and

frequent display of necessary options

Presentation- Unique and consistent structure

Organization- Minimum levels of

hierarchy- Groupings

Thank You