Effective Interface Design – Visual Design<br />Name: Jawaher Al Ghamdi<br />Student no:3575494 <br />
User Interface<br />The User Interface (also known as Human Computer Interface (HCI)) is the aggregate of means by which p...
Visual Design<br />Visual Design is designed to enable students to gain an increasing accomplishment and independence in t...
Importance of Visual Design<br />Internet users make up their minds about the quality of a website in the blink of an eye,...
Elements of Effective design<br />Space - Space is the area around, within, or between images or elements<br />
Line<br />A path described by a moving point or, in Euclidean geometry, as the shortest distance between two points<br />
Shape <br />The general outline of an object; it also can be defined as a closed path or space.<br />
Value<br />The term used to describe the range of lightness or darkness in a visual element.<br />
Texture<br />The tactile quality of a surface or the representation of such a surface quality<br />
Color<br />There are varieties – additive, which describes behavior of glowing objects, such as a computer monitor, and su...
Form<br />A term that refers, specifically, to a shape represented within a visual or pictorial plane.<br />
Principles of Design – Balance<br />The equal or unequal distribution of visual weight and visual attention in a layout. L...
Emphasis<br />The focal point or strongest area of interest within a layout.<br />
Movement<br />The visual rhythm, direction, or flow of the viewer’s attention.<br />
Contrast<br />The difference in properties among elements in a layout. The greater the contrast, the stronger the visibili...
Repetition<br />As the name implies, it is the repeating of elements or properties of elements within the pictorial plane....
Unity<br />Harmony or visual agreement between elements in a layout. The similar characteristics are apparent to the eye a...
Conclusion<br />The Elements of design play an important role in the creation and success of a piece of art, whether it&ap...
Example<br />
References<br /><ul><li>Carter, R, 2003. Teaching Visual Design Principles for computer science students. Computer Science...
Upcoming SlideShare
Loading in …5
×

Visual Design

725 views
681 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
725
On SlideShare
0
From Embeds
0
Number of Embeds
35
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Visual Design

  1. 1. Effective Interface Design – Visual Design<br />Name: Jawaher Al Ghamdi<br />Student no:3575494 <br />
  2. 2. User Interface<br />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<br />Input – Allowing users to manipulate a system<br />Output – Allowing the system to indicate the effects of the users manipulation<br />
  3. 3. Visual Design<br />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<br />
  4. 4. Importance of Visual Design<br />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.<br />
  5. 5. Elements of Effective design<br />Space - Space is the area around, within, or between images or elements<br />
  6. 6. Line<br />A path described by a moving point or, in Euclidean geometry, as the shortest distance between two points<br />
  7. 7. Shape <br />The general outline of an object; it also can be defined as a closed path or space.<br />
  8. 8. Value<br />The term used to describe the range of lightness or darkness in a visual element.<br />
  9. 9. Texture<br />The tactile quality of a surface or the representation of such a surface quality<br />
  10. 10. Color<br />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.<br />
  11. 11. Form<br />A term that refers, specifically, to a shape represented within a visual or pictorial plane.<br />
  12. 12. Principles of Design – Balance<br />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.<br />
  13. 13. Emphasis<br />The focal point or strongest area of interest within a layout.<br />
  14. 14. Movement<br />The visual rhythm, direction, or flow of the viewer’s attention.<br />
  15. 15. Contrast<br />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.<br />
  16. 16. Repetition<br />As the name implies, it is the repeating of elements or properties of elements within the pictorial plane.<br />
  17. 17. Unity<br />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.<br />
  18. 18. Conclusion<br />The Elements of design play an important role in the creation and success of a piece of art, whether it&apos;s for outdoor, indoor, digital or print medium<br />The effective use of these organizing principles will aid in creating a visual hierarchy that reinforces the information organization and thus facilitate viewer comprehension.<br />
  19. 19. Example<br />
  20. 20. References<br /><ul><li>Carter, R, 2003. Teaching Visual Design Principles for computer science students. Computer Science Education. v 13, no. 1; p 67 – 90
  21. 21. Yang X. 2009. Human-Computer Interaction Design in Product Design. IEEE Computer Society. Pp 437 – 439
  22. 22. http://news.bbc.co.uk/2/hi/technology/4616700.stm(Accessed on 20/10/2009)
  23. 23. www.wikipedia.org. (Accessed on 20/10/2009)</li>

×