Wallingford Public Schools - HIGH SCHOOL COURSE OUTLINE Course Title: Graphic Communication Course Number: 7173 Department: Career and Technical Education Grade(s): 9-12 Level(s): Academic Credit: ½ Course Description Utilizing multiple software applications, scanners, digital cameras, and laser and color printers, students will learn how ideas are communicated through words and illustrations to create a graphic message. A variety of input devices will be used to design and produce graphic messages such as posters, letterheads, business cards, and brochures. Students will be exposed to areas of web page design including HTML coding and other web design software. Required Instructional Materials Microsoft Office Front Page 2003 Text New Perspectives, Jessica Evans Copyright 2007. Microsoft Office Suite including: FrontPage Publisher Power Point Word CorelDraw Graphics Suite ADOBE Photo Shop Elements San Serif Draw Plus Internet Explorer Completion/Revision Date Approved by Board of Education on May 19, 2008 Equipment: DVD Video Camera Digital Camera Black and White Laser Printer Color Printer Digital Memory Card Reader Microsoft Notepad Internet Access Mission Statement of the Curriculum Management Team The mission of the Career and Technical Education Curriculum Management Team is to ensure that students, as a result of their experiences in K-12, will demonstrate transferable skills, knowledge, and attributes for successful life management, employment, career development, post-secondary educational opportunities, and life long learning. Page 1 of 8
Enduring Understandings for the Course A graphic design solution can convey many meanings and different emotions. the intent of communicating ideas and Graphic design is a visual language. Graphic designs use various design principles to impact a design with a desired effect in mind. Web pages are derived from the specific internet language known as Hyper Text Markup Language. (HTML) Digital technology enhancements can impact graphic publications. Ethical considerations and copyright laws govern graphic communication practices. Animation can enhance graphic messages. Commercial websites are a primary marketing tool through which products and services are communicated to the public. Career opportunities related to graphic communications will require social diversity, awareness of trends and requirements, lifelong learning, and the ability to work individually and in teams. Page 2 of 8
1.0 Principles of Design A graphic design solution can carry and convey many different meanings and elicit different emotions. Graphic design is a visual language. Graphic designs use various principles to impact a design with a desired effect in mind. LEARNING OBJECTIVES The student will: 1.1 Identify the primary principles of design: unity, variety, hierarchy and proportion. 1.2 Identify the support principles of design: scale, balance, rhyme and repetition and proximity. 1.3 Recognize the elements of design: shape, size, line, color, typography and texture. 1.4 Evaluate several graphic works to differentiate between effective and ineffective design. How do graphic images communicate ideas and emotions visually? How do the principles of design affect all forms of graphic images? Electronic and printed examples that identify proper and improper use of the principles of design Demonstrate examples for each of the principles of design Demonstrate examples of support principles of design Demonstrate elements of design Present examples of graphic design that incorrectly utilize the principles of design Use rubrics for peer evaluation of sample designs Group discussion Written assignment evaluating a form of printed advertisement for proper and improper uses of design principles Participation Page 3 of 8
2.0 Use of HTML Coding for Web Page Design A graphic design solution can carry and convey many different meanings and elicit different emotions. Graphic communication is the design and creation of graphic messages with the intent of communicating ideas and thoughts from person to person. Web pages are derived from the specific internet language known as Hyper Text Markup Language. (HTML) 2.1 Identify the origins of HTML coding. 2.2 Investigate the five basic components of HTML coding: <HTML> <Heading> <Body> <Title> Ending Tags 2.3 Apply the five basic components to create a web page. 2.4 Evaluate the uses of more complex components of HTML coding: Background changes Inserting images Creating hyperlinks Creating mailtos Creating lists Inserting text 2.5 Apply more complex components of HTML to an existing web page. 2.6 Create a personalized web page implementing the more complex components of HTML coding. How can you effectively use HTML coding to design a web page? Why is there a need for a universal internet language? Microsoft Internet Explorer HTML Basics Informational Packet Instructional Project Design Brief Use PowerPoint presentation to identify origins and basic components of HTML coding Create a demonstration web page utilizing the five basic components Demonstrate multiple applications of more complex components to improve web page communication Establish the criteria students will use to create their personal web page PowerPoint presentations Personal web page project assessment Quiz Rubric identifying the required components of the personal web page Teacher observations Participation Homework Self & Peer Evaluations Page 4 of 8
3.0 Creating Publications for Print A graphic design solution can convey many levels of meanings and elicit different emotions. 3.1 Identify the various uses of Microsoft Publisher. 3.2 Utilize Microsoft Publisher to develop various publications for print: Greeting Card Business Card Calendar Brochure 3.3 Incorporate the principles of design into the various publications. 3.4 Utilize graphics from various sources to enhance the effect of the publication. How does a publication communicate its message? What makes a publication effective? Can a publication affect decisions? Why do people perceive publications differently? Various print resources (magazines, brochures, greeting cards, calendars) Various electronic resources (internet, digital camera, scanner) LCD for student PowerPoint presentations Demonstrate the various uses and capabilities of Microsoft Publisher Research various print and electronic resources for use in project designs Demonstrate components of various print forms Compare and contrast existing internet publications for effective and ineffective methods of communication Cooperative learning (group brochure competition) Rubrics Performance based assessments Computer based projects Student PowerPoint presentation Page 5 of 8
4.0 Manipulation of Graphic Images A graphic design solution can convey many levels of meanings and elicit different emotions. Ethical considerations and copyright laws govern graphic communication practices. Digital technology enhancements can impact graphic publications. 4.1 Identify the different applications of graphic altering software. 4.2 Recognize the fundamental tools of the graphic program. 4.3 Apply the fundamental tools to create and enhance a graphic image. 4.4 Enhance an existing publication and justify the modifications. 4.5 Utilize graphic programs to create various graphic images: Banner Personalized photograph Fictional movie poster 4.6 Evaluate several publications for effective and ineffective graphic manipulations. How has digital technology changed the graphics industry? Why are most photographs digitally enhanced before publication? Are there ethical considerations when altering photographs or any type of graphic image? Various Print and Electronic Resources Scanner Demonstrate the different applications of the graphic altering software Demonstrate the fundamental tools of the graphic altering software Demonstrate how to enhance an existing publication using built-in sequential tutorials. Cooperative learning to evaluate and modify a graphic publication Peer evaluation Demonstrate the use of various cameras and printers to capture and print graphic images Rubrics identifying the required components of any graphic publication Peer evaluation Computer based projects Page 6 of 8
5.0 Principles of Animation A graphic design solution can convey many levels of meanings and elicit different emotions. Animation can enhance graphic messages. 5.1 Identify the difference between hand drawn and digital animations. 5.2 Apply the fundamental tools of San Serif Draw Plus: Create a frame Delete a frame Clone a frame Run an animation 5.3 Apply the advanced tools for San Serif Draw Plus: Frame time duration Node tool Inserting images from outside sources Rotate tool Quick objects 5.4 Recognize how animations may enhance the communication of graphic messages. How are digital animations created? How has digital animation impacted the internet? How does animation enhance graphic communication? Various Printed and Electronic Resources Research Internet Websites (Pixar.com; simplephotoshop.com; simmerspaintshop.com) Demonstrate the process of hand drawn animation Demonstrate the tools of Draw Plus Research animation based websites Present examples of animated film trailers Rubrics identifying the required components of animations projects Performance based assessment Participation Computer based projects Page 7 of 8
6.0 Design a Commercial Web Page A graphic design solution can convey many levels of meanings and elicit different emotions.. Commercial websites are a primary marketing tool through which products and services are communicated to the public. Career opportunities related to graphic communications will require social diversity, awareness of trends and principles, lifelong learning, and the ability to work individually and in teams. 6.1 Research and evaluate commercial websites for effective communication. 6.2 Apply FrontPage software to design a commercial website for an existing product or service. 6.3 Demonstrate the uses of the following applications in their commercial website publication: Principles of Design HTML Coding Microsoft Publisher Photoshop/CorelDraw Draw Plus 6.4 Research the multiple career opportunities related to the field of graphic communications. How does a commercial web page market a service or product? How can graphic publications influence consumer decision making? How can the overuse of graphic applications distort the message? Why will all technology-related careers require lifelong learning? Various Print and Electronic Resources Career research at www.ctdol.gov (CT Department of Labor) Demonstrating marketing effectiveness through various commercial website examples Demonstrate fundamentals of FrontPage web design software Analyze and evaluate past student-created commercial web pages Cooperative learning Rubric identifying student use of all graphic applications Peer evaluation Project based evaluation Student presentations on career opportunities Student presentations of their own commercial website creations Page 8 of 8