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

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

Embed Size (px)

Citation preview

MODULE INTRODUCTION

MODULE INTRODUCTIONCU2028 | Interactive Multimedia Authoring |Module Leader: Pratik Man Singh pradhanCourseworkOverall 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 12InfographicsDataYour main contents

SortedUnderstand relationships and every small details

ArrangedHave a distribution plan, be creative & narrative

Presented VisuallyMake the impact, there are free tolls available

WHY INFOGRAPHICS?a) You have a compelling point to proveb) It takes more than 1000 words to explain the contentc) Enough verity of data are presentd) You understand the data & all of its contexte) You can find holes in this data

Understand the DATAa) Find a story & a protagonist!b) Understand relations and start grouping them accordinglyc) Understand hierarchy with in single point and groups of dataBe sensitive about your item dance, fight, song & climax

Make a distribution plana) Define the flow of story & scribble overall layoutb) Start assigning colour pallets to your groupsc) Placement & scale matter a lotd) Understand headline & copy requirements - make it crisp as possibled) Think about styling & form factor guided by content+ Any thing and every thing should be meaning full+ Zoom in & zoom out

Make it IMPACTFULa) Make visual balance between graphic and text componentsb) Go out of regular graphs, charts and tables...c) Make it impactful and keep consistency across

WHAT IS INFOGRAPHICS ANIMATION?

MEET THE GRID

USE GRID FOR YOUR DESIGNS

For WEB DESIGN- Follow the GRIDWHAT IS A GRID?WHAT IS A GRID?WHAT IS A GRID?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.Why GRIDSIt saves us timeVisual Consistency between different web pagesA Web gridA web grid is a framework.A Web gridA web grid is a framework.

A web grid creates equal columns.

A Web gridA web grid is a framework.

A web grid creates equal columns.

A Web gridA web grid is a framework.

A web grid creates equal columns.

Visual consistency

emesxapllightweight easy to use fastfixed width mobile ( ? )meet 960lightweight easy to use fastresponsive 1180px wideResource: http://unsemantic.com/TOOL YOU WILL BE LEARNING

TOOLS ALLOWED FOR USE

ADOBE- Flash Professional- Edge AnimateOther Web ToolsTHE END