Presentation is loading. Please wait.

Presentation is loading. Please wait.

Process of visual design

Similar presentations


Presentation on theme: "Process of visual design"— Presentation transcript:

1 Process of visual design
1- elements, gathering or producing the visuals elements (pictures & texts) Based on your goals & objectives and students’ needs and level

2 2- pattern, choose the overall “look” or the general design of your presentation. Decide how the viewer’s eye will flow across your display

3 3- arrangement, arrange the items within the pattern.

4 Grab attention 1- Uniqueness (Size, Color, Shape) 2- Texture
3- Interaction

5 Picture One

6 Picture Two

7 Picture One

8 Picture Three

9 Picture One

10 Picture Four

11 Picture One

12 Picture Five

13 Picture Six

14 you can add a third dimension to your visuals by using
2- texture, you can add a third dimension to your visuals by using texture or actual materials, e.g., samples of cereal grains , leaves, or insects

15 Picture One

16 Picture Seven

17 viewers can be asked to respond to visual displays
3-interaction, viewers can be asked to respond to visual displays

18 This is a circle Complete the Circle

19 Carries impulses around the body to deliver messages.
They swim to fertilize the egg. To trap dust particles and germs in the air passages. They increase the surface area for absorbing water. They contain chloroplasts for photosynthesis. They carry oxygen around the body to all the cells.                                                                                                                                                                                                          

20 overall look The major factors that affect the overall look are
alignment of elements, shape, balance, style, color scheme, and color appeal.

21 Visual Elements should be aligned on the same imaginary
alignment of elements Visual Elements should be aligned on the same imaginary horizontal or vertical line

22

23

24

25 (e.g., circle, triangle, rectangle, the letters Z, L, T, and U)
Shape, Another way to arrange the visual and verbal elements is to put them into a shape that is already familiar to the viewer (e.g., circle, triangle, rectangle, the letters Z, L, T, and U)

26

27

28 U

29 T

30 Y

31 The weight of the elements in a display should equally distributed
Balance The weight of the elements in a display should equally distributed on each side of an axis, either horizontally or vertically or both. In some cases in order to catch the eyes you may use asymmetrical or informal balance. Avoid imbalance because it tends to be Jarring

32

33 Your choice of lettering and type of pictures should be
Style Your choice of lettering and type of pictures should be consistent with each other and with the preferences of the audience Students, artists, religious groups,

34 Blue, green, and violet are considered cool colors
Color appeal Blue, green, and violet are considered cool colors Whereas red and orange are considered warm colors.

35

36 Warm colors are associated with action, dynamic, and warm feeling
And cool colors are associated with contemplative, thoughtful, cool feeling Also warm colors appear to approach the viewer while cool colors tend to recede. Children seem to prefer warm colors (particularly, red, pink, yellow, and orange, brighter colors and combinations of intense colors)

37

38 Teacher Education Pre Service In Service Post Service

39 Arrangement Rules

40 Arrangement 1- Proximity 2. Directionals, 3- Figure and ground, 4- Consistency

41

42 viewers assume that elements close to each
1- proximity, viewers assume that elements close to each other are related

43

44 You can use arrows to direct the viewer’s attention
2. directionals, You can use arrows to direct the viewer’s attention

45

46 3- figure and ground, important elements, especially wording, should stand out in good contrast to the background. The simple rule of figure and ground is that dark figures show up best in on light ground and light figures show up best on dark grounds.

47

48 Russia launches enhanced rocket in test
                                                          March 21, Web posted at: 10:12 AM EST (1512 GMT) MOSCOW (AP) -- Russia successfully launched a rocket designed to put payloads higher into orbit in a rehearsal for the launch of a group of research satellites this summer, space officials said Tuesday. A Soyuz booster equipped with a Fregat accelerator unit placed a mock-up Cluster II satellite into orbit after blasting off from the Baikonur cosmodrome in Kazakhstan on Monday night.

49 Russia launches enhanced rocket in test
                                                          March 21, Web posted at: 10:12 AM EST (1512 GMT) MOSCOW (AP) -- Russia successfully launched a rocket designed to put payloads higher into orbit in a rehearsal for the launch of a group of research satellites this summer, space officials said Tuesday. A Soyuz booster equipped with a Fregat accelerator unit placed a mock-up Cluster II satellite into orbit after blasting off from the Baikonur cosmodrome in Kazakhstan on Monday night.

50 Russia launches enhanced rocket in test
                                                          March 21, Web posted at: 10:12 AM EST (1512 GMT) MOSCOW (AP) -- Russia successfully launched a rocket designed to put payloads higher into orbit in a rehearsal for the launch of a group of research satellites this summer, space officials said Tuesday. A Soyuz booster equipped with a Fregat accelerator unit placed a mock-up Cluster II satellite into orbit after blasting off from the Baikonur cosmodrome in Kazakhstan on Monday night.

51 every time the arrangement breaks the rules, viewers have to
4- Consistency, every time the arrangement breaks the rules, viewers have to expend mental energy deciding whether this is a deliberate exception or whether they need to revise the rule

52 A color repeated in different parts of
a display tends to show a relationship between those parts. e.g.,, Titles, Notes, Links, Exercises, Icons,

53 Title Text Text Text Text

54 Text Text Text Text Title

55

56

57


Download ppt "Process of visual design"

Similar presentations


Ads by Google