Upload
julia-james
View
228
Download
0
Tags:
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