MIL Q2 L412312312312312312312312312.pptx

hehehehehehehehehe

1. Text and Visual Dimensions of Information and Media MIL Q2 L4

2. MOST ESSENTIAL LEARNING COMPETENCY Describe the different dimensions of: • text information and media • visual information and media After going through this lesson, you are expected to: 1. Explain the principles in designing text and visual elements 2. Evaluate the impact of text and visual content and forms 3. Design a personal brand or logo using appropriate text and visuals 4. Spread positive and affirming information through visual media.

3. Text and Visual Dimensions of Information and Media This lesson is the beginning of a series that would lead you to creating an appropriate multi-media content. For this part, we will focus on visuals, which is a broad aspect in media. Remember that conveying valid and effective content entails the use of the most suitable visual forms. These two must work side by side to provide the correct informative experience to your audience.

4. What Went Wrong?

5. Text and Visual Dimensions of Information and Media This lesson is the beginning of a series that would lead you to creating an appropriate multi-media content. For this part, we will focus on visuals, which is a broad aspect in media. Remember that conveying valid and effective content entails the use of the most suitable visual forms. These two must work side by side to provide the correct informative experience to your audience.

6. Text and Visual Dimensions of Information and Media Text may be defined as a simple and flexible format of presenting information or conveying ideas whether hand-written, printed or displayed on-screen. It is very powerful in disseminating information, providing direction and giving suggestions. Text is available in different sources, which may be categorized into two: 1. Formal Example of these are news articles, published books, newspapers, magazines, advertisements, research works, etc. Formal text-based materials are created and distributed by established institutions (such as publishing companies, news agencies, etc.) and go through a rigorous process of editing or evaluation and are usually governed by censorship of the state.

7. Text and Visual Dimensions of Information and Media 2. Informal Examples of these are blogs, personal e-mails, SMS or text messages, online messengers, social media platforms, etc. They come from personal opinions or views on different issues, processes, etc. Text can be as short such as a single sentence or phrase, or they can be as lengthy as news articles or investigative reporting. No matter how brief or lengthy, however, a text is always carefully written with the intent of sending a very specific message to the target audience.

8. Text and Visual Dimensions of Information and Media As consumers of text media and information, we need to ask questions regarding the text content to ensure its reliability:  Who or what institution is sending this message?  What techniques are used to attract and hold attention?  What is the language used by the writer?  What views are represented? Are they balanced?  How might the message be interpreted in different ways?  What is omitted (removed), slurred (unclear) or added in the message?

9. Text and Visual Dimensions of Information and Media As producers of text media and information, we need to review the media and information design framework:  target audience,  author or sender,  key content,  purpose,  form/style, and  format.

10. Text as a Visual Typeface font, font type, or type) is the representation or style of a text. A typeface is usually composed of alphabets, numbers, punctuation marks, symbols and other special characters. Fonts in digital format are installed in forms such as True Type Font (.ttf), Open Type Font (.otf), etc. Fonts convey different emotions and meaning, and you must be very careful in choosing the right font for your content. The table below presents the different types of fonts, their implications, uses, and examples.

11. Text as a Visual

12. Text as a Visual

13. Design Principles and Elements The principles in designing text elements are emphasis, appropriateness, proximity, alignment, organization, repetition and contrast. Observe how these elements are presented in each text frame

14. Design Principles and Elements

15. Design Principles and Elements

16. Design Principles and Elements

17. Design Principles and Elements

18. Design Principles and Elements

19. Design Principles and Elements

20. Visual information and media are materials, programs, applications and the like that teachers and students use to formulate new information to aid learning through the use, analysis, evaluation and production of visual images. The following are types of visual media: PHOTOGRAPHY

21. Visual information and media The following are types of visual media: VIDEO

22. Visual information and media The following are types of visual media: SCREENSHOT

23. Visual information and media The following are types of visual media: INFOGRAPHIC

24. Visual information and media The following are types of visual media: COMICS STRIPS

25. Visual information and media The following are types of visual media: MEMES

26. Visual information and media The following are types of visual media: Graphs / Charts

27. Visual information and media The following are types of visual media: Visual Note Taking

28. VISUAL INFORMATION - DESIGN ELEMENTS The primary purpose of visual information is to gain attention, create meaning, and facilitate retention, but how can you create a striking visual? First, you must consider the visual elements, or the basic units in the construction of a visual image. The Design Elements are:

29. VISUAL INFORMATION - DESIGN ELEMENTS 1. Line This describes a shape or outline. It can create texture and can be thick or thin. Lines may be actual, implied, vertical, horizontal, diagonal, or contour. Take note that lines provide meaning also. Horizontal lines are more static and calm; vertical lines command attention and stability; diagonal lines may convey movement; and contoured lines may evoke turbulence, playfulness, and the likes.

30. VISUAL INFORMATION - DESIGN ELEMENTS 2. Shape A geometric area that stands out from the space next to or around it, or because of differences in value, color, or texture. Shape may also be organic Three implied geometric shapes can be found in the picture above: diamond, octagon and triangle. Organic shapes, like the eggplant pictured above, are irregular and asymmetrical in appearance and tends to have curves, as in the case of shapes found in nature.

31. VISUAL INFORMATION - DESIGN ELEMENTS 3. Value The degree of light and dark in a design. It is the contrast between black and white and all the tones in between. Value can be used with color as well as black and white. Contrast is the extreme changes between values.

