SLIDE 1
HOW TO BECOME ICON-IC
Graphic Design Skills for Public Sector Storytelling
AGENDA
02 how: build a design guide 04 how: infographic design 01 what: budget redesign 03 how: icon design 05 what/why/how: questions
HOW TO BECOME ICON-IC Graphic Design Skills for Public Sector - - PowerPoint PPT Presentation
HOW TO BECOME ICON-IC Graphic Design Skills for Public Sector - - PowerPoint PPT Presentation
HOW TO BECOME ICON-IC Graphic Design Skills for Public Sector Storytelling AGENDA 02 04 how: build a how: infographic design guide design what: budget what/why/how: how: icon redesign design questions 01 05 03 CATAWBA COUNTY
SLIDE 2
SLIDE 3
FY 2011-12 FY 2015-16 FY 2017-18
CATAWBA COUNTY BUDGET EVOLUTION
SLIDE 4
BUDGET IN BRIEF
MATERIALS TO ENGAGE CITIZENS
BUDGET IN BRIEF
SLIDE 5
BUILD A DESIGN GUIDE
SLIDE 6
BRAND MARK & PALETTE
SLIDE 7
COLOR SELECTION
When designing your own color scheme for a project, there are traditional patterns (monochrome, analogous, complementary, etc.) and custom schemes that don’t rely on any one pattern.
MONOCHROMATIC ANALOGOUS COMPLEMENTARY CUSTOM
SLIDE 8
DESIGN SHORTCUTS
SLIDE 9
CUSTOM COLORS IN MICROSOFT OFFICE
- Eye dropper tool
- Customizing colors
R: 48 Y: 61 B: 64 R: 0 Y: 70 B: 127 R: 0 Y: 92 B: 109 R: 0 Y: 120 B: 118 R: 153 Y: 187 B: 189 R: 230 Y: 163 B: 78 R: 191 Y: 191 B: 191
SLIDE 10
FONT SELECTION FONT CATEGORIES
Typography often provides that at-a-glance first impression that people gauge and judge the rest of the design by – so your font choices should be purposeful and appropriate. Before looking at fonts, consider the qualities or characteristics that you’d like your design to communicate. Think about context and audience.
SLIDE 11
CONSIDERATIONS FOR FONT CHOICE
01 Body Typefaces vs. 02 Readability Tests:
- Size
- Spacing
- X-Height
- I/l/1 Test
SLIDE 12
MIXING FONT TYPES
TIPS TO START Find a shared quality: Subtle similarities such as underlying skeleton or general proportion work well together. Find fonts from the same designer: Look for “super- families” with serif and sans-serif
- ptions, different
weights and styles to choose from. Give each font a job: Create a clear visual hierarchy.
Finding a font combination with a level of contrast that’s just right isn’t a step-by-step process but is usually the result of a mixture of personal taste, practice, instinct, and observation.
SLIDE 13
PAGE TITLE: SUB-HEADINGS:
Heading 1: Arial
Bold (16 pt.) Dark Blue Capitalize Words
HEADING 2: FRANKLIN GOTHIC HEAVY
(14 pt.) Light Gray Uppercase Only
Head ading 3 3: Fran ankli lin Gothic ic B Book
(14 pt.) Orange Gold Capitalize Words Arial (11 pt.) Standard Black Sentence Case. Spacing is 1.15 with additional space after paragraph. – Bullets are En Dash symbol, standard black.
Dark Blue-Gray R: 77 Y: 98 B: 103 Dark Blue
R: 0 Y: 75 B: 116
Dark Teal R: 0 Y: 92 B: 109 Teal R: 0 Y: 120 B: 118 Aqua R: 153 Y: 187 B: 189
FRANKLIN GOTHIC HEAVY
(24 pt.) Orange Gold Uppercase Only
1 2 3 4 5 6 7 8
2017-18 Budget Design Guide
TOP THREE:
Orange Gold
R: 230 Y: 163 B: 78
Light Gray
R: 191 Y: 191 B: 191
Dark Blue
R: 0 Y: 75 B: 116
SUPPORTING/GRAPHICS COLORS:
Light Aqua R: 197 Y: 216 B: 217 Orange Gold R: 230 Y: 163 B: 78 Light Gray R: 191 Y: 191 B: 191
CHUNK 1
Light Aqua
CHUNK 2
Dark Blue-Gray
CHUNK 3
Aqua
CHUNK 4
Dark Teal
CHUNK 5
Orange Gold
CHUNK 6
Dark Blue
CHUNK 7
Teal
CHUNK 8
Light Gray
SLIDE 14
ICON DESIGN
SLIDE 15
FLAT ICON DESIGN
CREATING CUSTOM ICONS With time and patience you can make anything Customize colors, edges, and shadows USING PRE-MADE ICONS Easy to find icons Stock sets can be limiting, may not suit all needs Generally not free, unless credit to creator Fixed pixilation
Using icons is a great way to add visuals to your reports, documents, and presentations to for easy identification and categorization. There are many ways to get icons online, some are even free.
FLAT ICON DESIGN
Using icons is a great way to add visuals to your reports, documents, and presentations to for easy identification and categorization. There are many ways to get icons online, some are even free.
SLIDE 16
ALTERING ICONS
Things to consider when customizing icons:
- Vector or Image
- Background shape, color,
- pacity
- Outline vs. filled graphic
- Shadows
- Rounded vs. straight corners
- 3D styling
SLIDE 17
BUILDING AN ICON
SLIDE 18
INFOGRAPHIC DESIGN
SLIDE 19
TYPES OF INFOGRAPHICS
An infographic combines text, images, and data to communicate complex
- information. Used to:
- Explain intricate
information clearly
- Communicate message in
an appealing way
- Present large amounts of
data meaningfully
STATISTICAL
Best used for quantitative
- data. Uses charts, tables,
graphs and diagrams.
PROCESS
Shows step-by-step progression. Uses diagrams, flowcharts, or routes to visualize progress.
Timeline
Shows chronological progression or sequence.
SLIDE 20
INFOGRAPHICS (CONTINUED)
WORDCLOUD
Analyze content of speech
- r document, can be
shaped to reflect subject.
MAP
Distinguishes information based on
- location. Shows
abstract representation
- f process, geography,
- r schematic.
INFOPOSTER
Uses words and numbers to tell a story, incorporating simple graphics and a variety of quantitative data.
SLIDE 21
TIPS FOR INFOGRAPHIC DESIGN IN GOVERNMENT
01
Save it for items where it will make the most impact
02
Identify the relevant & compelling data that tells your story
03
Find some inspiration
04
Keep your color scheme and presentation simple
SLIDE 22
POPULATION
ACS 2016 2016
154,610
POPULATION DIVERSITY
US Census 2015 2015 E Estimate
EDUCATIONAL ATTAINMENT
US Census 2015 2015 E Estimate
82.6%
High S School G Graduate
- r Hi
Higher
21.7%
Bach chelor
- r’s D
Degree Or Hi Higher
White Hispanic or Latino Black or African American Asian Two or More Races American Indian Native Hawaiian & Pacific Islander 0.1% 1.8% 8.9% 84.5% 0.6% 4.2% 9.2%
* Percentages add to over 100% because Hispanic individuals may be of any race and are reported in multiple categories where applicable.GENDER RATIO
ACS 2016 2016
50.9% Female 49.1% Male
= 2,000
BUILDING AN INFOGRAPHIC
SLIDE 23