SlideShare ist ein Scribd-Unternehmen logo
1 von 17
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.

Weitere ähnliche Inhalte

Was ist angesagt?

Graphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb RiazGraphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb RiazMujeeb 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 designerssuniltalekar1
 
Newspaper Page Design - Basics
Newspaper Page Design - BasicsNewspaper Page Design - Basics
Newspaper Page Design - BasicsRavi Hegde
 
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 Layoutjoypamor
 
What makes a good graphic design
What makes a good graphic designWhat makes a good graphic design
What makes a good graphic designillumedia
 
Group 9 ite k 11D
Group 9 ite k 11DGroup 9 ite k 11D
Group 9 ite k 11DCrisFer8
 
CMYK: Creating Masterpieces with your Kansei
CMYK: Creating Masterpieces with your KanseiCMYK: Creating Masterpieces with your Kansei
CMYK: Creating Masterpieces with your KanseiPeter Andic
 
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 DesignAshikul Islam
 

Was ist angesagt? (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
 

Andere mochten auch

Great typography == Great Design - Part 2
Great typography == Great Design - Part 2Great typography == Great Design - Part 2
Great typography == Great Design - Part 2Aashish Solanki
 
Great Typography == Great Design - part 1
Great Typography == Great Design - part 1Great Typography == Great Design - part 1
Great Typography == Great Design - part 1Aashish Solanki
 
Typography - Graphic Design
Typography - Graphic DesignTypography - Graphic Design
Typography - Graphic DesignAbanoub Hanna
 
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 typographyChiara Aliotta
 
How to Use Color Wisely
How to Use Color WiselyHow to Use Color Wisely
How to Use Color WiselyEthos3
 
Typography Essentials: Part 1
Typography Essentials: Part 1Typography Essentials: Part 1
Typography Essentials: Part 1Jennifer Janviere
 

Andere mochten auch (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
 

Ähnlich wie 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 designersshira73
 
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 TricksAvalon 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 websitenonlinear creations
 
Designs & graphics
Designs & graphicsDesigns & graphics
Designs & graphicsMonika 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 REPORTMayAnnRodriguez2
 
Capturing and Retaining Users Interest
Capturing and Retaining Users InterestCapturing and Retaining Users Interest
Capturing and Retaining Users InterestLisa Colton
 
PRESENT.ppt
PRESENT.pptPRESENT.ppt
PRESENT.pptttaay
 
Presentation Board Layout
Presentation Board Layout Presentation Board Layout
Presentation Board Layout NYCCTfab
 
20080626012119_727.ppt
20080626012119_727.ppt20080626012119_727.ppt
20080626012119_727.pptIANROLDAN1
 
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 IDJames 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 ServicesHelpful 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 2014DUSPviz
 
Week 202 design skills
Week 202 design skillsWeek 202 design skills
Week 202 design skillsSteve
 
Gd1 Chapter 3 - Design
Gd1 Chapter 3 - DesignGd1 Chapter 3 - Design
Gd1 Chapter 3 - Designmjb77ny
 
Multimedia design principles
Multimedia design principlesMultimedia design principles
Multimedia design principlesAimeePrater
 
The Language of Design.pdf
The Language of Design.pdfThe Language of Design.pdf
The Language of Design.pdfLamiSam
 

Ähnlich wie 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
 
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
 
The Language of Design.pdf
The Language of Design.pdfThe Language of Design.pdf
The Language of Design.pdf
 

Mehr von 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 2014Philip Sweezey
 
Weather Station at St. Macs
Weather Station at St. MacsWeather Station at St. Macs
Weather Station at St. MacsPhilip 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
 

Mehr von 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
 

Kürzlich hochgeladen

Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
Vector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector DatabasesVector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector DatabasesZilliz
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clashcharlottematthew16
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Wonjun Hwang
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr LapshynFwdays
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyAlfredo García Lavilla
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 

Kürzlich hochgeladen (20)

Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
Vector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector DatabasesVector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector Databases
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxE-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 

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.

Hinweis der Redaktion

  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.