Slideshare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our User Agreement and Privacy Policy.

Slideshare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our Privacy Policy and User Agreement for details.

Like this presentation? Why not share!

- Elements of Design by Jennifer Janviere 43742 views
- Principals and elements of design. by Director-Navnirma... 12500 views
- Elements & Principles of Art Design... by emurfield 154068 views
- Elements and Principles of Design by ADMEC Multimedia ... 36541 views
- The Elements of Art & Principles of... by jdavis76 23914 views
- Photography elements and principles... by tuinman 28497 views

No Downloads

Total views

2,471

On SlideShare

0

From Embeds

0

Number of Embeds

418

Shares

0

Downloads

142

Comments

0

Likes

6

No embeds

No notes for slide

- 1. Oleh Coky Fauzi Alfi<br />cokyfauzialfi.wordpress.com<br />Design Elements<br />
- 2. Objectives<br />To introduce the most basic ideas concerning the elements that make up a visual design.<br />To give a general overview of design and to recognize good design<br />
- 3. Elements of Design<br />7 Elements of Design<br />
- 4. To a visual designer, the elements of design arethe same as notes to a musician orwords to a writer.<br />
- 5. Line<br />Shape<br />Negative Space<br />7ELEMENTSOF DESIGN<br />Volume<br />Value<br />Color<br />Texture<br />
- 6. Line<br />1<br />
- 7. Lines are the most basic element of design<br />
- 8. Child’s drawing<br />
- 9. Preliminary character studies for a 3D animation<br />
- 10. A preliminary drawing and 3D character models<br />
- 11. Mathematical Terms<br />A line is the distance between two points<br />
- 12. Types of Lines<br />Visual<br />Implied <br />
- 13. (a)<br />(b)<br />(c)<br />(a) Visual and (b,c) Implied lines<br />
- 14. The Most Important Characteristic: Direction<br />Vertical<br />Horizontal<br />Diagonal<br />
- 15. The asparagusshows strength and stability<br />(Vertical)<br />
- 16. The warrior and horse express the feelings of power and stability<br />(Vertical)<br />
- 17. The warrior and horsesprovide a sense of calmness<br />(Horizontal)<br />
- 18. The Cowboy and horses communicate motion and tension<br />(Diagonal)<br />
- 19. The example of how line direction affects the mood andfeeling of a design<br />(Horizontal and Vertical)<br />
- 20. Shape<br />2<br />
- 21. Shape has both length and width and is 2Dwithout mass or depth<br />
- 22. Shape is the elementthat communicates the identity of objects most immediately anddirectly<br />
- 23. Shapes in a Design<br />Realistic<br />Distorted<br />Stylized<br />Abstract<br />Nonobjective<br />
- 24. Realistic<br />Realism is the way we observe images in nature with all the proportions and dimensions of the natural world<br />
- 25. A painting using realism<br />
- 26. Realism is used to communicate a visual image accurately to the largest audience possible<br />
- 27. Distortion<br />When realistic shapes are manipulated orchanged but are still recognizable asnatural objects, it is called distortion<br />
- 28. Designs that use distortion<br />
- 29. Abstraction<br />Abstraction is the process of reducing natural shapes down to their simplest form<br />
- 30. Logos are example of abstraction<br />Road signs, buttons on a DVD player, and Web site navigation are another example.<br />
- 31. Stylization<br />Stylizationwill create and establish a unique look for the content of a design<br />
- 32. Movie poster concept using stylization<br />
- 33. Nonobjective<br />When shapes in a design have no recognizable visual representation to anythingin nature, they are defined as nonobjective<br />
- 34. Designs that use nonobjective shapes<br />
- 35. Types of Shapes<br />Rectilinear<br />Curvilinear<br />
- 36. Rectilinear<br />Rectilinearshapes are sharp, angular, rigid and geometric<br />
- 37.
- 38.
- 39. Curvilinear<br />Shapes that are organic, curved, and round are called curvilinear<br />
- 40.
- 41.
- 42.
- 43. Negative space<br />3<br />
- 44. Negative space is the empty area surrounding a positive shape<br />
- 45. The relationship between the shape and space is called figure and background. <br />Thefigure is the positive shape, and the background is the negative space.<br />
- 46. Figure and Background<br />
- 47. Figure and background confusion<br />
- 48. Volume<br />4<br />
- 49. Volume defines 3D visuals that have length,width, and depth<br />
- 50. Realistically, volume mustbe observed from an assortment of angles and observed in an actual environment<br />
- 51.
- 52. Value<br />5<br />
- 53. Value describes light and dark. The contrast of values in a design gives a sense of clarity and depth.<br />
- 54. Left: Similar values. Right: Extreme contrast of values<br />
- 55. High Key and Low Key<br />When values are very light, the term high key is used.Lighter values suggest abrighter or happier mood.<br />Conversely, dark values are called low key. They usually feel somber and serious.<br />
- 56. High-key design<br />
- 57. Low-key design<br />
- 58. Value is also used to describe volume in 2D by imitating the way light revealsa form or object<br />
- 59.
- 60. Color<br />6<br />
- 61. The two basic systems of color are additive and subtractive. These two systemsdiffer based on the source of the light.<br />
- 62.
- 63. The effects of light on a color image<br />
- 64. Texture<br />7<br />
- 65. Texture is the surface quality of an object<br />
- 66. Types of Texture<br />Tactile<br />Implied<br />
- 67. Tactile<br />Tactile texture istexture that we can actually touch and feel.<br />
- 68. Implied<br />Implied texture is texture that we can see but cannot feel or touch.<br />Technically, it is not texture at all—it is the illusion of texture.<br />
- 69. Left: Implied texture. Right: Tactile texture.<br />
- 70. Thanks<br />© 2011 cokyfauzialfi.wordpress.com<br />

No public clipboards found for this slide

×
### Save the most important slides with Clipping

Clipping is a handy way to collect and organize the most important slides from a presentation. You can keep your great finds in clipboards organized around topics.

Be the first to comment