Concepts
Interactive Media and Web Design Applications
Concept:
Learning Experience:
(Instructional Strategy: Project-Based Learning) - Students will apply critical and creative thinking to visually and / or verbally express and represent their creative ideas with effective multimedia solutions. Students will design, develop, create, and evaluate effective interactive media and web designs.
(Instructional Strategy: Project-Based Learning) - Students will apply critical and creative thinking to visually and / or verbally express and represent their creative ideas with effective multimedia solutions. Students will design, develop, create, and evaluate effective interactive media and web designs.
Performance Task:
(Instructional Strategy: Project-Based Learning) - Students will be challenged with complex multimedia problems to solve, designing, developing, creating, and evaluating effective interactive media and web designs. Based on the criteria and constraints, students will determine the best possible solutions to meet the needs and wants of the end-user(s). Students will design, develop, create, and evaluate their design solutions.
(Instructional Strategy: Project-Based Learning) - Students will be challenged with complex multimedia problems to solve, designing, developing, creating, and evaluating effective interactive media and web designs. Based on the criteria and constraints, students will determine the best possible solutions to meet the needs and wants of the end-user(s). Students will design, develop, create, and evaluate their design solutions.
Concept: Introduction to Interactive Media and Web Design
Learning Experience:
(Instructional Strategy: Class Discussion) Students will examine various forms of interactive media. They will compare and contrast the interactive media and summarize how each form is different, how each form communicates messages, and how each form solves a different communications problem.
(Instructional Strategy: Class Discussion) Students will examine various forms of interactive media. They will compare and contrast the interactive media and summarize how each form is different, how each form communicates messages, and how each form solves a different communications problem.
Concept: Design Process
Concept:
Learning Experience:
Activation: (Instructional Strategy: Infographic) – Students will examine the interactive media design process infographic posted on our class website. We will discuss the following key points.
- Start: Why are we creating media?
- Form Ideas
- Gather Information
- Layout and Design
- Template Layout
- Navigation System
- Testing, Evaluating, and Presenting
(Instructional Strategy: Independent Practice) - Students will form ideas, gather information, create or gather design elements, organize and arrange design elements, and convert their ideas into design solutions that solve interactive media design problems.
Activation: (Instructional Strategy: Infographic) – Students will examine the interactive media design process infographic posted on our class website. We will discuss the following key points.
- Start: Why are we creating media?
- Form Ideas
- Gather Information
- Layout and Design
- Template Layout
- Navigation System
- Testing, Evaluating, and Presenting
(Instructional Strategy: Independent Practice) - Students will form ideas, gather information, create or gather design elements, organize and arrange design elements, and convert their ideas into design solutions that solve interactive media design problems.
Additional Concepts:
Resources:
Information: The interactive media design process is an approach for breaking down a large project into manageable chunks. Designers use the interactive media design process to solve a variety of problems.
- Interactive Media Design Process
Information: The interactive media design process is an approach for breaking down a large project into manageable chunks. Designers use the interactive media design process to solve a variety of problems.
- Interactive Media Design Process
Concept: Peer Review and Innovation
Concept:
Learning Experience:
(Instructional Strategy: Analysis of Student Work / Peer Review) – Students can learn an enormous amount about design by assessing how others have successfully solved the same problem. Any design problem can be solved in a great number of ways, but each design solution bears positive and negative consequences. Utilizing the peer review questions posted on our class website, students will examine, evaluate, and peer review sample student produced and professionally produced design solutions. Students will examine how and why the designer arranged design elements, why the designer choose the design elements, does the design clearly communicate the intended message and does the design solution work. Students will use what they observe to brainstorm ideas, innovate, and begin to visually represent their own creative ideas.
(Instructional Strategy: Analysis of Student Work / Peer Review) – Students can learn an enormous amount about design by assessing how others have successfully solved the same problem. Any design problem can be solved in a great number of ways, but each design solution bears positive and negative consequences. Utilizing the peer review questions posted on our class website, students will examine, evaluate, and peer review sample student produced and professionally produced design solutions. Students will examine how and why the designer arranged design elements, why the designer choose the design elements, does the design clearly communicate the intended message and does the design solution work. Students will use what they observe to brainstorm ideas, innovate, and begin to visually represent their own creative ideas.
Additional Concepts:
Concept: Layout and Design
Concept:
Learning Experience:
(Instructional Strategy: Project-Based Learning) - Students will layout, design, develop, and create interactive media that secures the viewer's involvement with compelling and engaging interactive experiences and enhances the viewer's knowledge and interest. The media will allow the viewer to become an active participant by moving forward and backward through the presentation. Students will design a presentation that is clear, organized, useful, easy to understand, frustration-free, media-rich, and respect the user. Students will design a presentation with a streamlined visual layout that provides an immediate sense of location at all times, one that offers consistent elements from page to page. Students will fit elements into a limited space, arrange elements so that they are functional and accessible, create a consistent look between pages, and establish a visual hierarchy.
(Instructional Strategy: Project-Based Learning) - Students will layout, design, develop, and create interactive media that secures the viewer's involvement with compelling and engaging interactive experiences and enhances the viewer's knowledge and interest. The media will allow the viewer to become an active participant by moving forward and backward through the presentation. Students will design a presentation that is clear, organized, useful, easy to understand, frustration-free, media-rich, and respect the user. Students will design a presentation with a streamlined visual layout that provides an immediate sense of location at all times, one that offers consistent elements from page to page. Students will fit elements into a limited space, arrange elements so that they are functional and accessible, create a consistent look between pages, and establish a visual hierarchy.
Additional Concepts:
Resources:
- Project Planning Notes
- Website Layout
- Website Template
- User-Interface Layout
- Portfolio Layout
- Project Planning Notes
- Website Layout
- Website Template
- User-Interface Layout
- Portfolio Layout
Concept: Applying Knowledge and Technical Skills
Learning Experience:
Activation: (Instructional Strategy: Infographic) - Students will examine the infographic posted on our class website.
(Instructional Strategy: Independent Practice) - Students will model, practice and apply interactive media design knowledge, graphic design tools, animation tools, web design tools, and / or programming tools to design, develop, and create interactive media.
Activation: (Instructional Strategy: Infographic) - Students will examine the infographic posted on our class website.
(Instructional Strategy: Independent Practice) - Students will model, practice and apply interactive media design knowledge, graphic design tools, animation tools, web design tools, and / or programming tools to design, develop, and create interactive media.
Additional Concepts:
Resources:
- Navigation System
- Website Knowledge and Skills
- User-Interface Knowledge and Skills
- Widgets
- Navigation System
- Website Knowledge and Skills
- User-Interface Knowledge and Skills
- Widgets
Concept: Apply Design Principles
Concept:
Learning Experience:
Activation: (Instructional Strategy: Infographic) - Students will examine the design principles infographics posted on our class website. We will discuss the following key points. (Balance, Visual Hierarchy, Focal Point, Contrast, Unity, Repetition, Alignment, Proximity, Spatial Depth, Illusion, Grid, and Template)
(Instructional Strategy: Independent Practice) - Students will model, practice, and apply fundamental elements of design, balance, visual hierarchy, focal point, contrast, unity, repetition, alignment, proximity, spatial depth, illusion, grid and template to design, develop, and create effective interactive media.
Activation: (Instructional Strategy: Infographic) - Students will examine the design principles infographics posted on our class website. We will discuss the following key points. (Balance, Visual Hierarchy, Focal Point, Contrast, Unity, Repetition, Alignment, Proximity, Spatial Depth, Illusion, Grid, and Template)
(Instructional Strategy: Independent Practice) - Students will model, practice, and apply fundamental elements of design, balance, visual hierarchy, focal point, contrast, unity, repetition, alignment, proximity, spatial depth, illusion, grid and template to design, develop, and create effective interactive media.
Additional Concepts:
Concept: Experimentation and Development
Concept:
Learning Experience:
Activation: (Instructional Strategy: Infographic) - Students will examine the development process and experimentation infographics posted on our class website. We will discuss the development process key points. (Identify the Problem, Form Ideas, Gather Information, Design, Develop, Create, Experiment, Test, Evaluate, Refine, and Present) We will discuss experimentation key points. (Experimentation Notes, Design Principles, Tools and Technical Skills, Fundamental Elements, Expressing Creative Ideas, Custom Fonts, Colors, and Visual Effects)
(Hands-on Learning / Problem Solving) - Students will experiment with design principles, experiment with tools and technical skills, experiment with fundamental elements of design, experiment with expressing their creative ideas, experiment with custom fonts, experiment with color, and experiment with visual effects to design, develop, and create interactive media solutions.
Activation: (Instructional Strategy: Infographic) - Students will examine the development process and experimentation infographics posted on our class website. We will discuss the development process key points. (Identify the Problem, Form Ideas, Gather Information, Design, Develop, Create, Experiment, Test, Evaluate, Refine, and Present) We will discuss experimentation key points. (Experimentation Notes, Design Principles, Tools and Technical Skills, Fundamental Elements, Expressing Creative Ideas, Custom Fonts, Colors, and Visual Effects)
(Hands-on Learning / Problem Solving) - Students will experiment with design principles, experiment with tools and technical skills, experiment with fundamental elements of design, experiment with expressing their creative ideas, experiment with custom fonts, experiment with color, and experiment with visual effects to design, develop, and create interactive media solutions.
Additional Concepts:
Concept: Testing, Evaluating, and Refining Designs
Concept:
Learning Experience:
Activation: (Instructional Strategy: Student Self-Assessment) - Using a pre-determined checklist of quality and completeness indicators, students will assess their own work and use the information to revise their performance task solutions or to plan future learning experiences.
(Instructional Strategy: Independent Practice) - Design is not measured in terms of right or wrong, but rather by the degree of success demonstrated in problem solving. Students will examine, test, evaluate, and refine their design solutions to ensure they work, are neat, clean, accurate, and functional, communicate the intended message, and meet the needs and wants of the end-user. Students will utilize self-evaluation tools and questions to examine and evaluate their design solutions.
Activation: (Instructional Strategy: Student Self-Assessment) - Using a pre-determined checklist of quality and completeness indicators, students will assess their own work and use the information to revise their performance task solutions or to plan future learning experiences.
(Instructional Strategy: Independent Practice) - Design is not measured in terms of right or wrong, but rather by the degree of success demonstrated in problem solving. Students will examine, test, evaluate, and refine their design solutions to ensure they work, are neat, clean, accurate, and functional, communicate the intended message, and meet the needs and wants of the end-user. Students will utilize self-evaluation tools and questions to examine and evaluate their design solutions.
Additional Concepts:
Concept: Finalizing and Presenting Designs
Concept:
Learning Experience:
(Instructional Strategy: Independent Practice) - Students will finalize and digitally present functional, aesthetically pleasing, thought provoking, and expressive designs that solve communications problems. Students will convert raw projects and / or files into a format that can be view by any person on any computer.
(Instructional Strategy: Independent Practice) - Students will finalize and digitally present functional, aesthetically pleasing, thought provoking, and expressive designs that solve communications problems. Students will convert raw projects and / or files into a format that can be view by any person on any computer.
Additional Concepts: