SlideShare a Scribd company logo
GRAPHIC DESIGN for
NON-GRAPHIC DESIGNERS
What is Graphic Design?
The process and art of combining text and graphics to
communicate an effective message in the design of logos,
graphics, brochures, newsletters, posters, signs, and any
other type of visual communication.
1
Before You Begin to Design
• TARGET AUDIENCE
– Decide Who Your Audience is. The more you know about
your audience, the better equipped you are to attract their
attention and communicate your message. Knowing who the
audience is will help you determine the best format in which
to communicate with them.
2
Before You Begin to Design
• CONTENT
– What do you want to convey? It helps to know exactly what
words you want to use (or have to use) on the page to
convey your message, because the amount of words and
the message will affect how you design your layout.
Be ready to edit or cut text.
3
Before You Begin to Design
• IMAGE AREA
– Consider the size, shape, and function of your layout.
– Draw a mock-up showing where artwork, photos, etc should
be placed relative to copy.
Good Graphic Design Utilizes:
Simplicity
Emphasis
White Space
Simplicity
• KISS
– Have a good reason for everything you add,
and take away anything that you don’t need
– Keep headlines and lead paragraphs short
• Have a purpose for everything - when in doubt, leave it out
• Stick to three or fewer fonts in a layout
• Contrast - Balance - Alignment - Repetition - Flow
• Contrast
– The principle of contrast states that visual elements on a page should look
distinctly different from one another. It is used to add visual variety to
layouts and keep everything on the page from looking alike.
• Balance
– The principle of balance is concerned with the distribution of visual
elements on a page in order to achieve a pleasing and clear layout
• Alignment
– is the visual connection among words, graphics, images, shapes, and lines
on a page when their edges or axes line up with each other.
• Repetition
– The principle that states repeating lines, shapes, images, colors,
textures, and other visual elements within a page helps establish
a unified cohesive design.
• Flow
– The visual and verbal path of movement that a viewer’s eye
follows through a page or sequence of pages. Effective use can
control the way the viewer’s eye scans through the design.
Emphasis
• The most important element on the page should be the
most prominent
• Emphasis Techniques:
• Make it the biggest
• Make it the boldest
• Placing the element in a shape that is
different from others on the page
• Making it full intensity when
everything else is faded
• Adding a border around the element
• Changing its color so it is different
• Surrounding the element with lots of
white space
• Tilting it at an angle when other
elements are horizontal
White Space
• Allows the eye to “rest”
• Makes type easier and faster to read
• Resist the urge to fill entire space
with words, pictures, charts and
graphics
• Avoid “gray” pages
• White space creates emphasis
White Space cont.
• White space makes pages more attractive and easier to read
by providing a resting space for the reader's eyes and creating
empty/filled contrast with the text on the page.
Gray pages
• Gray pages are the result of too much type, not enough white
space and a lack of typographic contrast between each element
of page architecture. Readers should be able to glance at a
page and easily identify headlines, subheads, body copy and
captions.
Photographs
• Resolution - low vs. high
– ppi (display) and dpi (printer)
• Size - too big or too small
• Cropping – when and how
• Photo-editing programs (Paint)
Logos
• Less is more
– Convey the idea as simply as
possible. Few words and colors.
– Create logos in a vector
program – not Paint,
PowerPoint or Publisher.
– Here are some examples:
Top 7 Graphic Design Don’ts
1. Use too many different fonts in one design
2. Use every color in the rainbow just because you can
3. Put a box around everything
4. Center everything on the page
5.Forget white space is your friend – avoid “gray pages”
6.Use fonts that are too small – 5, 6, 7 point
7.Rely on the computer for everything – it is only a tool
Top 7 Graphic Design Don’ts
Right and wrong do not exist in
graphic design. There is only effective
and non-effective communication.

More Related Content

What's hot

Visual Design Elements
Visual Design ElementsVisual Design Elements
Visual Design Elements
Marketplace Nigeria
 
Graphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb RiazGraphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb Riaz
Mujeeb Riaz
 
Graphic Designing Presentation (Tips & Tricks)
Graphic Designing Presentation (Tips & Tricks)Graphic Designing Presentation (Tips & Tricks)
Graphic Designing Presentation (Tips & Tricks)
RJNithin
 
Graphic and Web Design Principles
Graphic and Web Design Principles                      Graphic and Web Design Principles
Graphic and Web Design Principles
Rob Nunez
 
