Planer

  • Home
  • Chapters
    • 01: Introduction
    • 02: Visual Ethics
    • 03: Research
    • 04: Design
    • 05: Visualization
    • 06: Maps
    • 07: Diagrams
    • 08: Motion
    • 09: Case Studies
  • Examples
    • Maps
    • Charts
    • Diagrams
    • Data Visualization
    • Interactive Graphics
    • Motion Graphics
  • Resources & Exercises
  • Expert Interviews
  • Tutorials
    • Illustration
    • Motion graphics
    • Data visualization
    • GIS
    • JavaScript
Home 04: Design

04: Design

Design and content are often treated as separate entities. And all too often, design is placed in service of content. Dress it up. Make it look pretty. Prep it for an audience. Design is often valued for its visual appeal rather than its contributions to storytelling.

However, truly gifted communication designers know that design is more than mere adornment. Good design affects a story’s expressive content, or message. Likewise, information graphics often include many small elements, from headlines and chatter, to large and small illustrations. Putting it all together designing the infographic-is just as important as solid research, good writing, and beautiful illustrations. Design is content.

Designers and graphics reporters are storytellers. And visual storytelling is a powerful method of communication driven by a balance between information architecture and good aesthetics. This chapter explores key considerations for composing an information graphic, namely several basic design principles that can be applied to your work to ensure your graphic is well organized, cohesive and easy to digest. We will also explore the seemingly minor, but very important details, such as alignment, spacing and structure.

Topics Covered

Visual Metaphors: One of the most effective methods for helping your audience understand complex concepts is to use clear and simple visual metaphors. From basic charts and maps, to elaborate data visualizations, visual metaphors help present complex information in ways that are easer for the brain to perceive and process. As a result, choosing the right visual metaphor for an information graphic is crucial. For example, lines are often used to represent time.

Design Principles: Research suggest that the ease with information can be processed affects a person’s judgment about the information. This makes striking the right balance between “informative” and “visually interesting” very important. Following basic design principles ensure your design choices effectively serve the content and the viewer experience. Each principle has a discrete definition but all are interrelated, and understanding how they work together is critical. Design principles include: balance, proportion, contrast, harmony, rhythm, focus and unity.

Design Details: Beyond consistently applying the seven basic design principles to your work, attention to detail is one of the most valuable traits you can develop as a graphic designer. Novice designers sometimes rush to finish a project, while experience designers often toil over the “small stuff” like alignment, spacing and type choices. Believe it or not, this can be the difference between a “good” graphic and one that is truly excellent. Skills to consider include: negative space, margins, consistent alignment and spacing, and legibility and readability.

Mar 22, 2016 jennpal
Recent Posts
  • Interactive Map: Sierra Nevadas
  • Data Visualization: Plotting Emotion
  • Information Graphic: What Time Will the Polls Close?
  • Data Visualization: The Complete History Of The NFL
  • Aortic Stenosis
Recent Comments
  • Mr WordPress on Hello world!
Archives
  • April 2017
  • January 2017
  • November 2016
  • October 2016
  • September 2016
  • March 2016
  • May 2015
Categories
  • Charts
  • Data visualization
  • Data Visualization
  • Diagrams
  • Examples
  • Exercises & Resources
  • Expert Interviews
  • Featured
  • GIS
  • Illustration
  • Interactive Graphics
  • JavaScript
  • Maps
  • Motion Graphics
  • Motion graphics
  • Tutorials
  • Uncategorized
Meta
  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org
Footer Sidebar 1

Drop a widget on "Footer Sidebar 1" sidebar at Appearance > Widgets page.

Footer Sidebar 2

Drop a widget on "Footer Sidebar 2" sidebar at Appearance > Widgets page.

Footer Sidebar 3

Drop a widget on "Footer Sidebar 3" sidebar at Appearance > Widgets page.

2016
Planer theme by Dankov