SlideShare a Scribd company logo
1 of 3
Visual
                            Communication
                            Principles
                            Effective visual communication depends on the
                            successful incorporation of both skills and tools. In
                            many cases the tools receive more attention (and
                            concern) than the skills that support the fundamental
                            use of any tool. An example of this is the
                            apprehension many people feel about learning &
                            keeping up-to-date with tools for drawing—3-D
                            modeling software, graphics packages, and even pen
                            & pencil sketching. Understanding and mastering the
                            skills that motivate how and why any particular tool
                            is used is more important to the repeatedly
                            successful visual communication.

                            Visual communication relies on manipulating
                            fundamental graphical elements—shapes, lines, color,
                            text—as well as well expressing thematic content—
                            the message motivating the work. It is a complicate
                            challenge that requires not only knowing what you
                            want to say, but also crafting an expression of that
                            message visually. This is a 24 hour-per-day demand:
                            visual communication has to work even when you are
                            taking a break.

                            Each of the following principles supports a body of
                            skills that serve expert and novice visual
Clarify to Amplify          communicators. They each require individual practice
                            and as such should be approached with an
                            understanding that at any given moment it will be
                            difficult to focus on them all simultaneously.
Consider the Whole above    Eventually they will all function in harmony in ways
                            that support any given tool relevant to the state of
the Parts                   the practice: regardless of the technology at the time,
                            you can be an effective visual communicator by
                            understanding principles complement available tools.

Use Treatment to Convey
Meaning

Add an Analogy

Design within a Structure
Clarify to Amplify
Distill the content & messaging of your
communicated product
to the smallest set possible.


Why does it work?

Frequently your visually communicated product has a
tiny window of impact opportunity: people are on the run
or attention spans are dreadfully short. Maybe your
message is one of 50 or 100 being considered for a
project. Crisp articulation of a single vision helps           Consider the Whole above the
communicate effectively.                                       Parts
Clarity does not forego detail. In fact, it might be license   Thematic coherence is critical to the overall
                                                               effectiveness of communication. Small details and
                                                               bits of glory are important too(!), but they must
                                                               support a larger intent.


                                                               Why does this work?

                                                               The overall intent of your work (the “Whole”) will dictate
                                                               when and how specific efforts can really shine. Consider
                                                               any large effort in visual communication as a multi-
                                                               course meal. While a particular course may stand out as
Use Treatment to Convey                                        a delight—an appetizer of bacon-wrapped shrimp or a
Meaning                                                        flamboyant baked Alaska—it will not compensate for
                                                               thematic variability or inconsistency in presentation.
The visual elements when viewed from afar can
                                                               Cartoonists are exemplar practitioners of considering the
communicate content as effectively as the particular
                                                               whole above the parts: their practice is to first “rough
intellectual content of the work. Treating visual
                                                               out” images by blocking in general shapes with pencil or
elements such as font, color, line type, and graphic
                                                               pen. The next steps include taking more time and effort
elements as a suite is critical for cohesive
                                                               to flesh out details of action and characters. The process
communication.
                                                               continues, using more refined tools such as ink & color.



Why does it work?

People instinctively make associations among elements
and they equivalently attribute meaning based on those         Add an Analogy
associations. Take a pirate map for example: a hand-
scrawled font, dotted lines, faded and crinkled lines, and     Leverage easily understood concepts & successes
graphic elements (e.g, an “X”, skull & bones flag), all         from others to communicate your work more quickly
work together to communicate a theme.                          & compellingly.

Consider how and when you might want to use
treatment to support your message. If you were                 Why does it work?
designing an income tax form for first-time filers, the
pirate treatment would not necessarily support the             Visual communication faces the threats of time and
meaning & instruction critical for success. However, the       comprehension. An audience will frequently only offer
pirate treatment might be effective in communicating           the gift of time with a complementary increase in
adventure and discovery at a science center display or         comprehension. Analogies can make new and
for messaging to school kids going off to summer camp.         complicated concepts more palatable to audiences. A
                                                               slide rule is like an abacus; a calculator uses the same
                                                               principles as a slide rule; a computer is essentially a
                                                               more powerful calculator; a micro-computer is the
                                                               machine on your desk shrunken to a tiny chip.
Design with a Structure
Use the physical configuration of your content to
support the message; erratic graphical structure can
distract focus.



Why does it work?

Humans are excellent at recognizing patterns among
elements as well as attributing meaning to those
patterns and groups.