Graphic design tips for non designers
Graphic design tips for non designersGraphic design tips for non designers
Graphic design tips for non designers
suniltalekar1
 
Newspaper Page Design - Basics
Newspaper Page Design - BasicsNewspaper Page Design - Basics
Newspaper Page Design - Basics
Ravi Hegde
 
Intro to Graphic Design Elements
Intro to Graphic Design ElementsIntro to Graphic Design Elements
Intro to Graphic Design Elements
Jordan Open Source Association
 
Design Principle Basics, UX Best Practices & 2016 Trends - Kuala Lumpur Marke...
Design Principle Basics, UX Best Practices & 2016 Trends - Kuala Lumpur Marke...Design Principle Basics, UX Best Practices & 2016 Trends - Kuala Lumpur Marke...
Design Principle Basics, UX Best Practices & 2016 Trends - Kuala Lumpur Marke...
Freelance
 
Basic Principles of Graphics and Layout
Basic Principles of Graphics and LayoutBasic Principles of Graphics and Layout
Basic Principles of Graphics and Layout
joypamor
 
What makes a good graphic design
What makes a good graphic designWhat makes a good graphic design
What makes a good graphic design
illumedia
 
Group 9 ite k 11D
Group 9 ite k 11DGroup 9 ite k 11D
Group 9 ite k 11D
CrisFer8
 
Print and Outdoor Design ad Layout
Print and Outdoor Design ad LayoutPrint and Outdoor Design ad Layout
Print and Outdoor Design ad Layout
Largest Catholic University
 
Question 6
Question 6Question 6
Question 6
asmediad14
 
CMYK: Creating Masterpieces with your Kansei
CMYK: Creating Masterpieces with your KanseiCMYK: Creating Masterpieces with your Kansei
CMYK: Creating Masterpieces with your Kansei
Peter Andic
 
Webdesign(updated)
Webdesign(updated)Webdesign(updated)
Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice) Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice)
wael gomaa
 
Basic concept of Graphic Design
Basic concept of Graphic DesignBasic concept of Graphic Design
Basic concept of Graphic Design
Ashikul Islam
 

What's hot (20)

Visual Design Elements
Visual Design ElementsVisual Design Elements
Visual Design Elements
 
Graphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb RiazGraphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb Riaz
 
Graphic Designing Presentation (Tips & Tricks)
Graphic Designing Presentation (Tips & Tricks)Graphic Designing Presentation (Tips & Tricks)
Graphic Designing Presentation (Tips & Tricks)
 
Graphic and Web Design Principles
Graphic and Web Design Principles                      Graphic and Web Design Principles
Graphic and Web Design Principles
 
Graphic design tips for non designers
Graphic design tips for non designersGraphic design tips for non designers
Graphic design tips for non designers
 
Newspaper Page Design - Basics
Newspaper Page Design - BasicsNewspaper Page Design - Basics
Newspaper Page Design - Basics
 
Intro to Graphic Design Elements
Intro to Graphic Design ElementsIntro to Graphic Design Elements
Intro to Graphic Design Elements
 
Dtp Design Elements
Dtp Design ElementsDtp Design Elements
Dtp Design Elements
 
Question 7
Question 7Question 7
Question 7
 
Design Principle Basics, UX Best Practices & 2016 Trends - Kuala Lumpur Marke...
Design Principle Basics, UX Best Practices & 2016 Trends - Kuala Lumpur Marke...Design Principle Basics, UX Best Practices & 2016 Trends - Kuala Lumpur Marke...
Design Principle Basics, UX Best Practices & 2016 Trends - Kuala Lumpur Marke...
 
Basic Principles of Graphics and Layout
Basic Principles of Graphics and LayoutBasic Principles of Graphics and Layout
Basic Principles of Graphics and Layout
 
What makes a good graphic design
What makes a good graphic designWhat makes a good graphic design
What makes a good graphic design
 
Group 9 ite k 11D
Group 9 ite k 11DGroup 9 ite k 11D
Group 9 ite k 11D
 
Print and Outdoor Design ad Layout
Print and Outdoor Design ad LayoutPrint and Outdoor Design ad Layout
Print and Outdoor Design ad Layout
 
Question 6
Question 6Question 6
Question 6
 
CMYK: Creating Masterpieces with your Kansei
CMYK: Creating Masterpieces with your KanseiCMYK: Creating Masterpieces with your Kansei
CMYK: Creating Masterpieces with your Kansei
 
