Designing Multimedia Project

29,560 views

Published on

Published in: Education
2 Comments
8 Likes
Statistics
Notes
No Downloads
Views
Total views
29,560
On SlideShare
0
From Embeds
0
Number of Embeds
43
Actions
Shares
0
Downloads
753
Comments
2
Likes
8
Embeds 0
No embeds

No notes for slide

Designing Multimedia Project

  1. 1. OVERVIEW  Strategies in designing multimedia project  Designing a multimedia project
  2. 2. STRATEGIES FOR CREATING INTERACTIVE MULTIMEDIA  Designing and building multimedia project.  Feedback loops and good communication between the design and production effort.  Spends more effort in rendering the project  Methods chosen scopes size style of the team  Detailed design- separated design team with development team.
  3. 3. RENDERING  Rendering is the process of generating an image from a model, by means of computer programs.  The model is a description of three-dimensional objects in a strictly defined language or data structure.  It would contain geometry viewpoint texture lightening shading information  The image is a digital image or raster graphic image.
  4. 4. DESIGNING MULTIMEDIA PROJECT  Requires knowledge computer skills talent graphics arts video music ability to conceptualize logical pathways  Involves thinking choosing making doing
  5. 5. DESIGNING MULTIMEDIA PROJECT  Designing Structure • The manner in which project material is organized has just as great an impact on the viewer as the content itself. User Interface • The user interface of a project is a blend of its graphic elements and its navigation system.
  6. 6. DESIGNING THE STRUCTURE Navigation maps Architectural Drawing Hotspots  Through Hyperlinks Image Maps Icons and Buttons
  7. 7. NAVIGATION MAPS/SITE MAPS  Done early in the planning phase.  Help organize the content and messages.  Provide a hierarchical table of contents and a chart of the logical flow of the interactive interface.  Essentially non-linear.
  8. 8. Organizing Structures Hierarchical/ Linear Liner with Non-linear Composite branching Users navigate along Users may navigate Users navigate Users navigate freely the branches of a tree non-linearly, but are sequentially, from one through the content, structure that is occasionally frame of information unbound by shaped by the natural constrained to linear to another predetermined routes. logic of the content. presentations. Structures
  9. 9. TYPES OF SITE MAPS
  10. 10. DESIGNING THE STRUCTURE Navigation maps Architectural Drawing Hotspots  Through Hyperlinks Image Maps Icons and Buttons
  11. 11. ARCHITECTURAL DRAWING  Storyboards and navigation maps.  Storyboards are linked to navigation maps during the design process, and help to visualize the information architecture.
  12. 12. STORYBOARD
  13. 13. Types of Structure Depth structure Surface structure Represents the complete Represents the structures navigation map and actually realized by a user describes all the links while navigating the depth between all the structure. components of the project.
  14. 14. DESIGNING THE STRUCTURE Navigation maps Architectural Drawing Hotspots  Through Hyperlinks Image Maps Icons and Buttons
  15. 15. HOTSPOTS  Add interactivity to a multimedia project.  Categories of hotspots text graphic icon  The simplest hot spots on the Web are the text anchors that link a document to other documents.  Example
  16. 16. DESIGNING THE STRUCTURE Navigation maps Architectural Drawing Hotspots  Through Hyperlinks Image Maps Icons and Buttons
  17. 17. HYPERLINKS  A hotspot that connects a viewer to another part of the same document, a different document, or another Web site.  Example: Hyperlink
  18. 18. DESIGNING THE STRUCTURE Navigation maps Architectural Drawing Hotspots  Through Hyperlinks Image Maps Icons and Buttons
  19. 19. IMAGE MAPS  Larger images that are sectioned into hot areas with associated links.  Example
  20. 20. DESIGNING THE STRUCTURE Navigation maps Architectural Drawing Hotspots  Through Hyperlinks Image Maps Icons and Buttons
  21. 21. ICONS AND BUTTONS  Icons are fundamental graphic objects symbolic of an activity or concept.  A graphic image that is a hotspot is called a button.  Plug-ins such as Flash, Shockwave, or JavaScripts enable users to create plain or animated buttons.  Small JPEG or GIF images that are themselves anchor links can also serve as buttons on the Web.
  22. 22. DESIGNING THE USER INTERFACE  Is a blend of graphic elements and navigation system.  Can contain plenty of navigational power, which provides access to content and tasks for users at all levels.  The interface should be simple and user-friendly.
  23. 23. GRAPHICAL USER INTERFACES  The GUIs of Macintosh and Windows are successful due to their simplicity, consistency, and ease of use.  GUIs offer built-in help systems, and provide standard patterns of activity that produce the standard expected results.
  24. 24. GRAPHICAL APPROACHES THAT WORK  Plenty of "non-information areas," or white space in the screens.  Neatly executed contrasts.  Gradients.  Shadows.  Eye-grabbers.  Example of a good website interface.
  25. 25. GRAPHICAL APPROACHES TO AVOID  Clashes of color.  Busy screens.  Requiring more than two button clicks to quit.  Too many numbers and words.  Too many substantive elements presented too quickly.  Example of a insufficient website interface.
  26. 26. AUDIO INTERFACE  A multimedia user interface can include sound elements.  Sounds can be background music, special effects for button clicks, voice-overs, effects synced to animation.  Always provide a toggle switch to disable sound.  Example

×