The document discusses best practices for multimedia content design, including layout, visual, and typographic design. It covers key principles like using grids for layout, limiting the number of focal points, and grouping related elements through proximity. Design elements like contrast, repetition, alignment and proximity are explained. Common file formats for images, audio and video are also outlined.

1. Multimedia Content Design
Basics
Rajesh R. Nair

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

3. Best Practices - Layout Design

4. Alignment shouldn’t be focus
on outer edges

5. Incorrect

6. Incorrect
Lorem ipsum dolor sit
Aet, conse adipiscing elit.
Lorem ipsum dolor sit aet,
conse adipiscing elit. Lorem
ipsum dolor sit aet, conse
Lorem ipsum
Dolor sit aet,
conse
Lorem ipsum
dolor sit aet,
conse
adipiscing elit.
Lorem ipsum

adipiscing elit. Lorem
ipsum dolor sit aet, conse
adipiscing elit. adipiscing
elit. ipsum dolor sit aet,
conse adipiscing elit.
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. Lorem ipsum dolor sit aet, conse adipiscing elit. adipiscing elit.

7. Correct
Lorem ipsum dolor sit
Aet, conse adipiscing elit.
Lorem ipsum dolor sit aet,
conse adipiscing elit. Lorem
ipsum dolor sit aet, conse Lorem ipsum

adipiscing elit. Lorem Dolor sit aet,
ipsum dolor sit aet, conse conse Lorem ipsum
adipiscing elit. adipiscing dolor sit aet,
elit. ipsum dolor sit aet, conse
conse adipiscing elit. adipiscing elit.
adipiscing elit. Lorem ipsum
Lorem ipsum dolor sit 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.

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

9. Limit yourself to
Three objects or groups
per slide

10. Correct
1
3
2

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

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
CRAP

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
Fixed - Width Fonts
-Courier New
 Proportional
Fonts

- Times
- Arial
- Verdana

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

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

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
Real Video .rm or .ram Good for video streaming Quality is not very effective
Shockwave
Quick Time
.flv or .swf
.mov
Light, Fast
Need quick time on system

WMV .wmv Except Windows other browser need
plugin to run
AVI .avi Heavy file size
MPEG .mpeg Great clearity


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