Webdesign(updated)
Webdesign(updated)Webdesign(updated)
Webdesign(updated)
 
Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice) Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice)
 
Page layout
Page layoutPage layout
Page layout
 
Basic concept of Graphic Design
Basic concept of Graphic DesignBasic concept of Graphic Design
Basic concept of Graphic Design
 

Viewers also liked

Great typography == Great Design - Part 2
Great typography == Great Design - Part 2Great typography == Great Design - Part 2
Great typography == Great Design - Part 2
Aashish Solanki
 
Great Typography == Great Design - part 1
Great Typography == Great Design - part 1Great Typography == Great Design - part 1
Great Typography == Great Design - part 1
Aashish Solanki
 
The typography
The typographyThe typography
The typography
Fady El-Masry
 
Typography - Graphic Design
Typography - Graphic DesignTypography - Graphic Design
Typography - Graphic DesignAbanoub Hanna
 
Better Typography
Better TypographyBetter Typography
Better Typography
markboultondesign
 
We heart it! Evoking emotion through typography
We heart it! Evoking emotion through typographyWe heart it! Evoking emotion through typography
We heart it! Evoking emotion through typography
Chiara Aliotta
 
How to Use Color Wisely
How to Use Color WiselyHow to Use Color Wisely
How to Use Color Wisely
Ethos3
 
Typography Essentials: Part 1
Typography Essentials: Part 1Typography Essentials: Part 1
Typography Essentials: Part 1
Jennifer Janviere
 
5 Reasons Typography is Powerful
5 Reasons Typography is Powerful5 Reasons Typography is Powerful
5 Reasons Typography is Powerful
Big Fish Presentations
 

Viewers also liked (10)

Great typography == Great Design - Part 2
Great typography == Great Design - Part 2Great typography == Great Design - Part 2
Great typography == Great Design - Part 2
 
Great Typography == Great Design - part 1
Great Typography == Great Design - part 1Great Typography == Great Design - part 1
Great Typography == Great Design - part 1
 
The typography
The typographyThe typography
The typography
 
Typography - Graphic Design
Typography - Graphic DesignTypography - Graphic Design
Typography - Graphic Design
 
Better Typography
Better TypographyBetter Typography
Better Typography
 
We heart it! Evoking emotion through typography
We heart it! Evoking emotion through typographyWe heart it! Evoking emotion through typography
We heart it! Evoking emotion through typography
 
Typography ppt
Typography pptTypography ppt
Typography ppt
 
How to Use Color Wisely
How to Use Color WiselyHow to Use Color Wisely
How to Use Color Wisely
 
Typography Essentials: Part 1
Typography Essentials: Part 1Typography Essentials: Part 1
Typography Essentials: Part 1
 
5 Reasons Typography is Powerful
5 Reasons Typography is Powerful5 Reasons Typography is Powerful
5 Reasons Typography is Powerful
 

Similar to Graphic design for

Graphic Design For non graphic designers
Graphic Design For non graphic designersGraphic Design For non graphic designers
Graphic Design For non graphic designers
shira73
 
Graphic Designer
Graphic DesignerGraphic Designer
Graphic Designer
Usman Ali Kjs
 
Avalon's DM 101 - Design Tips and Tricks
Avalon's DM 101 - Design Tips and TricksAvalon's DM 101 - Design Tips and Tricks
Avalon's DM 101 - Design Tips and Tricks
Avalon Consulting
 
Design Credibility: No one trusts an ugly website
Design Credibility: No one trusts an ugly websiteDesign Credibility: No one trusts an ugly website
Design Credibility: No one trusts an ugly website
nonlinear creations
 
Designs & graphics
Designs & graphicsDesigns & graphics
Designs & graphics
Monika Gaur
 
DESKTOP PUBLISHING COMPUTER 7-LESSON 6 CREATING REPORT
DESKTOP PUBLISHING COMPUTER 7-LESSON 6 CREATING REPORTDESKTOP PUBLISHING COMPUTER 7-LESSON 6 CREATING REPORT
DESKTOP PUBLISHING COMPUTER 7-LESSON 6 CREATING REPORT
MayAnnRodriguez2
 
Capturing and Retaining Users Interest
Capturing and Retaining Users InterestCapturing and Retaining Users Interest
Capturing and Retaining Users InterestLisa Colton
 
Living-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptx
Living-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptxLiving-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptx
Living-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptx
TristanJasperRamos
 
PRESENT.ppt
PRESENT.pptPRESENT.ppt
PRESENT.ppt
ttaay
 
