Top Banner
EFFECTIVE INTERFACE DESIGN – VISUAL DESIGN Name: Wardah Alamri Student no:3786766
20
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Visual design

EFFECTIVE INTERFACE

DESIGN – VISUAL DESIGN

Name: Wardah Alamri

Student no:3786766

Page 2: Visual design

USER INTERFACE The User Interface (also known as Human Computer

Interface (HCI)) is the aggregate of means by which people interact with the system – a particular machine, device, computer program or other complex tool. The user interface provides means of

Input – Allowing users to manipulate a system Output – Allowing the system to indicate the effects

of the users manipulation

Page 3: Visual design

VISUAL DESIGN Visual Design is designed to enable

students to gain an increasing accomplishment and independence in their representation of ideas in different fields of design and to understand and value how graphic, wearable, product, and interior/exterior design invite different interpretations and explanations

Page 4: Visual design

IMPORTANCE OF VISUAL DESIGN Internet users make up their minds about the quality of

a website in the blink of an eye, a study shows. Researchers found that the brain makes decisions in just a 20th of a second of viewing a webpage.

Page 5: Visual design

ELEMENTS OF EFFECTIVE DESIGN Space - Space is the area around,

within, or between images or elements

Page 6: Visual design

LINE A path described by a moving point or, in

Euclidean geometry, as the shortest distance between two points

Page 7: Visual design

SHAPE The general outline of an object; it also can be defined

as a closed path or space.

Page 8: Visual design

VALUE The term used to describe the range of lightness or

darkness in a visual element.

Page 9: Visual design

TEXTURE The tactile quality of a surface or the representation of

such a surface quality

Page 10: Visual design

COLOR

There are varieties – additive, which describes behavior of glowing objects, such as a computer monitor, and subtractive, which describes the behavior of reflective objects, such as paint.

Page 11: Visual design

FORM

A term that refers, specifically, to a shape represented within a visual or pictorial plane.

Page 12: Visual design

PRINCIPLES OF DESIGN – BALANCE The equal or unequal distribution of visual weight and

visual attention in a layout. Lack of balance in a screen layout creates a more dynamic (active) layout.

Page 13: Visual design

EMPHASIS The focal point or strongest area of interest within a

layout.

Page 14: Visual design

MOVEMENT The visual rhythm, direction, or flow of the viewer’s

attention.

Page 15: Visual design

CONTRAST The difference in properties among elements in a

layout. The greater the contrast, the stronger the visibility. The objective of contrast is to establish a focal point or point of emphasis.

Page 16: Visual design

REPETITION As the name implies, it is the repeating of elements or

properties of elements within the pictorial plane.

Page 17: Visual design

UNITY Harmony or visual agreement between elements in a

layout. The similar characteristics are apparent to the eye and will cause groups to be formed in the information.

Page 18: Visual design

CONCLUSION The Elements of design play an important role in the

creation and success of a piece of art, whether it's for outdoor, indoor, digital or print medium

The effective use of these organizing principles will aid in creating a visual hierarchy that reinforces the information organization and thus facilitate viewer comprehension.

Page 19: Visual design

EXAMPLE

Page 20: Visual design

REFERENCES Carter, R, 2003. Teaching Visual Design Principles for computer science

students. Computer Science Education. v 13, no. 1; p 67 – 90 Yang X. 2009. Human-Computer Interaction Design in Product Design.

IEEE Computer Society. Pp 437 – 439 http://news.bbc.co.uk/2/hi/technology/4616700.stm

(Accessed on 20/10/2009)

www.wikipedia.org. (Accessed on 20/10/2009)