Structural features, such as an aligning grid, and
consistent style structure, such as font type & sizing
hierarchy, all present information in a repeated and
predictable pattern. Generations of repeated formats
have created platforms that can serve visual designers
today. An example in western culture is the tendency for
text to begin at the upper left of a page and progress to   Use Type as a Visual Object
the lower right. That now “simple” characteristic is an
incredibly powerful tool in the design of visual            Type and text are every bit as important as graphics
messaging: people will begin the engagement of your         and colors.
text at the upper left unless you do something to force
the engagement in a different sequence.



                                                            Why does it work?

                                                            Type matters because you can see it. That’s pretty
                                                            simple, but it is often under-recognized. Take a
                                                            “normal” textbook, for example: content is very often
                                                            separated into verbal messaging and graphical
                                                            messaging. You read the words and you see the
                                                            pictures. The sneaky part is that you see the words too.
                                                            Use that fact to your advantage—people who design
                                                            logos, icons, and signs use this fact to their advantage
                                                            all of the time.
Use Contrast                                                Get familiar with multiple font families and pay attention
                                                            to the ways in which they are used. Some fonts “feel”
Contrast is simply the difference between things.           better in particular ways than other do: by making a
This difference can be graphic—light and dark, thick        choice about a unique font, you are making a unique
or thin—or it can be thematic—silly or serious,             statement within your messaging. Does you font look
expensive or cheap. Knowing how and why to use
contrast is the single most important skill in visual
communication.


Why does this work?

The innate human capacity for identifying patterns
comes from the ability to discern differences (contrast)
between elements. It is instinctive to see differences
among multiple elements. Knowing that an audience will
automatically clue into differences is the first step in
understanding how to present information.

Contrast can be as straight-forward as using black text
on a white background (visual contrast) to using only

More Related Content

Viewers also liked

Backbone js in action
Backbone js in actionBackbone js in action
Backbone js in actionUsha Guduri
 
Latest Announcements
Latest AnnouncementsLatest Announcements
Latest AnnouncementsNS Government
 
Crater Lake Show
Crater Lake ShowCrater Lake Show
Crater Lake Showdcoogan12
 
Investor Relations Global by Allen & Caron
Investor Relations Global by Allen & CaronInvestor Relations Global by Allen & Caron
Investor Relations Global by Allen & Caronluke5853
 
2012 02 06週會簡報 ultrabook 超輕薄筆電趨勢 (元大)
2012 02 06週會簡報 ultrabook 超輕薄筆電趨勢 (元大) 2012 02 06週會簡報 ultrabook 超輕薄筆電趨勢 (元大)
2012 02 06週會簡報 ultrabook 超輕薄筆電趨勢 (元大) choke2001
 
Purin's Guide to Visual Design and Keynote Wizardry
Purin's Guide to Visual Design and Keynote WizardryPurin's Guide to Visual Design and Keynote Wizardry
Purin's Guide to Visual Design and Keynote Wizardrystoryviz
 
Rubber Stamp Drawing_M Barry
Rubber Stamp Drawing_M BarryRubber Stamp Drawing_M Barry
Rubber Stamp Drawing_M Barrystoryviz
 
Ploom: Visual Design
Ploom: Visual DesignPloom: Visual Design
Ploom: Visual Designstoryviz
 
Communication Architecture: The Experience is the Message
Communication Architecture: The Experience is the MessageCommunication Architecture: The Experience is the Message
Communication Architecture: The Experience is the MessageJavier Velasco, PhD
 
Чат-боты: предложи своему бренду то, что ещё никто и никогда не предлагал
Чат-боты: предложи своему бренду то, что ещё никто и никогда не предлагалЧат-боты: предложи своему бренду то, что ещё никто и никогда не предлагал
Чат-боты: предложи своему бренду то, что ещё никто и никогда не предлагалMoscow Digital
 
BIOT Construction - hizliYOL Technology
BIOT Construction - hizliYOL TechnologyBIOT Construction - hizliYOL Technology
BIOT Construction - hizliYOL TechnologyAydin Ozcekic
 
The state of world fisheries and aquaculture
The state of world fisheries and aquacultureThe state of world fisheries and aquaculture
The state of world fisheries and aquaculturemarcleorg
 
Chatbots, Personal Assistants and the Future of Artificial Intelligence
Chatbots, Personal Assistants and the Future of Artificial IntelligenceChatbots, Personal Assistants and the Future of Artificial Intelligence
Chatbots, Personal Assistants and the Future of Artificial IntelligenceYisela Alvarez Trentini
 