Presentation Board Layout
Presentation Board Layout Presentation Board Layout
Presentation Board Layout
NYCCTfab
 
20080626012119_727.ppt
20080626012119_727.ppt20080626012119_727.ppt
20080626012119_727.ppt
IANROLDAN1
 
Layouting.pptx
Layouting.pptxLayouting.pptx
Layouting.pptx
jamesnickseramines1
 
The Science of Visual Design: Creating Strong Graphics for ID
The Science of Visual Design: Creating Strong Graphics for IDThe Science of Visual Design: Creating Strong Graphics for ID
The Science of Visual Design: Creating Strong Graphics for ID
James Washok
 
Basic layout principles
Basic layout principlesBasic layout principles
Basic layout principlesSherwin Manual
 
Basic Elements & Principals for Create Best Graphic Design Services
Basic Elements & Principals for Create Best Graphic Design ServicesBasic Elements & Principals for Create Best Graphic Design Services
Basic Elements & Principals for Create Best Graphic Design Services
Helpful Insight
 
Seven Habits of Highly Effective Designers - IAP 2014
Seven Habits of Highly Effective Designers - IAP 2014Seven Habits of Highly Effective Designers - IAP 2014
Seven Habits of Highly Effective Designers - IAP 2014
DUSPviz
 
pos.docx
pos.docxpos.docx
Week 202 design skills
Week 202 design skillsWeek 202 design skills
Week 202 design skills
Steve
 
Gd1 Chapter 3 - Design
Gd1 Chapter 3 - DesignGd1 Chapter 3 - Design
Gd1 Chapter 3 - Design
mjb77ny
 
Multimedia design principles
Multimedia design principlesMultimedia design principles
Multimedia design principles
AimeePrater
 

Similar to Graphic design for (20)

Graphic Design For non graphic designers
Graphic Design For non graphic designersGraphic Design For non graphic designers
Graphic Design For non graphic designers
 
Graphic Designer
Graphic DesignerGraphic Designer
Graphic Designer
 
Avalon's DM 101 - Design Tips and Tricks
Avalon's DM 101 - Design Tips and TricksAvalon's DM 101 - Design Tips and Tricks
Avalon's DM 101 - Design Tips and Tricks
 
Design Credibility: No one trusts an ugly website
Design Credibility: No one trusts an ugly websiteDesign Credibility: No one trusts an ugly website
Design Credibility: No one trusts an ugly website
 
Designs & graphics
Designs & graphicsDesigns & graphics
Designs & graphics
 
DESKTOP PUBLISHING COMPUTER 7-LESSON 6 CREATING REPORT
DESKTOP PUBLISHING COMPUTER 7-LESSON 6 CREATING REPORTDESKTOP PUBLISHING COMPUTER 7-LESSON 6 CREATING REPORT
DESKTOP PUBLISHING COMPUTER 7-LESSON 6 CREATING REPORT
 
Capturing and Retaining Users Interest
Capturing and Retaining Users InterestCapturing and Retaining Users Interest
Capturing and Retaining Users Interest
 
Living-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptx
Living-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptxLiving-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptx
Living-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptx
 
PRESENT.ppt
PRESENT.pptPRESENT.ppt
PRESENT.ppt
 
Presentation Board Layout
Presentation Board Layout Presentation Board Layout
Presentation Board Layout
 
20080626012119_727.ppt
20080626012119_727.ppt20080626012119_727.ppt
20080626012119_727.ppt
 
Layouting.pptx
Layouting.pptxLayouting.pptx
Layouting.pptx
 
The Science of Visual Design: Creating Strong Graphics for ID
The Science of Visual Design: Creating Strong Graphics for IDThe Science of Visual Design: Creating Strong Graphics for ID
The Science of Visual Design: Creating Strong Graphics for ID
 
Basic layout principles
Basic layout principlesBasic layout principles
Basic layout principles
 
Basic Elements & Principals for Create Best Graphic Design Services
Basic Elements & Principals for Create Best Graphic Design ServicesBasic Elements & Principals for Create Best Graphic Design Services
Basic Elements & Principals for Create Best Graphic Design Services
 
Seven Habits of Highly Effective Designers - IAP 2014
Seven Habits of Highly Effective Designers - IAP 2014Seven Habits of Highly Effective Designers - IAP 2014
Seven Habits of Highly Effective Designers - IAP 2014
 
pos.docx
pos.docxpos.docx
pos.docx
 
