MM reviewer.pdf

Introduction to Hypertext, (such as text, images, audio, video) in Hypermedia, and Multimedia addition to hyperlinks. Hypertext Example: An interactive website about where you can click on a li...

Introduction to Hypertext, (such as text, images, audio, video) in Hypermedia, and Multimedia addition to hyperlinks. Hypertext Example: An interactive website about where you can click on a link in the text Primarily used on the internet and in to watch a video with more detailed digital documents. It allows users to information, listen to an audio clip, and navigate from one piece of content to view images, all linked together in an another through clickable links. For integrated experience. example, when you click on a highlighted word or phrase in a web Focus: Integrates multiple forms of page and are taken to another page or media, including text, images, audio, section related to that term, you’re and video, with interconnected links to experiencing hypertext in action. enhance the user experience. What is Hypertext? https://www.adidas.com.ph/ Definition: A system of linking text- based information to other Multimedia documents or sections of a document. Refers to the use of various types of media— such as text, images, audio, Example: Clicking on a highlighted word video, and animations—to present or phrase in a webpage that takes you information or create an interactive to a experience. It's a broad term that covers different page or section explaining that any combination of these elements to term in more detail. communicate content in a more engaging and dynamic way than text Read more! alone. Hypermedia What is Multimedia? Is an extension of hypertext that Definition: The use of multiple forms includes multimedia elements such as of media (text, images, audio, video, text, images, audio, video, and animations) to present information or animations. Essentially, while hypertext create an experience. involves linking text-based content, hypermedia integrates various types of Example: A multimedia presentation or media to create a richer, more software application that combines text, interactive experience. images, video, and sound to explain a concept or entertain users. What is Hypermedia? Focus: Involves the use of various Definition: An extension of hypertext media types but does not necessarily that includes multimedia elements include the interactive, linked nature of Animations hypertext and hypermedia. Motion graphics and animated sequences that can explain complex Examples of Multimedia: ideas or make content more engaging. Educational Software Differences Programs that use text, video tutorials, In essence, while hypertext and interactive diagrams, and quizzes to hypermedia emphasize the linking of teach various subjects. content, multimedia encompasses the Interactive Websites use of various media types, with hypermedia being a more interactive Sites that combine text, images, videos, subset of multimedia. and interactive elements like clickable maps or virtual tours. What are the differences between Hypertext, Hypermedia, and Video Games Multimedia? Games that integrate graphics, sound Hypertext focuses on text-based links effects, music, and text to create an that direct users to other textbased immersive experience. documents or sections. Marketing Presentations Hypermedia Sites that combine text, images, videos, Hypermedia extends hypertext by and interactive elements like clickable incorporating multiple forms of media maps or virtual tours. (text, images, audio, video) with links that connect these various types of Components of Multimedia: content. Text Multimedia Written content used to convey Multimedia refers broadly to the use of information or provide context. different media types to present Images information but does not inherently Photographs, illustrations, and graphics involve the linking and interactive that visually represent information. aspects of hypertext and hypermedia. Audio Sound elements, including voiceovers, music, and sound effects, used to enhance or complement the visual content. Video Moving images and sound used to illustrate concepts, provide demonstrations, or tell stories. Learning about Multimedia Examples: Photos: In online galleries or social media. Illustrations: In books or educational content. Introduction to Multimedia Memes: In digital culture and social media Definition: Videos Multimedia refers to the integration of multiple Combines moving images with sound to convey forms of media—such as text, audio, images, information or tell stories. video, and animations—into a single Examples: interactive presentation or experience. Tutorial Videos: Instructional content on Importance: platforms like YouTube. Explains how multimedia enhances Movies and TV Shows: Entertainment and communication, learning, and entertainment by storytelling. combining various forms of media. Corporate Videos: Presentations, Text and Graphics advertisements, and promotional content. Text: Provides fundamental information and context. Animations Example: Articles and reports with embedded Moving graphics or images to illustrate images. concepts or create engaging content. Graphics: Includes charts, diagrams, and Examples: infographics. Example: Infographics in news articles or Cartoons: For entertainment and education. educational materials. Animated Explainers: Simplifying complex Audio ideas or processes. Uses sound to enhance the user experience. Motion Graphics: In advertising Examples: or multimedia projects. Podcasts: Audio content on various topics. Music: Background tracks in videos or games. Interactive Media Voiceovers: Used in instructional videos or Engages users through interactive elements animated content. and feedback. Images Examples: Visual representations that complement or enhance text. Video Games: Combining graphics, sound, and interactivity. Interactive Websites: Featuring clickable Future Trends in Multimedia elements, quizzes, and forms. Emerging technologies and their impact on Virtual Reality (VR): Immersive experiences in multimedia. simulated environments. Examples: Augmented Reality (AR) AI and Machine Learning: Personalizing Overlays digital content onto the real world content. through devices. Advanced VR and AR: Creating more Examples: immersive experiences. AR Apps: Like Pokémon GO, which blend 5G Technology: Enhancing the speed and digital elements with the physical environment. quality of multimedia content delivery. AR Filters: On social media platforms to Plan Your Content enhance photos and videos. Examples: Multimedia in Education Audience: Understand who your audience is. Enhances learning by integrating different Tailor your content to their Concept: Develop a media forms. concept or storyline. Outline the main ideas Examples: and how different multimedia elements will support these ideas. E-Learning Platforms: With videos, quizzes, and interactive content. Script: Write a script or storyboard if your project involves video or animation. This will Virtual Classrooms: Using live guide the production process and ensure video, presentations, and interactive tools. coherence., needs, and level of Multimedia in Marketing and Advertising understanding. Utilizes multimedia to create compelling Gather and Create Content marketing campaigns. Examples: Examples: Images: Source high-quality images or create Commercials: Combining video, audio, and your own using graphic design tools. Make graphics. sure they are relevant and visually appealing. Social Media Ads: With engaging visuals, videos, and interactive elements. Audio: Record or source audio files, including voiceovers, sound effects, and background music. Ensure that audio quality is high and a website, social media, or a multimedia that it complements your multimedia project. presentation. Video: Shoot or source video clips. Use video Promotion: Promote your project through editing software to cut, arrange, and enhance various channels to reach your intended your footage. audience. Interactive Elements: For interactive projects, Evaluate and Improve design elements like buttons, forms, or Examples: clickable areas. Use tools or code to create Analytics: Track engagement and feedback interactive features. to understand how well your multimedia Assemble Your Multimedia Project project is Examples: performing. Integration: Combine your text, images, audio, Refinement: Use this information to make and video using the chosen software. Ensure improvements or create new multimedia that all elements work together smoothly. content based on what you’ve learned. Editing: Review and edit your project for By following these steps, you can create coherence, accuracy, and quality. Check that effective and engaging multimedia content multimedia elements enhance rather than that captures attention and communicates distract from the main message. your message effectively. Test and Review Principles of Multimedia Personalization Principle Examples: The Personalization Principle says that humans learn best from a more informal, conversational Feedback: Share your project with others to voice than an overly formal voice. Having a more get feedback. Make adjustments based on their casual voice actually improves the learning experience. input. Voice Principle Functionality: Test interactive elements and People learn better when the words are spoken in a ensure that all media plays correctly across standard-accented human voice rather than a machine voice or foreign-accented human voice. different devices and platforms. Signaling Principle Publish and Promote People learn better when cues that highlight the organization of the essential material are added. Examples: Distribution: Choose the right platform for publishing your multimedia project, whether it's Interactivity Principle design elements. Avoid clutter by focusing on People learn better when they can control the the main message. speed of the learning assets. Whitespace: Incorporate ample whitespace Pre-training Principle to create breathing room around elements. People learn better from a multimedia lesson when This enhances readability and focus they know the names and characteristics of the main concepts. CONSISTENT TYPOGRAPHY  Multimedia Principle Limit Fonts: Use a maximum of two or three People learn better from words and pictures than complementary fonts. Consistency in font from words alone, words (such as spoken text or printed text), and graphic (such as illustrations, choices helps create a cohesive look. charts, photos, animation, or video). Hierarchy: Establish a clear typographic Contiguity Principle hierarchy with sizes, weights, and styles to People learn better when: o Relevant text and guide the viewer’s eye. visuals are physically close together. o Corresponding words and visuals are presented COLOR HARMONY together, instead of in consecutive order. Palette Selection: Choose a limited color Coherence Principle palette (3-5 colors) that works well together. It emphasizes how close or far apart elements Stick to complementary or analogous colors are from each other. The principle of proximity helps to create a sense of organization and for a unified appearance. structure, guiding the viewer’s eye and making Contrast: Ensure sufficient contrast between the design more intuitive. text and background for readability. Modality Principle People learn better from graphics and narration ALIGNMENT AND GRID SYSTEMS than graphics and printed text Grid Use: Implement a grid system to align Segmenting Principle elements consistently. This creates a People learn better from a multimedia lesson is structured layout and helps with balance. presented in user-paced segments rather than as a Alignment: Ensure that text, images, and continuous unit. other elements are aligned properly to create CREATING CLEAN GRAPHIC DESIGNS a clean, organized look. (DO’S) ACHIEVING CONSISTENT VISUAL ELEMENTS CLEANLINESS IN GRAPHIC DESIGN IS Iconography: Use a consistent style for icons ESSENTIAL FOR EFFECTIVE and illustrations. This ties your design COMMUNICATION AND A POLISHED FINAL together and enhances visual coherence. PRODUCT Images: Choose high-quality images that SIMPLICITY align with the overall style. Maintain Minimize Elements: Use only the necessary consistent image treatments (e.g., filters, CLUTTERED LAYOUTS borders). Too Many Elements: Avoid overcrowding your design with too many graphics, text, or CLEAR MESSAGING images. This can confuse the viewer and Focus on Purpose: Ensure that every dilute the message. element serves a purpose. Remove anything Excessive Details: Keep details minimal to that doesn’t contribute to the overall message. maintain focus on the main content. Concise Text: Use clear, concise language. Avoid unnecessary jargon or lengthy INCONSISTENT TYPOGRAPHY paragraphs. Mixing Too Many Fonts: Limit yourself to two or three complementary fonts to maintain ITERATIVE FEEDBACK a cohesive look. Seek Input: Share drafts with peers or clients Ignoring Hierarchy: Failing to establish a to get feedback on clarity and cleanliness. clear typographic hierarchy can make your Fresh eyes can spot areas that may feel text hard to read and understand. cluttered or confusing. Revise: Be open to making changes based POOR COLOR CHOICES on feedback. Iteration is key to achieving a Overly Bright or Clashing Colors: Avoid clean final design. colors that are too bright or don’t complement each other. Stick to a well-defined color ATTENTION TO DETAIL palette. Pixel Perfection: Ensure that all elements Insufficient Contrast: Ensure that text is are precisely placed and well-spaced. Pay easily readable against its background; poor attention to details like alignment and spacing. contrast can lead to accessibility issues. Proofreading: Check for typos and grammatical errors. Clean text contributes to NEGLECTING WHITESPACE an overall polished design. Crowded Designs: Not utilizing whitespace can make a design feel chaotic. Whitespace CREATING CLEAN GRAPHIC DESIGNS enhances readability and focus. (DONT’S) Ignoring Margins and Padding: Ensure WHEN CREATING GRAPHIC DESIGNS, sufficient spacing around elements to prevent AVOIDING CERTAIN PITFALLS CAN a cramped look. SIGNIFICANTLY ENHANCE THE INCONSISTENT VISUAL STYLE EFFECTIVENESS AND PROFESSIONALISM Mixed Design Styles: Avoid using different OF YOUR WORK. design styles or elements that clash with each other. Consistency in visuals is key to professionalism. Ignoring Resolution: Ensure your designs Unmatched Image Quality: Use high-quality are at the right resolution for their intended images throughout. Low-resolution images use to avoid pixelation or blurriness. can undermine the overall design. RUSHING THE PROCESS OVERLY COMPLEX GRAPHICS Skipping the Planning Stage: Failing to Busy Illustrations: Avoid overly complex outline your ideas or concepts can lead to graphics that distract from the message. disorganized results. Take time to plan before Simplicity often conveys ideas more diving into design. effectively. Neglecting Iteration: Good design often Unnecessary Effects: Overusing shadows, requires multiple revisions. Don’t settle for the gradients, or effects can make designs look first draft; refine and improve your work dated or unprofessional. IGNORING TARGET AUDIENCE Designing Without Context: Always consider your audience. A design that resonates with one demographic might not work for another. Using Inappropriate Language or Imagery: Allan Paivio and Dual Coding Theory Ensure that your design is culturally sensitive Allan Paivio and appropriate for the intended audience. Born December 1, 1941 Professor of Psychology at University of SKIPPING PROOFREADING Western Ontario. Author of Dual Coding Theory Typos and Errors: Failing to proofread can Origins of Theory result in embarrassing mistakes. Always Paivio had subjects recall a list of words and a list of pictures check for spelling and grammatical errors. Pictures and words were recalled in a different Disregarding Feedback: Ignoring order constructive criticism can prevent you from Theory we process information in two separate channels improving your work. Be open to suggestions. Dual Coding Theory Theory of cognition which states both visual OVERLOOKING FILE FORMATS AND and verbal information is processed separately SIZES Example Incorrect File Types: Use appropriate file Watching a television show with video footage of a rainforest while describing how the formats for your designs based on their ecosystem works intended use (e.g., PNG for web, PDF for Anderson & Bower (1973) Verbal information can be enhanced when print). paired with a visual image, real or imagined. Stone & Glock (1981) College students were given written assembly instruction Fewer errors when shown pictures with text Levie & Lentz (1982) Children learned more from text that was presented with illustrations Learning increased by onethird with illustration Mayer & Sims (1994) Multimedia can be effective when used for education but only if used in appropriate ways Idea #1 Use words and pictures rather than just words alone Idea #2 Present pictures and corresponding words or narrations close together in space or time Idea #3 Minimize irrelevant details only display the most important information Idea #4 Present words as speech rather than on- screen text Implications Incorporating the dual coding theory with the proper technology can make the educational process more powerful