Tracxn Research - Chatbots Startup Landscape, June 2016
Tracxn Research - Chatbots Startup Landscape, June 2016Tracxn Research - Chatbots Startup Landscape, June 2016
Tracxn Research - Chatbots Startup Landscape, June 2016Tracxn
 
AI Agent and Chatbot Trends For Enterprises
AI Agent and Chatbot Trends For EnterprisesAI Agent and Chatbot Trends For Enterprises
AI Agent and Chatbot Trends For EnterprisesTeewee Ang
 

Viewers also liked (20)

“Hipaa 2010”
“Hipaa 2010”“Hipaa 2010”
“Hipaa 2010”
 
Backbone js in action
Backbone js in actionBackbone js in action
Backbone js in action
 
Latest Announcements
Latest AnnouncementsLatest Announcements
Latest Announcements
 
Crater Lake Show
Crater Lake ShowCrater Lake Show
Crater Lake Show
 
Liverpool
LiverpoolLiverpool
Liverpool
 
Investor Relations Global by Allen & Caron
Investor Relations Global by Allen & CaronInvestor Relations Global by Allen & Caron
Investor Relations Global by Allen & Caron
 
Oport0001
Oport0001Oport0001
Oport0001
 
2012 02 06週會簡報 ultrabook 超輕薄筆電趨勢 (元大)
2012 02 06週會簡報 ultrabook 超輕薄筆電趨勢 (元大) 2012 02 06週會簡報 ultrabook 超輕薄筆電趨勢 (元大)
2012 02 06週會簡報 ultrabook 超輕薄筆電趨勢 (元大)
 
Purin's Guide to Visual Design and Keynote Wizardry
Purin's Guide to Visual Design and Keynote WizardryPurin's Guide to Visual Design and Keynote Wizardry
Purin's Guide to Visual Design and Keynote Wizardry
 
Rubber Stamp Drawing_M Barry
Rubber Stamp Drawing_M BarryRubber Stamp Drawing_M Barry
Rubber Stamp Drawing_M Barry
 
Usa, obama
Usa, obamaUsa, obama
Usa, obama
 
Ploom: Visual Design
Ploom: Visual DesignPloom: Visual Design
Ploom: Visual Design
 
Communication Architecture: The Experience is the Message
Communication Architecture: The Experience is the MessageCommunication Architecture: The Experience is the Message
Communication Architecture: The Experience is the Message
 
Чат-боты: предложи своему бренду то, что ещё никто и никогда не предлагал
Чат-боты: предложи своему бренду то, что ещё никто и никогда не предлагалЧат-боты: предложи своему бренду то, что ещё никто и никогда не предлагал
Чат-боты: предложи своему бренду то, что ещё никто и никогда не предлагал
 
BIOT Construction - hizliYOL Technology
BIOT Construction - hizliYOL TechnologyBIOT Construction - hizliYOL Technology
BIOT Construction - hizliYOL Technology
 
The Taboos in Taiwan
The Taboos in TaiwanThe Taboos in Taiwan
The Taboos in Taiwan
 
The state of world fisheries and aquaculture
The state of world fisheries and aquacultureThe state of world fisheries and aquaculture
The state of world fisheries and aquaculture
 
Chatbots, Personal Assistants and the Future of Artificial Intelligence
Chatbots, Personal Assistants and the Future of Artificial IntelligenceChatbots, Personal Assistants and the Future of Artificial Intelligence
Chatbots, Personal Assistants and the Future of Artificial Intelligence
 
Tracxn Research - Chatbots Startup Landscape, June 2016
Tracxn Research - Chatbots Startup Landscape, June 2016Tracxn Research - Chatbots Startup Landscape, June 2016
Tracxn Research - Chatbots Startup Landscape, June 2016
 
AI Agent and Chatbot Trends For Enterprises
AI Agent and Chatbot Trends For EnterprisesAI Agent and Chatbot Trends For Enterprises
AI Agent and Chatbot Trends For Enterprises
 

Similar to StoryViz Visual Communication Principles

1.1 Presentation, oral, planning.pptx
1.1 Presentation, oral, planning.pptx1.1 Presentation, oral, planning.pptx
1.1 Presentation, oral, planning.pptxVirajSukhi2
 
Waterford healing arts trust
Waterford healing arts trustWaterford healing arts trust
Waterford healing arts trustSarah Searson
 