Week 202 design skills
Week 202 design skillsWeek 202 design skills
Week 202 design skills
 
Gd1 Chapter 3 - Design
Gd1 Chapter 3 - DesignGd1 Chapter 3 - Design
Gd1 Chapter 3 - Design
 
Multimedia design principles
Multimedia design principlesMultimedia design principles
Multimedia design principles
 

More from Philip Sweezey

Standards of Practice for School Library Learning Commons in Canada 2014
Standards of Practice for School Library Learning Commons in Canada 2014Standards of Practice for School Library Learning Commons in Canada 2014
Standards of Practice for School Library Learning Commons in Canada 2014
Philip Sweezey
 
Weather Station at St. Macs
Weather Station at St. MacsWeather Station at St. Macs
Weather Station at St. Macs
Philip Sweezey
 
How to make a movie (The Basics)
How to make a movie (The Basics)How to make a movie (The Basics)
How to make a movie (The Basics)Philip Sweezey
 
Sumo Robotics Competition
Sumo Robotics CompetitionSumo Robotics Competition
Sumo Robotics CompetitionPhilip Sweezey
 

More from Philip Sweezey (8)

Standards of Practice for School Library Learning Commons in Canada 2014
Standards of Practice for School Library Learning Commons in Canada 2014Standards of Practice for School Library Learning Commons in Canada 2014
Standards of Practice for School Library Learning Commons in Canada 2014
 
Weather Station at St. Macs
Weather Station at St. MacsWeather Station at St. Macs
Weather Station at St. Macs
 
Storyboarding basics
Storyboarding basicsStoryboarding basics
Storyboarding basics
 
How to make a movie (The Basics)
How to make a movie (The Basics)How to make a movie (The Basics)
How to make a movie (The Basics)
 
Sumo Robotics Competition
Sumo Robotics CompetitionSumo Robotics Competition
Sumo Robotics Competition
 
Lego mindstorms intro
Lego mindstorms introLego mindstorms intro
Lego mindstorms intro
 
Kodu game design
Kodu game designKodu game design
Kodu game design
 
Graphic Design Intro
Graphic Design IntroGraphic Design Intro
Graphic Design Intro
 

Recently uploaded

When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
Elena Simperl
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
UiPathCommunity
 
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Product School
 
Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*
Frank van Harmelen
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
Product School
 
Monitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR EventsMonitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR Events
Ana-Maria Mihalceanu
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
ThousandEyes
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
Cheryl Hung
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Tobias Schneck
 
PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
ControlCase
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
Sri Ambati
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
Alison B. Lowndes
 
GraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge GraphGraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge Graph
Guy Korland
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
91mobiles
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
Jemma Hussein Allen
 
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdfFIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
DianaGray10
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
James Anderson
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance
 

Recently uploaded (20)

When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
 
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...
 
Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
 
Monitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR EventsMonitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR Events
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
 
PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
 
GraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge GraphGraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge Graph
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
 
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdfFIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdf
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
 

