Visual design
-
Upload
wardahalamri -
Category
Design
-
view
161 -
download
1
description
Transcript of Visual design
![Page 1: Visual design](https://reader035.fdocuments.in/reader035/viewer/2022062615/548e5de5b479592c208b45e8/html5/thumbnails/1.jpg)
EFFECTIVE INTERFACE
DESIGN – VISUAL DESIGN
Name: Wardah Alamri
Student no:3786766
![Page 2: Visual design](https://reader035.fdocuments.in/reader035/viewer/2022062615/548e5de5b479592c208b45e8/html5/thumbnails/2.jpg)
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](https://reader035.fdocuments.in/reader035/viewer/2022062615/548e5de5b479592c208b45e8/html5/thumbnails/3.jpg)
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](https://reader035.fdocuments.in/reader035/viewer/2022062615/548e5de5b479592c208b45e8/html5/thumbnails/4.jpg)
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](https://reader035.fdocuments.in/reader035/viewer/2022062615/548e5de5b479592c208b45e8/html5/thumbnails/5.jpg)
ELEMENTS OF EFFECTIVE DESIGN Space - Space is the area around,
within, or between images or elements
![Page 6: Visual design](https://reader035.fdocuments.in/reader035/viewer/2022062615/548e5de5b479592c208b45e8/html5/thumbnails/6.jpg)
LINE A path described by a moving point or, in
Euclidean geometry, as the shortest distance between two points
![Page 7: Visual design](https://reader035.fdocuments.in/reader035/viewer/2022062615/548e5de5b479592c208b45e8/html5/thumbnails/7.jpg)
SHAPE The general outline of an object; it also can be defined
as a closed path or space.
![Page 8: Visual design](https://reader035.fdocuments.in/reader035/viewer/2022062615/548e5de5b479592c208b45e8/html5/thumbnails/8.jpg)
VALUE The term used to describe the range of lightness or
darkness in a visual element.
![Page 9: Visual design](https://reader035.fdocuments.in/reader035/viewer/2022062615/548e5de5b479592c208b45e8/html5/thumbnails/9.jpg)
TEXTURE The tactile quality of a surface or the representation of
such a surface quality
![Page 10: Visual design](https://reader035.fdocuments.in/reader035/viewer/2022062615/548e5de5b479592c208b45e8/html5/thumbnails/10.jpg)
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](https://reader035.fdocuments.in/reader035/viewer/2022062615/548e5de5b479592c208b45e8/html5/thumbnails/11.jpg)
FORM
A term that refers, specifically, to a shape represented within a visual or pictorial plane.
![Page 12: Visual design](https://reader035.fdocuments.in/reader035/viewer/2022062615/548e5de5b479592c208b45e8/html5/thumbnails/12.jpg)
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](https://reader035.fdocuments.in/reader035/viewer/2022062615/548e5de5b479592c208b45e8/html5/thumbnails/13.jpg)
EMPHASIS The focal point or strongest area of interest within a
layout.
![Page 14: Visual design](https://reader035.fdocuments.in/reader035/viewer/2022062615/548e5de5b479592c208b45e8/html5/thumbnails/14.jpg)
MOVEMENT The visual rhythm, direction, or flow of the viewer’s
attention.
![Page 15: Visual design](https://reader035.fdocuments.in/reader035/viewer/2022062615/548e5de5b479592c208b45e8/html5/thumbnails/15.jpg)
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](https://reader035.fdocuments.in/reader035/viewer/2022062615/548e5de5b479592c208b45e8/html5/thumbnails/16.jpg)
REPETITION As the name implies, it is the repeating of elements or
properties of elements within the pictorial plane.
![Page 17: Visual design](https://reader035.fdocuments.in/reader035/viewer/2022062615/548e5de5b479592c208b45e8/html5/thumbnails/17.jpg)
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](https://reader035.fdocuments.in/reader035/viewer/2022062615/548e5de5b479592c208b45e8/html5/thumbnails/18.jpg)
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](https://reader035.fdocuments.in/reader035/viewer/2022062615/548e5de5b479592c208b45e8/html5/thumbnails/19.jpg)
EXAMPLE
![Page 20: Visual design](https://reader035.fdocuments.in/reader035/viewer/2022062615/548e5de5b479592c208b45e8/html5/thumbnails/20.jpg)
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)