1. MODULE INTRODUCTION CU2028 | INTERACTIVE MULTIMEDIA AUTHORING | MODULE LEADER: PRATIK MAN SINGH PRADHAN

2. COURSEWORK Overall Coursework - 90% Progress Report – Week 3/7 Coursework 1 – 60% Main Project – Week 11 Coursework 2 – 40% Supporting Documentation – Week 12 Viva / Video Guide – 10% - Week 12

3. INFOGRAPHICS Data Your main contents Sorted Understand relationships and every small details Arranged Have a distribution plan, be creative & narrative Presented Visually Make the impact, there are free tolls available

4. WHY INFOGRAPHICS? a) You have a compelling point to prove b) It takes more than 1000 words to explain the content c) Enough verity of data are present d) You understand the data & all of it’s context e) You can find holes in this data

5. UNDERSTAND THE DATA a) Find a story & a protagonist! b) Understand relations and start grouping them accordingly c) Understand hierarchy with in single point and groups of data Be sensitive about your item dance, fight, song & climax

6. MAKE A DISTRIBUTION PLAN a) Define the flow of story & scribble overall layout b) Start assigning colour pallets to your groups c) Placement & scale matter a lot d) Understand headline & copy requirements - make it crisp as possible d) Think about styling & form factor guided by content + Any thing and every thing should be meaning full + Zoom in & zoom out

7. MAKE IT IMPACTFUL a) Make visual balance between graphic and text components b) Go out of regular graphs, charts and tables... c) Make it impactful and keep consistency across

8. WHAT IS INFOGRAPHICS ANIMATION?

9. MEET THE GRID

11. USE GRID FOR YOUR DESIGNS

13. FOR WEB DESIGN - Follow the GRID

14. WHAT IS A GRID?

16. In Graphic Design a grid is a series of vertical and horizontal lines that is used to subdivide a space. This give us an easier approach to the page layout.

17. WHY GRIDS It saves us time Visual Consistency between different web pages

18. A WEB GRID A web grid is a framework.

19. A WEB GRID A web grid is a framework. A web grid creates equal columns.

20. A WEB GRID A web grid is a framework. A web grid creates equal columns.

21. A WEB GRID A web grid is a framework. A web grid creates equal columns. Visual consistency

23. emesemes xapl

25. lightweigh t easy to use fast fixed width mobile ( ? ) MEET 960

26. lightweigh t easy to use fast responsive 1180px wide Resource: http://unsemantic.com/

27. TOOL YOU WILL BE LEARNING

28. TOOLS ALLOWED FOR USE ADOBE - Flash Professional - Edge Animate Other Web Tools

29. THE END