Special Program in Arts Grade 9 Media Arts Quarter 1 – Module 6 PDF

9 Special Program in Arts Quarter 1– Module 6 Media Arts (The Different Layout Principles and Color Theory of Graphics in Print Media) CO_Q1_SPA_Module 6 SPA– Grade 9 Media Arts Quarter 1 – Module 6: The Different Layout Principles and Color Theory of Graphics in Print Media...

9 Special Program in Arts Quarter 1– Module 6 Media Arts (The Different Layout Principles and Color Theory of Graphics in Print Media) CO_Q1_SPA_Module 6 SPA– Grade 9 Media Arts Quarter 1 – Module 6: The Different Layout Principles and Color Theory of Graphics in Print Media First Edition, 2020 Republic Act 8293, section 176 states: “No copyright shall subsist in any work of the Government of the Philippines. However, prior approval of the government agency or office wherein the work is created shall be necessary for exploitation of such work for profit. Such agency or office may, among other things, impose as a condition the payment of royalties.” Borrowed materials (i.e., songs, stories, poems, pictures, photos, brand names, trademarks, etc.) included in this module are owned by their respective copyright holders. Every effort has been exerted to locate and seek permission to use these materials from their respective copyright owners. The publisher and authors do not represent nor claim ownership over them. Published by the Department of Education Secretary: Leonor MagtolisBriones Undersecretary: Diosdado M. San Antonio Development Team of the Module Writers: Eugenio T.Arao II, Kenwee D. Alipato, Marty C. Luntad, Ramarie C. Pasamante Editors: Leo S. Dayot, Benilda M.Tambanillo Reviewers: Paul Elijah G. Casiano, Kenwee D. Alipato Illustrator: Jose KharloL. Gambale Layout Artist: Roxan E. Del Castillo. Gilbert Paulo C.Pagapang Management Team: Ramir B. Uytico,Pedro T.Escobarte Elena P. Gonzaga, Donald T. Ginine Allan B. Yap, Ermi V. Miranda Althea V. Landar, Celestino M. Dalumpines IV Ma. Lourdes V. Teodoro, Leo S. Dayot Raymund L. Santiago, Roxan E. Del Castillo Printed in the Philippines by ________________________ Department of Education –Region VI Western Visayas Office Address: Telefax: E-mail Address:  9 Special Program in Arts Quarter 1 – Module 6 Media Arts (The Different Layout Principles and Color Theory of Graphics in Print Media)  Introductory Message *For the facilitator Welcome to the Special Program in Arts Grade 9 Alternative Delivery Mode (ADM) Module on Media Arts (The different Layout principles and color theory of graphics in print media)! This module was collaboratively designed, developed and reviewed by educators both from public and private institutions to assist you, the teacher or facilitator in helping the learners meet the standards set by the K to 12 Curriculum while overcoming their personal, social, and economic constraints in schooling. This learning resource hopes to engage the learners into guided and independent learning activities at their own pace and time. Furthermore, this also aims to help learners acquire the needed 21st century skills while taking into consideration their needs and circumstances. In addition to the material in the main text, you will also see this box in the body of the module: Notes to the Teacher This contains helpful tips or strategies that will help you in guiding the learners. As a facilitator, you are expected to orient the learners on how to use this module. You also need to keep track of the learners' progress while allowing them to manage their own learning. Furthermore, you are expected to encourage and assist the learners as they do the tasks included in the module. *For the learner: Welcome to the Special Program in Arts Grade 9 Alternative Delivery Mode (ADM) Module on Media Arts (The different Layout principles and color theory of graphics in print media)! The hand is one of the most symbolized part of the human body. It is often used to depict skill, action and purpose. Through our hands we may learn, create and accomplish. Hence, the hand in this learning resource signifies that you as a learner is capable and empowered to successfully achieve the relevant competencies and skills at your own pace and time. Your academic success lies in your own hands! This module was designed to provide you with fun and meaningful opportunities for guided and independent learning at your own pace and time. You will be enabled to process the contents of the learning resource while being an active learner.  This module has the following parts and corresponding icons: What I Need to Know This will give you an idea of the skills or competencies you are expected to learn in the module. What I Know This part includes an activity that aims to check what you already know about the lesson to take. If you get all the answers correct (100%), you may decide to skip this module. What’s In This is a brief drill or review to help you link the current lesson with the previous one. What’s New In this portion, the new lesson will be introduced to you in various ways such as a story, a song, a poem, a problem opener, an activity or a situation. What is It This section provides a brief discussion of the lesson. This aims to help you discover and understand new concepts and skills. What’s More This comprises activities for independent practice to solidify your understanding and skills of the topic. You may check the answers to the exercises using the Answer Key at the end of the module. What I Have Learned This includes questions or blank sentence/paragraph to be filled into process what you learned from the lesson. What I Can Do This section provides an activity which will help you transfer your new knowledge or skill into real life situations or concerns. Assessment This is a task which aims to evaluate your level of mastery in achieving the learning competency. Additional Activities In this portion, another activity will be given to you to enrich your knowledge or skill of the lesson learned. This also tends retention of learned concepts. Answer Key This contains answers to all activities in the module. At the end of this module you will also find:  References This is a list of all sources used in developing this module. The following are some reminders in using this module: 1. Use the module with care. Do not put unnecessary mark/s on any part of the module. Use a separate sheet of paper in answering the exercises. 2. Don’t forget to answer What I Know before moving on to the other activities included in the module. 3. Read the instruction carefully before doing each task. 4. Observe honesty and integrity in doing the tasks and checking your answers. 5. Finish the task at hand before proceeding to the next. 6. Return this module to your teacher/facilitator once you are through with it. If you encounter any difficulty in answering the tasks in this module, do not hesitate to consult your teacher or facilitator. Always bear in mind that you are not alone. We hope that through this material, you will experience meaningful learning and gain deep understanding of the relevant competencies. You can do it! What I Need to Know This module was designed and written with you in mind. It is here to help you master the Media Arts – print media. The scope of this module permits it to be used in many different learning situations. The language used recognizes the diverse vocabulary level of students. The lessons are arranged to follow the standard sequence of the course. But the order in which you read them can be changed to correspond with the textbook you are now using. Lesson 1 – The different Layout Principles and Color Theory of Graphics in Print Media After going through this module, you are expected to explain the different Layout principles and color theory of graphics in print media.  What I Know Choose the letter of the best answer. Write the chosen letter on a separate sheet of paper. 1. It is anything from an interesting photo or graphics to a pull quote isolated in a column of white space that can catch the reader's eye. a.Emphasis b. Repetition c. Alignment d. Organizing Information 2. It is another word for concerns about symmetry and asymmetry. a. Emphasis b. Repetition c. Alignment d. balance 3. Colors which create a sense of warmth and heat in an image or a design. a. warm b. cool c. hot d. danger 4. It is associated with the color of the robes of royalty. a. Purple b. Green c. Red d. white 5. It is simply both the hue along with the value of the color. It refers to its lightness and ability to replicate light or reflection. a. brightness b. saturation c. color wheel d. complementary Lesson SPA: MEDIA ARTS (The different Lay out principles and 1 color theory of graphics in print media) In this lesson, you will be able to learn about print media. You will also learn the brief history, traditional functions, and how it changes peoples’ way of life and beliefs. This lesson will help you understand the different Lay Out Principles and Color Theory of graphics in print media. 2 SPA_MA-PM9-id-f-8 SPA_MA-PM9-ig-9  What’s In WORD PUZZLE Directions: Find the word(s) that you can read from the table below. Write the word(s) on a separate sheet of paper. B A L A N C E H R U R A L I G N M E N T Y E C L Y E L L O W R E P O O B L U E R H U E E L V G R E E N S K I T O E O R A N G E W E I R S B L A C K W H I T A N A L O G O U S D I P R I M A R Y E S S O P R O X I M I T E Y N Note to the Teacher Let the learners answer the following activities that will challenge their memory to identify and familiarize with the lesson. While making a design, certain things need to be taken care off, so that the design fulfills the need for effective communication besides being attractive and beautiful. While embarking on the making of the layout, one needs to understand the message and for whom it is intended. 3 SPA_MA-PM9-id-f-8 SPA_MA-PM9-ig-9  What’s New Good layouts never just happen; they have to be deliberately and carefully planned and worked out. Some of the things that help or direct the design of the layout must be kept in mind and considered serious: The nature of the message; The kind of picture or image that will be used; The process and paper on which it will be reproduced; The amount of text and its size; and Whether the layout will stand alone like a poster or compete with others in surrounding environment like in a newspaper. What is It Principles of Layout and Design Organizing Information Photographs, pull quotes, decks, and headlines help you tell the story. Other elements such as subheads, boxes, rules, and white space help you organize the story. For example, if you laid out three short articles on the same page, you would use rules, white space, and headlines to show readers that the articles were separate, not related. Getting Their Attention In today's media-intensive culture, people often decide that reading an ad, brochure, or newsletter is not worth their time, so even if your publication is important, it may end up in the wastebasket. An unusual design, however, can spark their interest. Even the most sophisticated readers get bored with staid designs. Bottom line: grab their attention first, and then keep them reading. Readability An effective page layout improves reader comprehension, so you have to balance the imaginative elements with the functional elements.SPA_MA-PM9-id-f-8 In other words, a splashy graphic laid out at an unexpected angle is eye-catching, but three columns of SPA_MA-PM9-ig-9 centered text is a nuisance. Balance 4  Balance is another word for concerns about symmetry and asymmetry. Symmetry provides stability and rest for the eye, while asymmetry creates tension and visual interest. Finding ways to create balance often depends on the piece. In a newsletter, for instance, a horizontal rule running along the top of the page contrasts against the vertical columns of text, adding an element of asymmetry to the page. Alignment Unify the appearance of your publication by aligning the elements on individual pages and creating strong page-to-page alignments, as well. In newsletters, for example, align the tops of photographs with the x-height (the top of the small case letters in a line of text) in the adjacent column, and give headlines the same alignment from page to page. Repetition Repetition of key elements (logo, box, rules, graphics etc.,) from page to page unifies the appearance of your publication. In a newsletter, for example, you might place the company logo at the bottom of every page, or in a brochure you might repeat a small graphic element in a variety of places. We used star shapes as backgrounds for drop caps and pull-quotes on every page of the 1997 Freestone. However, repetition without variety becomes monotonous, so use a photo or graphic to add interest to a page. The repetitive elements create visual coherence, while the occasional incongruous element creates contrast, the visual spice. Emphasis Use a hook to get the reader's attention. Anything from an interesting photo or graphic to a pull quote isolated in a column of white space can catch the reader's eye. When we communicate orally, we emphasize ideas by changing our tone of voice. In layout, a hook serves the same purpose. It tells the reader that something is important. Emphasis can be created in different ways. Text in a large point size, for example, shouts at the reader: "I'm important! Read me now." You are only limited by your imagination. Proximity Place related information in proximity, and separate unrelated information with SPA_MA-PM9-id-f-8 white space, rules, and borders. SPA_MA-PM9-ig-9 Color Theory – Definition 5  If color theory is simplified, it can be broken down into three (3) parts: the color wheel, color value and color schemes. Each part of color theory builds on the previous. Understanding each section of color theory fully will help you better understand its importance in the creation of art. Color Theory – Color Wheel Color Wheel is the basic theory of color represented in a circle (wheel). Color Theory – Color Wheel – Primary Colors Start out with the basis of all colors, called the Primary Colors. These are red, yellow, and blue Color Theory – Color Wheel – Secondary Colors Mix primary colors to create the secondary colors, which are green, orange and violet.. Color Theory – Color Wheel – Secondary Colors Color Theory – Color Wheel – Tertiary Colors Mix secondary and primary colors. These are red-violet, blue-violet, blue-green, yellow-green, red-orange, and yellow-orange. Color Theory – Color Wheel – Color Combinations So, now that you know how colors are made, you can understand how the color combinations on the color wheel model work. Understanding the principles of color combinations will help you to choose combinations that work well together, set the right mood, and create the right amount of contrast within your design work. Next are the basic color combinations derived from the color wheel. Color Theory – Color Wheel – Tints And Shades A tint of a color is when you take a color, such as blue in the example and add white to it. A shade is a hue that has black added to it. You can create a monochromatic/unified color scheme buy using tints and shades of the same hue. Color Theory – Color Wheel – Warm Colors Warm colors create a sense of warmth and heat in an image or a design. When you see warm colors, you think of the sun, heat, fire, and love (passion). Red is the color of blood, which is warm, and orange and yellow go along with summer. Adding an orange photo filter to an image instantly makes it look warmer and happier. Color Theory – Color Wheel – Cool Colors SPA_MA-PM9-id-f-8 Cool colors carry connotations of cool climates, winter, death, sadness, ice, night, SPA_MA-PM9-ig-9 and water. Cool colors can be associated with calmness, tranquility, trust, cleanliness. Purple is associated with royalty, because they are supposed to be reserved. 6  Color Theory – Color Meanings Red is the color of love and passion. Boxes of candies are red on Valentine’s Day. Some are pink, which is a tint of red. Red is also the color of anger and blood. Red, orange and yellow are all found in fire. Red can also mean danger. Orange represents warmth, but isn’t aggressive like red is. Orange can portray a fun atmosphere because it is energetic and creates a sense of warmth without associated connotations of danger and blood, as with the color red. Orange can be associated with health, such as vitamin C, which is commonly found in oranges. Yellow is associated with the sun and warmth. When used with orange, it creates a sense of summer fun. Yellow can be associated with thirst, and can be found on the walls of many refreshment shops. Yellow can also be associated with fear, which comes from the old expression of someone being “yellow.” When combined with black, it can gain a lot of attention. A good example outside of design would be a taxi. The combination gets a lot of attention. Green is the color of money, so in our culture it is associated with wealth. Since most plants are green, it is also associated with growth and health. It is used to show that products are natural and healthy, it also connotes profit and gain. Combined with blue, green further perpetuates health, cleanliness, life, and nature. Blue Depending on the tint and shade of blue, it can represent different feelings, thoughts, and emotions. In imagery, dark shades of blue can give a sense of sadness. An expression that goes along with this is “singing the blues” when someone is sad. Light blue is the color of the sky and of water, which can be refreshing, free, and calm. Blue skies are calming and tranquil. Water washes away dirt and cleans wounds. Blue can represent freshness and renewal, such as when rain washes away dirt and dust. The calmness of blue promotes relaxation. Purple Associated from the color of the robes of royalty, purple relates to royalty. Purples with more red can be associated with romances, intimacy, softness, and comfort. Purple can give a sense of mystique as well as luxury. A good example would be the wine website. White can be associated with sterility, due to doctors wearing white and most hospitals being white. Because most artistic depictions of religious figures are completely colorless, white represents “good” and holiness. White can represent cleanliness, such as clean linens and clean laundry. It can represent softness due to cotton and clouds. It can reference mental health due to the white coats and uniforms, white walls, etc. White is great for connoting health and cleanliness, as shown in the optical website shown below. Black is mostly associated with death, especially in the United States. It can SPA_MA-PM9-id-f-8 represent decay — due to rot — based on how food breaks down and turns black. Black can represent evil, because it is the opposite of white, which often represents SPA_MA-PM9-ig-9 good. It can represent anxiety due to darkness and the unknown. A lot of black in an image can suggest depression and despair, as well as loneliness. However, despite all of the negative connotations, when combined with other colors, such as gold, it 7 can represent luxury. Combined with silver or grey, it can represent sophistication, such as in the timepiece website shown below. A lot of the color black in an image can suggest depression and despair, as well as loneliness. However, despite all of the negative connotations, when combined with other colors, such as gold, it can represent luxury. Combined with silver or Grey, it can represent sophistication, such as in the timepiece website. It is essential to understand color as a designer. Everything that you design should take color into serious and careful consideration. The color choices that you make can create a great effect on the mood of your work. The right combination can gain attention and delivers the right message visually, further driving the message into your viewers’ minds. What’s More Activity 1.1 Understanding different layout principles and color theory of graphics in print media Let’s Have Fun! Artwork!!! Create a poster (manually or digitally) that applies the principle of layout and color theory. Rubrics for making a Poster MODERATELY MODERATELY WEAK AVERAGE STRONG CRITERIA WEAK STRONG 1 pts 2 pts 3 pts 4 pts 5 pts 1. Creativity 2. Impact 3. Cleanliness 1. In making a design, certain things need to be taken care off, so that the design fulfills the need for effective communication besides being attractive and beautiful. While embarking on the making of the layout, one needs to understand the message and for whom it is intended.SPA_MA-PM9-id-f-8 2. The color choices that you make can create a great effect on the mood of your work. The right combination can gain attention andSPA_MA-PM9-ig-9 delivers the right message visually, further driving the message into your viewers’ minds. 8  What I Have Learned 1. The Principles of Lay Out 2. The Color Theory What I Can Do ORGANIZE ME Directions: Classify the following principles and theories accordingly. Write your answer on a separate sheet of paper. Organizing Information Getting their Attention Balance Alignment Readability Proximity Repetition Emphasis Color Wheel Primary Colors Secondary Colors Tertiary color Color Combinations Cool color Warm Colors Tints and Shades Layout Principles Color Theory SPA_MA-PM9-id-f-8 SPA_MA-PM9-ig-9 9  Assessment Directions: Choose the letter of the word(s) to which the given statements imply. Write the chosen letter on a separate sheet of paper. 1. It is a key element (logo, box, rules, graphics etc.,) from page to page which unifies the appearance of your publication. a. repetition b. balance c. emphasis d. value 2.. It is a color scheme which involves the use of three colors. a. split complementary b. analogous c. tertiary d. color wheel 3. They are colors which carry connotations of cool climates, winter, death, sadness, ice, night, and water. a. Cool b. Warm c. Green d. Red 4. It is an effective page layout that improves reader comprehension, so you have to balance the imaginative elements with the functional elements. a. Readability b. Emphasis c. Proximity d. Balance 5. It is the basic theory of color represented in a circle. a. Color wheel b. Color c. Design d. Layout Additional Activities Answer Key SPA_MA-PM9-id-f-8 Collect text dominant, image dominant, and layouts with equal emphasis on both SPA_MA-PM9-ig-9 from newspapers and magazines and observe their peculiarities and nuances. 10 References 1. Abanoub M. Nassief ( 2014) Color Theory- Graphic Design https://www.slideshare.net/EngineeroBono/color-theory-graphic-design 2. Mary Lehti..(1994 - 2012).Desktop Publishing.Writing@CSU. Colorado State University.Available at https://writing.colostate.edu/guides/guide.cfm?guideid=36. 3. Principles of layout design Chapter 7 https://ncert.nic.in/ncerts/l/legd107.pdf 11 For inquiries or feedback, please write or call: Department of Education - Bureau of Learning Resources (DepEd-BLR) Ground Floor, Bonifacio Bldg., DepEd Complex Meralco Avenue, Pasig City, Philippines 1600 Telefax: (632) 8634-1072; 8634-1054; 8631-4985 Email Address: [email protected] * [email protected]