Getting graphic About Infographics: Design Lessons Learned From Popular Infog...
Getting graphic About Infographics: Design Lessons Learned From Popular Infog...Getting graphic About Infographics: Design Lessons Learned From Popular Infog...
Getting graphic About Infographics: Design Lessons Learned From Popular Infog...Patrick Lowenthal
 
E L Age Rapid Slides Final
E L Age Rapid Slides FinalE L Age Rapid Slides Final
E L Age Rapid Slides Finalstephenwalsh
 
Visual Literacy
Visual LiteracyVisual Literacy
Visual LiteracyGiaia
 
Documentation Workbook Series. Step 2 Structuring Information
Documentation Workbook Series. Step 2 Structuring InformationDocumentation Workbook Series. Step 2 Structuring Information
Documentation Workbook Series. Step 2 Structuring InformationAdrienne Bellehumeur
 
Knowledge Management
Knowledge ManagementKnowledge Management
Knowledge ManagementElaine Aitken
 

Similar to StoryViz Visual Communication Principles (20)

Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
IVC - Lesson 01
IVC - Lesson 01IVC - Lesson 01
IVC - Lesson 01
 
IVC - Lesson 01
IVC - Lesson 01IVC - Lesson 01
IVC - Lesson 01
 
IVC - Lesson 01
IVC - Lesson 01IVC - Lesson 01
IVC - Lesson 01
 
IVC - Lesson 01
IVC - Lesson 01IVC - Lesson 01
IVC - Lesson 01
 
1.1 Presentation, oral, planning.pptx
1.1 Presentation, oral, planning.pptx1.1 Presentation, oral, planning.pptx
1.1 Presentation, oral, planning.pptx
 
Waterford healing arts trust
Waterford healing arts trustWaterford healing arts trust
Waterford healing arts trust
 
Getting graphic About Infographics: Design Lessons Learned From Popular Infog...
Getting graphic About Infographics: Design Lessons Learned From Popular Infog...Getting graphic About Infographics: Design Lessons Learned From Popular Infog...
Getting graphic About Infographics: Design Lessons Learned From Popular Infog...
 
Power2Point
Power2PointPower2Point
Power2Point
 
Media Design - 101
Media Design - 101Media Design - 101
Media Design - 101
 
Presentation tips by Garr Reynolds
Presentation tips by Garr ReynoldsPresentation tips by Garr Reynolds
Presentation tips by Garr Reynolds
 
E L Age Rapid Slides Final
E L Age Rapid Slides FinalE L Age Rapid Slides Final
E L Age Rapid Slides Final
 
Visual Literacy
Visual LiteracyVisual Literacy
Visual Literacy
 
Documentation Workbook Series. Step 2 Structuring Information
Documentation Workbook Series. Step 2 Structuring InformationDocumentation Workbook Series. Step 2 Structuring Information
Documentation Workbook Series. Step 2 Structuring Information
 
Knowledge Management
Knowledge ManagementKnowledge Management
Knowledge Management
 

Recently uploaded

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodJuan lago vázquez
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century educationjfdjdjcjdnsjd
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...apidays
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Victor Rentea
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfOrbitshub
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusZilliz
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...apidays
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Bhuvaneswari Subramani
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDropbox
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityWSO2
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Orbitshub
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...apidays
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherRemote DBA Services
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdfSandro Moreira
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Angeliki Cooney
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin
 

Recently uploaded (20)

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 

