Information Graphics Design Solutions And Development Training

Objectives:
• Define information graphics and their role in visual communication.
• Identify key principles of visual perception and design.
• Analyse different types of information graphics (charts, diagrams, infographics).
• Explore the relationship between data, information, and visual representation.

Topics:
• Overview of information graphics: history and contemporary use.
• Visual perception theories: Gestalt principles, colour theory.
• Types of information graphics: statistical, process, hierarchical, geographic.
• Data vs. information vs. knowledge: the visualisation process.
• Ethical considerations: accuracy, bias, and context.
• Introduction to the design process: research, sketch, refine.
• Case studies of effective information graphics.

Objectives:
• Source reliable data for information graphics projects.
• Apply basic data analysis techniques to extract key insights.
• Structure data for effective visualisation.
• Evaluate data quality and relevance.

Topics:
• Data sources: open data, surveys, databases, APIs.
• Data cleaning and preprocessing: handling missing values, outliers.
• Exploratory data analysis: summary statistics, patterns.
• Data types: categorical, numerical, temporal, spatial.
• Structuring data for visualisation: tables, matrices, hierarchies.
• Introduction to spreadsheet tools (Excel/Google Sheets) for analysis.
• Exercise: Clean and structure a dataset for a chart.

Objectives:
• Apply design principles such as balance, contrast, and hierarchy.
• Select appropriate typography and colour schemes.
• Create effective visual hierarchies to guide the viewer.
• Use grids and layout techniques to organise information.

Topics:
• Core design principles: proximity, alignment, repetition, contrast.
• Colour theory: palettes, accessibility (colour blindness), cultural connotations.
• Typography: font selection, readability, pairing.
• Visual hierarchy: size, weight, placement.
• Grid systems and layout: modular grids, responsive design.
• Iconography and symbols: clarity and consistency.
• Exercise: Redesign a poorly structured infographic.

Objectives:
• Match data types to appropriate chart types.
• Understand visual encoding: position, size, colour, shape.
• Create bar charts, line charts, pie charts, scatter plots, and more.
• Avoid common pitfalls and misleading representations.

Topics:
• Visual encoding channels: accuracy, discriminability, separability.
• Chart types: bar, column, line, area, pie, donut, scatter, bubble.
• Specialised charts: heatmaps, treemaps, network diagrams.
• Best practices for axis scaling, labelling, and legends.
• Common mistakes: 3D effects, truncated axes, cherry-picking.
• Introduction to charting tools (e.g., Excel, Google Charts, Tableau Public).
• Exercise: Create multiple chart types from the same dataset.

Objectives:
• Develop a narrative structure for an infographic.
• Combine text, visuals, and data to tell a compelling story.
• Design a cohesive infographic layout.
• Use flow and pacing to guide the reader.

Topics:
• Storytelling frameworks: linear, non-linear, interactive.
• Narrative elements: headline, subheadings, callouts, captions.
• Flow and pacing: visual pathways, transitions.
• Combining charts, icons, and illustrations.
• Wireframing and sketching infographic layouts.
• Design tools: Adobe Illustrator, Canva, Piktochart.
• Exercise: Create a one-page infographic on a given topic.

Objectives:
• Explore interactive elements: tooltips, filters, animations.
• Understand basic web technologies for graphics (HTML, CSS, JavaScript libraries).
• Design for multiple devices and screen sizes.
• Create a simple interactive data visualisation.

Topics:
• Interactive vs. static graphics: when to use each.
• Introduction to D3.js, Chart.js, or similar libraries.
• Basic HTML/CSS for embedding graphics.
• Responsive design: mobile-first considerations.
• Animation: transitions, hover effects, data updates.
• Accessibility: keyboard navigation, screen readers.
• Exercise: Build an interactive chart or map.

Objectives:
• Integrate all skills into a capstone project.
• Present and critique information graphics effectively.
• Apply feedback to refine designs.
• Prepare graphics for publication or presentation.

Topics:
• Capstone project: design a complete information graphic (static or interactive).
• Peer review and constructive criticism.
• Iterative design: refining based on feedback.
• File formats and export settings: PNG, SVG, PDF, web formats.
• Publishing: embedding in documents, web, social media.
• Portfolio building: showcasing work.
• Final presentation and wrap-up.