This document introduces the seven basic elements of visual design: line, shape, space, value, texture, color, and form. It provides examples and definitions for each element. Line can be vertical, horizontal, diagonal, and influences mood. Shape can be realistic, distorted, stylized or abstract. Negative space is the area around a shape. Value describes lightness and darkness. Color systems are additive and subtractive. Texture can be tactile or implied. The goal is to give an overview of the fundamental building blocks used in visual design.

1. Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com Design Elements

2. Objectives To introduce the most basic ideas concerning the elements that make up a visual design. To give a general overview of design and to recognize good design

3. Elements of Design 7 Elements of Design

4. To a visual designer, the elements of design arethe same as notes to a musician orwords to a writer.

5. Line Shape Negative Space 7ELEMENTSOF DESIGN Volume Value Color Texture

6. Line 1

7. Lines are the most basic element of design

8. Child’s drawing

9. Preliminary character studies for a 3D animation

10. A preliminary drawing and 3D character models

11. Mathematical Terms A line is the distance between two points

12. Types of Lines Visual Implied

13. (a) (b) (c) (a) Visual and (b,c) Implied lines

14. The Most Important Characteristic: Direction Vertical Horizontal Diagonal

15. The asparagusshows strength and stability (Vertical)

16. The warrior and horse express the feelings of power and stability (Vertical)

17. The warrior and horsesprovide a sense of calmness (Horizontal)

18. The Cowboy and horses communicate motion and tension (Diagonal)

19. The example of how line direction affects the mood andfeeling of a design (Horizontal and Vertical)

20. Shape 2

21. Shape has both length and width and is 2Dwithout mass or depth

22. Shape is the elementthat communicates the identity of objects most immediately anddirectly

23. Shapes in a Design Realistic Distorted Stylized Abstract Nonobjective

24. Realistic Realism is the way we observe images in nature with all the proportions and dimensions of the natural world

25. A painting using realism

26. Realism is used to communicate a visual image accurately to the largest audience possible

27. Distortion When realistic shapes are manipulated orchanged but are still recognizable asnatural objects, it is called distortion

28. Designs that use distortion

29. Abstraction Abstraction is the process of reducing natural shapes down to their simplest form

30. Logos are example of abstraction Road signs, buttons on a DVD player, and Web site navigation are another example.

31. Stylization Stylizationwill create and establish a unique look for the content of a design

32. Movie poster concept using stylization

33. Nonobjective When shapes in a design have no recognizable visual representation to anythingin nature, they are defined as nonobjective

34. Designs that use nonobjective shapes

35. Types of Shapes Rectilinear Curvilinear

36. Rectilinear Rectilinearshapes are sharp, angular, rigid and geometric

39. Curvilinear Shapes that are organic, curved, and round are called curvilinear

43. Negative space 3

44. Negative space is the empty area surrounding a positive shape

45. The relationship between the shape and space is called figure and background. Thefigure is the positive shape, and the background is the negative space.

46. Figure and Background

47. Figure and background confusion

48. Volume 4

49. Volume defines 3D visuals that have length,width, and depth

50. Realistically, volume mustbe observed from an assortment of angles and observed in an actual environment

52. Value 5

53. Value describes light and dark. The contrast of values in a design gives a sense of clarity and depth.

54. Left: Similar values. Right: Extreme contrast of values

55. High Key and Low Key When values are very light, the term high key is used.Lighter values suggest abrighter or happier mood. Conversely, dark values are called low key. They usually feel somber and serious.

56. High-key design

57. Low-key design

58. Value is also used to describe volume in 2D by imitating the way light revealsa form or object

60. Color 6

61. The two basic systems of color are additive and subtractive. These two systemsdiffer based on the source of the light.

63. The effects of light on a color image

64. Texture 7

65. Texture is the surface quality of an object

66. Types of Texture Tactile Implied

67. Tactile Tactile texture istexture that we can actually touch and feel.

68. Implied Implied texture is texture that we can see but cannot feel or touch. Technically, it is not texture at all—it is the illusion of texture.

69. Left: Implied texture. Right: Tactile texture.

70. Thanks © 2011 cokyfauzialfi.wordpress.com