Graphic design for

  • 2. What is Graphic Design? The process and art of combining text and graphics to communicate an effective message in the design of logos, graphics, brochures, newsletters, posters, signs, and any other type of visual communication.
  • 3. 1 Before You Begin to Design • TARGET AUDIENCE – Decide Who Your Audience is. The more you know about your audience, the better equipped you are to attract their attention and communicate your message. Knowing who the audience is will help you determine the best format in which to communicate with them.
  • 4. 2 Before You Begin to Design • CONTENT – What do you want to convey? It helps to know exactly what words you want to use (or have to use) on the page to convey your message, because the amount of words and the message will affect how you design your layout. Be ready to edit or cut text.
  • 5. 3 Before You Begin to Design • IMAGE AREA – Consider the size, shape, and function of your layout. – Draw a mock-up showing where artwork, photos, etc should be placed relative to copy.
  • 6. Good Graphic Design Utilizes: Simplicity Emphasis White Space
  • 7. Simplicity • KISS – Have a good reason for everything you add, and take away anything that you don’t need – Keep headlines and lead paragraphs short • Have a purpose for everything - when in doubt, leave it out • Stick to three or fewer fonts in a layout • Contrast - Balance - Alignment - Repetition - Flow
  • 8. • Contrast – The principle of contrast states that visual elements on a page should look distinctly different from one another. It is used to add visual variety to layouts and keep everything on the page from looking alike. • Balance – The principle of balance is concerned with the distribution of visual elements on a page in order to achieve a pleasing and clear layout • Alignment – is the visual connection among words, graphics, images, shapes, and lines on a page when their edges or axes line up with each other.
  • 9. • Repetition – The principle that states repeating lines, shapes, images, colors, textures, and other visual elements within a page helps establish a unified cohesive design. • Flow – The visual and verbal path of movement that a viewer’s eye follows through a page or sequence of pages. Effective use can control the way the viewer’s eye scans through the design.
  • 10. Emphasis • The most important element on the page should be the most prominent • Emphasis Techniques: • Make it the biggest • Make it the boldest • Placing the element in a shape that is different from others on the page • Making it full intensity when everything else is faded • Adding a border around the element • Changing its color so it is different • Surrounding the element with lots of white space • Tilting it at an angle when other elements are horizontal
  • 11. White Space • Allows the eye to “rest” • Makes type easier and faster to read • Resist the urge to fill entire space with words, pictures, charts and graphics • Avoid “gray” pages • White space creates emphasis
  • 12. White Space cont. • White space makes pages more attractive and easier to read by providing a resting space for the reader's eyes and creating empty/filled contrast with the text on the page. Gray pages • Gray pages are the result of too much type, not enough white space and a lack of typographic contrast between each element of page architecture. Readers should be able to glance at a page and easily identify headlines, subheads, body copy and captions.
  • 13. Photographs • Resolution - low vs. high – ppi (display) and dpi (printer) • Size - too big or too small • Cropping – when and how • Photo-editing programs (Paint)
  • 14. Logos • Less is more – Convey the idea as simply as possible. Few words and colors. – Create logos in a vector program – not Paint, PowerPoint or Publisher. – Here are some examples:
  • 15. Top 7 Graphic Design Don’ts 1. Use too many different fonts in one design 2. Use every color in the rainbow just because you can 3. Put a box around everything 4. Center everything on the page
  • 16. 5.Forget white space is your friend – avoid “gray pages” 6.Use fonts that are too small – 5, 6, 7 point 7.Rely on the computer for everything – it is only a tool Top 7 Graphic Design Don’ts
  • 17. Right and wrong do not exist in graphic design. There is only effective and non-effective communication.

Editor's Notes

  1. Contrast The principle of contrast states that visual elements on a page should look distinctly different from one another. It is used to add visual variety to layouts and keep everything on the page from looking alike. Balance The principle of balance is concerned with the distribution of visual elements on a page in order to achieve a pleasing and clear layout Alignment is the visual connection among words, graphics, images, shapes, and lines on a page when their edges or axes line up with each other. Repetition The principle that states repeating lines, shapes, images, colors, textures, and other visual elements within a page helps establish a unified cohesive design. Flow The visual and verbal path of movement that a viewer’s eye follows through a page or sequence of pages. Effective use can control the way the viewer’s eye scans through the design.
  2. White space makes pages more attractive and easier to read by providing a resting space for the reader's eyes and creating empty/filled contrast with the text on the page. Gray pages Gray pages are the result of too much type, not enough white space and a lack of typographic contrast between each element of page architecture. Readers should be able to glance at a page and easily identify headlines, subheads, body copy and captions. Emphasis. The principle of design that states that the most important element on the pages should be the most prominent, the second most important element should be the second most prominent, and so on.
  3. PPI (pixels per inch) is the number of pixels displayed in an image. A digital image is composed of samples that your screen displays in pixels. The PPI is the display resolution not the image resolution. DPI (dots per inch) is a measure of the resolution of a printer. It properly refers to the dots of ink or toner used by an imagesetter, laser printer, or other printing device to print your text and graphics. In general, the more dots, the better and sharper the image. DPI is printer resolution. LPI (lines per inch) refers to the way printers reproduce images, simulating continuous tone images by printing lines of halftone spots. The number of lines per inch is the LPI, sometimes also called line frequency. You can think of LPI as the halftone resolution. how a picture looks on the screen can be quite different than how it prints
  4. Widows and orphans Widows. Sentences beginning new paragraphs placed at the bottom of a column or page. When a new paragraph begins, keep at least two--preferably three--lines together. Orphans. Sentence fragments or portions of hyphenated words isolated at the top of a new column or page.
  5. Justified type does not offer enough opportunities for words to be properly spaced. As a result, lines containing a few long words are characterized by huge gaps between words and lines containing several short words exhibit extremely tight word spacing. Narrow columns of justified text are also characterized by excessive hyphenation.