The document discusses best practices for multimedia content design, including layout, visual design, typography, and file formats for images, audio, and video. It covers principles like using alignment and proximity to group related elements, limiting the number of objects per slide, having a single focal point, and using contrast, repetition, and alignment. For typography, it recommends proportional fonts for print and sans-serif for web, and avoiding all caps and underlines. Common file formats discussed include JPG, PNG, GIF for images, WAV and MP3 for audio, and MPEG, AVI, and QuickTime for video.

1. Multimedia ContentDesign
Basics

2. We Will…
Layout Design
Visual Design
Typography
File Formats
- Image
- Audio
- Video

3. Best Practices - LayoutDesign

4. Alignment shouldn’t be focus
on outer edges

5. Incorrect

6. Incorrect
Lorem ipsum dolorsit
Aet, conse adipiscing elit.
Lorem ipsum dolor sit aet,
conse adipiscing elit. Lorem
ipsum dolor sit aet, conse
adipiscing elit. Lorem
ipsum dolor sit aet, conse
adipiscing elit. adipiscing
elit. ipsum dolor sit aet,
conse adipiscing elit.
adipiscingelit.
Loremipsum dolor sit aet, conseadipiscing elit. Lorem ipsum dolor sit
aet, conseadipiscing elit. Lorem ipsum dolor sit aet, conseadipiscing
elit. Lorem ipsum dolor sit aet, conse adipiscing elit. adipiscingelit.
Lorem ipsum
dolor sit aet,
conse
adipiscingelit.
Loremipsum
Lorem ipsum
Dolor sit aet,
conse 

7. Correct
Loremipsum dolor sit aet, conseadipiscing elit. Lorem ipsum dolor sit
aet, conseadipiscing elit. Lorem ipsum dolor sit aet, conseadipiscing
elit. Lorem ipsum dolor sit aet, conse adipiscing elit. adipiscingelit.
Lorem ipsum dolorsit
Aet, conse adipiscing elit.
Lorem ipsum dolor sit aet,
conse adipiscing elit. Lorem
ipsum dolor sit aet, conse
adipiscing elit. Lorem
ipsum dolor sit aet, conse
adipiscing elit. adipiscing
elit. ipsum dolor sit aet,
conse adipiscing elit.
adipiscingelit.
Lorem ipsum
Dolor sit aet,
conse Lorem ipsum
dolor sit aet,
conse
adipiscingelit.
Loremipsum


8. Layout


http://www.ted.com/

9. Limit yourself to
Three objects or groups
per slide

10. Correct
2
1
3

11. Layout
http://www.apple.com/
1
2

12. Layout
1
2
3

13. An Interface should have
One Focal Point

14. Design

15. Design is a
creative process

16. Ad hoc [unplanned]design is a
recipe for disaster.

17. Design is more about
eliminating ideas
than coming up with them.

18. Design is
C R A P

19. CRAP
Four essential design elements
Contrast
Repetition
Alignment
Proximity

20. Contrast

21. Contrast
If two items aren't the same,
make them
very different

22. How to get Contrast..
Contrast can be achieved by Playing with
Images
Colors
Fonts

23. Contrast – Image + Typography

24. Contrast - Colors

25. Repetition

26. Repeat design elements
throughout the entire piece

28. Alignment

29. Everything on a page should be
visually connected
to something else on the page

30. Alignment - Grids

31. Alignment

32. Proximity

33. Definition
The concept of proximity says that
related items
should be grouped together.

34. Example
 

35. Proximity
http://news.google.co.in/


36. Typography

37. Two Types
Proportional
Fonts
- Times
- Arial
- Verdana
Fixed - Width Fonts
-Courier New


38. Two Styles
Serif
- Times
Suggestible for PrintMedia
Sans-Serif
- Arial, Verdana
Suggestible for Web
A A

39. Best Practice
Avoid
- ALL CAPS
- Underline
- Tabs to indent
- Blank line
Best
- Bold
- Italic
- Indent Paragraph

40. Image Formats

41. Two Types
Raster Vector
.jpg .svg
.png [Transparent] .eps
.gif [Transparent] .fla
.swf

42. Audio

43. File Formats
.AU
.MID
.MP2, MP3
.RA
.SND
.WAV

44. Best
WAVE
Developed by IBM and Microsoft.
Supported by Windows Os and all the most popular web browsers (except Google
Chrome).
Extension - .wav
MP3 Format (MPEG)
Developed for video by the Moving Pictures Experts Group. We can say that MP3 files
are the sound part of the MPEG video format.
Supported by all OS and Browsers
Extension- .mp3, or .mpga (for MPG Audio).


45. Video

46. Video Formats
File Extension Good Bad
RealVideo .rm or.ram Goodfor videostreaming Quality is not veryeffective
Shockwave .flv or.swf Light,Fast
QuickTime .mov Need quick time onsystem
WMV .wmv
AVI .avi
ExceptWindows other browserneed
plugin to run
Heavyfile size
MPEG .mpeg Greatclearity



47. Thank You 
http://artsrajesh.blogspot.com | http://artsmaths.blogspot.com | http://artseye.blogspot.com