32. VISUAL INFORMATION - DESIGN ELEMENTS 4. Texture The way a surface feels or is perceived to feel. Texture can be added to attract or repel interest to a visual element. Two contrasting visual textures are presented in this picture taken in Bolinao, Pangasinan: the smoothness of the sea and the roughness of the contorted branches.

33. VISUAL INFORMATION - DESIGN ELEMENTS 5. Color Determined by its hue (name of color), intensity (purity of the hue), and value (lightness or darkness of hue). Color and color combination can play a large role in the design. Color may be used for emphasis, or may elicit emotions from viewers. Color may be warm, cool, or neutral. It plays a major role in our visual perception, as it influences our reactions about the world around us. It is therefore important to create color palettes that evoke the appropriate audience reactions.

34. VISUAL INFORMATION - DESIGN ELEMENTS 6. Form A figure having volume and thickness. An illusion of a 3-dimensional object can be implied with the use of light and shading. Through digital means, shadows are placed in the drawing above in order to provide a three-dimensional effect. On the other hand, thick pen strokes are used to achieve volume and thickness on the sketch in this sketch.

35. Principles in Visual Design The visual appeal of artworks depends on its adherence to principles of design. However, there is no strict commandment in designing. The personal preferences of the artist remain a prime contributing factor in designing visuals. Let me share with you some of their work as we discuss the designing principles. Like what I have previously said, these are my personal take on designing. There are many other styles that can also influence you in your works.

36. Principles in Visual Design - Consistency 1. Consistency of margins, typeface, typestyle, and colors is necessary, especially in slide presentations or documents that are more than one page. When designing posters, they tend to be minimalist. They highlight important points by lessening the other accessorial designs, like in the case of this poster for my school, wherein I used slight geometrical gradient in. They used only two dominant colors to go with the white – blue and gold, our school’s the school colors. They gave variation in the text by using only two fonts, Impact and Arial, and aside from the DepEd logo at the bottom, I placed only a derivation of the caring emoji, with the schools logo replacing the heart.

37. Principles in Visual Design – Center of Interest 2. Center of interest – an area that first attracts attention in a composition. This area is more important when compared to the other objects or elements in a composition. This can be by contrast of values, more colors, and placement in the format In a picture, the center of interest should not actually be in the center. In fact, you must avoid the “dead center in placing the portion that you wish to highlight. The basic rule in “The Rule of Thirds.” Divide the frame into three portions horizontally and vertically using imaginary lines, and place the point you wish to highlight at any of the four intersecting points. Putting the lines on the picture above, the girl’s face, which is the center of interest, is right on an intersection point. Hence, the picture has an interesting composition.

38. Principles in Visual Design - Balance 3. Balance – a feeling of visual equality in shape, form, value, color, etc. Balance can be symmetrical and evenly balanced, or asymmetrical and unevenly balanced. Objects, values, colors, textures, shapes, forms, etc. can be used in creating balance in a composition.

39. Principles in Visual Design - Harmony 4. Harmony – brings together a composition with similar units. If for example your composition was using wavy lines and organic shapes, you would stay with those types of lines and not put in just one geometric shape. (Notice how similar Harmony is to Unity - some sources list both terms)

40. Principles in Visual Design – Directional Movement 5. Directional Movement – a visual flow through the composition. It can be the suggestion of motion in a design as you move from object to object by way of placement and position. Directional movement can be created with a value pattern. It is with the placement of dark and light areas that you can move your attention through the format.

41. Principles in Visual Design – Rhythm 6. Rhythm – a movement in which some elements recur regularly. Like a dance, it will have a flow of objects that will seem to be like the beat of music. You can find rhythmic patterns everywhere, for a simple cup of cappuccino prepared by a barista, to a festive street dance

42. Principles in Visual Design – Perspective 7. Perspective – created through the arrangement of objects in two-dimensional space to look like they appear in real life. Perspective is a learned meaning of the relationship between different objects seen in space Lines disappearing in the horizon and objects getting smaller conveys a perspective of distance. In this still images you will see how it is moving far beyond, and the viewer gets the hint that he still has a long way to go before him.

43. he visual appeal of artworks depends on its adherence to principles of design. However, there is no strict commandment in designing. The personal preferences of the artist remain a prime contributing factor in designing visuals. Let me share with you some of my work as we discuss the designing principles. Like what I have previously said, these are my personal take on designing. There are many other styles that can also influence you in your works.

44. Multiple Choice. Write the letter corresponding to the correct answer. ___1. the meaning of “.ttf” a. tapered type font b. text type font c. true type font ___ 2. typeface that carries a solid or heavy look to text a. sans serif b. serif c. slab serif ___ 3. the basic rule in emphasizing a subject in a composition a. golden ratio b. rule of odds c. rule of thirds ___ 4. a visual design principle that brings together a composition with similar units a. balance b. contrast c. harmony ___ 5. the visual flow of a composition a. directional movement b. perspective c. rhythmic pattern

45. Multiple Choice. Write the letter corresponding to the correct answer. ___ 6. a shot where the subject is framed from shoulders up a. close up b. extreme close up c. medium close up ___ 7. a shot perfect to show the world where the story takes place a. extreme wide shot b. full shot c. long shot ___ 8. another term for Dutch angle a. canted shot b. over the shoulder shot c. worm’s eye view ___ 9. a camera angle that makes a subject look powerful and imposing a. eye level b. high angle c. low angle ___ 10. a shot taken from an elevated point a. bird’s eye view b. Dutch angle c. eye level