StoryViz Visual Communication Principles

  • 1. Visual Communication Principles Effective visual communication depends on the successful incorporation of both skills and tools. In many cases the tools receive more attention (and concern) than the skills that support the fundamental use of any tool. An example of this is the apprehension many people feel about learning & keeping up-to-date with tools for drawing—3-D modeling software, graphics packages, and even pen & pencil sketching. Understanding and mastering the skills that motivate how and why any particular tool is used is more important to the repeatedly successful visual communication. Visual communication relies on manipulating fundamental graphical elements—shapes, lines, color, text—as well as well expressing thematic content— the message motivating the work. It is a complicate challenge that requires not only knowing what you want to say, but also crafting an expression of that message visually. This is a 24 hour-per-day demand: visual communication has to work even when you are taking a break. Each of the following principles supports a body of skills that serve expert and novice visual Clarify to Amplify communicators. They each require individual practice and as such should be approached with an understanding that at any given moment it will be difficult to focus on them all simultaneously. Consider the Whole above Eventually they will all function in harmony in ways that support any given tool relevant to the state of the Parts the practice: regardless of the technology at the time, you can be an effective visual communicator by understanding principles complement available tools. Use Treatment to Convey Meaning Add an Analogy Design within a Structure
  • 2. Clarify to Amplify Distill the content & messaging of your communicated product to the smallest set possible. Why does it work? Frequently your visually communicated product has a tiny window of impact opportunity: people are on the run or attention spans are dreadfully short. Maybe your message is one of 50 or 100 being considered for a project. Crisp articulation of a single vision helps Consider the Whole above the communicate effectively. Parts Clarity does not forego detail. In fact, it might be license Thematic coherence is critical to the overall effectiveness of communication. Small details and bits of glory are important too(!), but they must support a larger intent. Why does this work? The overall intent of your work (the “Whole”) will dictate when and how specific efforts can really shine. Consider any large effort in visual communication as a multi- course meal. While a particular course may stand out as Use Treatment to Convey a delight—an appetizer of bacon-wrapped shrimp or a Meaning flamboyant baked Alaska—it will not compensate for thematic variability or inconsistency in presentation. The visual elements when viewed from afar can Cartoonists are exemplar practitioners of considering the communicate content as effectively as the particular whole above the parts: their practice is to first “rough intellectual content of the work. Treating visual out” images by blocking in general shapes with pencil or elements such as font, color, line type, and graphic pen. The next steps include taking more time and effort elements as a suite is critical for cohesive to flesh out details of action and characters. The process communication. continues, using more refined tools such as ink & color. Why does it work? People instinctively make associations among elements and they equivalently attribute meaning based on those Add an Analogy associations. Take a pirate map for example: a hand- scrawled font, dotted lines, faded and crinkled lines, and Leverage easily understood concepts & successes graphic elements (e.g, an “X”, skull & bones flag), all from others to communicate your work more quickly work together to communicate a theme. & compellingly. Consider how and when you might want to use treatment to support your message. If you were Why does it work? designing an income tax form for first-time filers, the pirate treatment would not necessarily support the Visual communication faces the threats of time and meaning & instruction critical for success. However, the comprehension. An audience will frequently only offer pirate treatment might be effective in communicating the gift of time with a complementary increase in adventure and discovery at a science center display or comprehension. Analogies can make new and for messaging to school kids going off to summer camp. complicated concepts more palatable to audiences. A slide rule is like an abacus; a calculator uses the same principles as a slide rule; a computer is essentially a more powerful calculator; a micro-computer is the machine on your desk shrunken to a tiny chip.
  • 3. Design with a Structure Use the physical configuration of your content to support the message; erratic graphical structure can distract focus. Why does it work? Humans are excellent at recognizing patterns among elements as well as attributing meaning to those patterns and groups. Structural features, such as an aligning grid, and consistent style structure, such as font type & sizing hierarchy, all present information in a repeated and predictable pattern. Generations of repeated formats have created platforms that can serve visual designers today. An example in western culture is the tendency for text to begin at the upper left of a page and progress to Use Type as a Visual Object the lower right. That now “simple” characteristic is an incredibly powerful tool in the design of visual Type and text are every bit as important as graphics messaging: people will begin the engagement of your and colors. text at the upper left unless you do something to force the engagement in a different sequence. Why does it work? Type matters because you can see it. That’s pretty simple, but it is often under-recognized. Take a “normal” textbook, for example: content is very often separated into verbal messaging and graphical messaging. You read the words and you see the pictures. The sneaky part is that you see the words too. Use that fact to your advantage—people who design logos, icons, and signs use this fact to their advantage all of the time. Use Contrast Get familiar with multiple font families and pay attention to the ways in which they are used. Some fonts “feel” Contrast is simply the difference between things. better in particular ways than other do: by making a This difference can be graphic—light and dark, thick choice about a unique font, you are making a unique or thin—or it can be thematic—silly or serious, statement within your messaging. Does you font look expensive or cheap. Knowing how and why to use contrast is the single most important skill in visual communication. Why does this work? The innate human capacity for identifying patterns comes from the ability to discern differences (contrast) between elements. It is instinctive to see differences among multiple elements. Knowing that an audience will automatically clue into differences is the first step in understanding how to present information. Contrast can be as straight-forward as using black text on a white background (visual contrast) to using only

Editor's Notes

  1. \n
  2. \n
  3. \n