introduction of graphic design

youssef farag
youssef faragGraphic Designer at Syntax em Syntax
Introduction Of GRAPHIC DESIGN
Youssef Farag
Dentistry college
Al-Azhar University
yousseffarag5@gmail.com
A lot of people think that design is just know
how to use design software ( Photoshop …..etc. )
Or
how to draw like an artist.
But design isn’t.
WHAT IS DESIGN
SO
DESIGN IS
• Away to Communicate an Idea or Concept by
using DESIGN Processes, Elements and Principles .
• Idea or Concept must be Solve A Problem .
• To Solve A Problem, A Project must be created .
What is the deference between
DESIGN and ART ?
DESIGN ART
MUST be communicate something. Doesn’t communicate anything.
SHOULD be understood at the
same way by everyone
Be understood with a deferent
ways
DESIGN have several branches ( graphic, wed,
product, fashion, game and motion ) but the 3
main branches are :
• Graphic : Focus mostly on design for print .
• Product : Physical element or Product that
can be use .
• Web : design for the web like website design .
DESIGN Process :
• First Step : Thinking for idea ( the
rational model ) .
• Second Step : Use pen and paper to
express your idea at wireframes .
• Third Step : Using adobe Photoshop
and illustrator to bring life to wireframes
and give color .
• Forth Step : Getting feedback from
your family, friends and other people
who are better than you in graphic
design .
1
35
DESIGN Elements :
• Help communicate your idea and concept .
• The 5 main elements : line, form, color, space and texture .
-----------------------------------------------------------
Lines :
• Lines are usually made by strokes, marks or by the edge of
shape or form.
• Line can be short or long - straight or curvy – thick or thin –
horizontal, vertical or diagonal .
Form :
• Form is a combination of several lines in different direction .
• Form can be circles, squares, rectangles, triangles, ovals,
diamonds....
• A black of text also qualify as form .
----------------------------------------------------------------
Color :
• Color is the part of light that is reflected by the object
we see .
• The primary colors are red, yellow, and blue . So Mixing
any two primary colors results in a secondary color .
• When we mix yellow and blue we get green, blue + red =
violet, red + yellow = orange.
Texture :
• Texture is the background like the background of this ppt .
------------------------------------------------------------------------
Space :
• Helping focus on what matters .
• Like the white space on Google's home page .
DESIGN Principles :
• Principles applied to the elements are what make or break design .
• There are 4 main principles called C-R-A-P ( contrast - repetition -
alignment - proximity ) .
---------------------------------------------------------------
Contrast :
• We use contrast to create attentions
and focal point .
• It differentiate elements by several
ways . Like this image :
1. You can see that black letter on white background and white
letter on black square .
• So without contrast people gets lost .
Repetition :
• it means repeating elements to make interest and unify the
elements .
---------------------------------------------------------------
Alignment :
• Elements should have visual connection
with other elements on the page to
organize the page .
• nothing should be placed on the screen
arbitrarily .
• So if you look to this image you will note
1. That photos align vertical and horizontal, The texts same as photos .
Proximity :
• It mean create links between elements .
• Help organize information and reduce clutter .
---------------------------------------------------------------------
This is a brief about ( introduction of graphic design ), these are some books take minutely about this subject :
• The Elements of Graphic Design (Second Edition) - WHITE, Alex [paperback]
• How to Be a Graphic Designer without Losing Your Soul (New Expanded Edition) - SHAUGHNESSY, Adrian [paperback / digital]
• The Non-Designer's Design Book (3rd Edition) - WILLIAMS, Robin [paperback / digital]
• Robin Williams Design Workshop (2nd Edition) - WILLIAMS, Robin [paperback / digital]
• Graphic Design: The New Basics - LUPTON, Ellen [paperback / hardcover]
• Basics Design 01: Format - AMBROSE, Gavin [paperback]
• Basics Design 02: Layout - AMBROSE, Gavin [paperback]
• Basics Design 03: Typography - AMBROSE, Gavin [paperback]
• Basics Design 04: Image - AMBROSE, Gavin [paperback]
• Basics Design 05: Colour - AMBROSE, Gavin [paperback]
• Basics Design 06: Print and Finish - AMBROSE, Gavin [paperback]
• Basics Design 07: Grids - AMBROSE, Gavin [paperback]
• Basics Design 08: Design Thinking - AMBROSE, Gavin [paperback]
• The Fundamentals of Graphic Design - HARRIS, Paul [paperback]
goodbye and see you in another ppt .
Youssef Farag
https://eg.linkedin.com/in/yousseffarag5
yousseffarag5@gmail.com
01065078204
1 de 14

Mais conteúdo relacionado

Mais procurados

An Introduction To Graphic DesignAn Introduction To Graphic Design
An Introduction To Graphic DesignAfshan Kirmani
201.1K visualizações93 slides
Graphic Design 101Graphic Design 101
Graphic Design 101sbernalmarcial
37.6K visualizações30 slides
Graphic DesignGraphic Design
Graphic DesignBen Fayza
12.4K visualizações23 slides
Typography FundamentalsTypography Fundamentals
Typography FundamentalsSteve Hickey
8.7K visualizações50 slides

Mais procurados(20)

An Introduction To Graphic DesignAn Introduction To Graphic Design
An Introduction To Graphic Design
Afshan Kirmani201.1K visualizações
Graphic Design 101Graphic Design 101
Graphic Design 101
sbernalmarcial37.6K visualizações
How to design - Graphic design theoryHow to design - Graphic design theory
How to design - Graphic design theory
Abanoub Hanna1.7K visualizações
Graphic design by Muhammad Mujeeb RiazGraphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb Riaz
Mujeeb Riaz884 visualizações
Graphic DesignGraphic Design
Graphic Design
Ben Fayza12.4K visualizações
Typography FundamentalsTypography Fundamentals
Typography Fundamentals
Steve Hickey8.7K visualizações
Principles Of  Design 1Principles Of  Design 1
Principles Of Design 1
Robert Brandstetter1.9K visualizações
Graphic Design For non graphic designersGraphic Design For non graphic designers
Graphic Design For non graphic designers
shira7311.4K visualizações
Graphic Design Introduction   UploadGraphic Design Introduction   Upload
Graphic Design Introduction Upload
Nida Aslam3.7K visualizações
Freelancing with graphic designFreelancing with graphic design
Freelancing with graphic design
Sylhet IT Academy1.4K visualizações
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
Shawn Calvert20.9K visualizações
Graphic designGraphic design
Graphic design
nikitap9974.6K visualizações
Graphic and Web Design Principles                      Graphic and Web Design Principles
Graphic and Web Design Principles
Rob Nunez572 visualizações
Principles of Design - Graphic Design TheoryPrinciples of Design - Graphic Design Theory
Principles of Design - Graphic Design Theory
Abanoub Hanna112.5K visualizações
Typography, A PresentationTypography, A Presentation
Typography, A Presentation
Graeme Smith20.2K visualizações
Typography 101: The BasicsTypography 101: The Basics
Typography 101: The Basics
Mainstreethost3.4K visualizações
Typography Essentials: Part 1Typography Essentials: Part 1
Typography Essentials: Part 1
Jennifer Janviere59.7K visualizações
Graphic design compositionGraphic design composition
Graphic design composition
suniltalekar14.5K visualizações
Graphic designGraphic design
Graphic design
Sej Visawadia48.9K visualizações
Design elements and principlesDesign elements and principles
Design elements and principles
Maged A. Morsy2.6K visualizações

Similar a introduction of graphic design

Graphic DesignerGraphic Designer
Graphic DesignerUsman Ali Kjs
1K visualizações28 slides
Comm via printed media 07Comm via printed media 07
Comm via printed media 07HasanErkaya1
55 visualizações29 slides
Designs & graphicsDesigns & graphics
Designs & graphicsMonika Gaur
2.3K visualizações20 slides
Element of designElement of design
Element of designRahul Gupta
5.4K visualizações15 slides
Elements of designElements of design
Elements of designSuryaprakashJangir
37 visualizações22 slides

Similar a introduction of graphic design(20)

Lecture 1 Advance concept in Visual GraphicsLecture 1 Advance concept in Visual Graphics
Lecture 1 Advance concept in Visual Graphics
lucita cabral73 visualizações
Graphic DesignerGraphic Designer
Graphic Designer
Usman Ali Kjs1K visualizações
Comm via printed media 07Comm via printed media 07
Comm via printed media 07
HasanErkaya155 visualizações
Designs & graphicsDesigns & graphics
Designs & graphics
Monika Gaur2.3K visualizações
Element of designElement of design
Element of design
Rahul Gupta5.4K visualizações
Elements of designElements of design
Elements of design
SuryaprakashJangir37 visualizações
Avalon's DM 101 - Design Tips and TricksAvalon's DM 101 - Design Tips and Tricks
Avalon's DM 101 - Design Tips and Tricks
Avalon Consulting285 visualizações
Graphics Concepts-1Graphics Concepts-1
Graphics Concepts-1
Ashish Srivastava7.9K visualizações
Making an architectural portfolio for internshipMaking an architectural portfolio for internship
Making an architectural portfolio for internship
LeilaSrinivasan3.5K visualizações
Graphic Design Essentials by Rahul KULKARNI.Graphic Design Essentials by Rahul KULKARNI.
Graphic Design Essentials by Rahul KULKARNI.
Rahul KULKARNI455 visualizações
Visual MediaVisual Media
Visual Media
Julius Memar Ngoho4.2K visualizações
Graphic designGraphic design
Graphic design
Ashikul Islam744 visualizações
Printed Graphics Design & ProductionPrinted Graphics Design & Production
Printed Graphics Design & Production
animecac58722 visualizações
ET_lESSON_6.pptxET_lESSON_6.pptx
ET_lESSON_6.pptx
Rhoan446 visualizações
Imaging and Design for Online EnvironmentImaging and Design for Online Environment
Imaging and Design for Online Environment
Angelito Quiambao41.1K visualizações
Presentation Board Layout Presentation Board Layout
Presentation Board Layout
NYCCTfab 26.5K visualizações
Game Art Courses - MAGES Institute Game Art Courses - MAGES Institute
Game Art Courses - MAGES Institute
AkhilKumar52931414 visualizações
Digital illustration handbookDigital illustration handbook
Digital illustration handbook
MrLawler24.6K visualizações
Graphic design forGraphic design for
Graphic design for
Philip Sweezey749 visualizações

Último

3 Dark Design Templates3 Dark Design Templates
3 Dark Design TemplatesPixeldarts
14 visualizações5 slides
StratPlanning Manual 220713.pdfStratPlanning Manual 220713.pdf
StratPlanning Manual 220713.pdfLakewalk Media
14 visualizações43 slides
UX Camp Nov 2023_upload.pptxUX Camp Nov 2023_upload.pptx
UX Camp Nov 2023_upload.pptxAmir Ansari
49 visualizações77 slides

Último(20)

Benzodiazepines--Medicinal ChemistryBenzodiazepines--Medicinal Chemistry
Benzodiazepines--Medicinal Chemistry
NarminHamaaminHussen6 visualizações
3 Dark Design Templates3 Dark Design Templates
3 Dark Design Templates
Pixeldarts14 visualizações
StratPlanning Manual 220713.pdfStratPlanning Manual 220713.pdf
StratPlanning Manual 220713.pdf
Lakewalk Media14 visualizações
SS25 Fashion Key Items trend bookSS25 Fashion Key Items trend book
SS25 Fashion Key Items trend book
Peclers Paris107 visualizações
UX Camp Nov 2023_upload.pptxUX Camp Nov 2023_upload.pptx
UX Camp Nov 2023_upload.pptx
Amir Ansari49 visualizações
Anti-Cancer Drugs-Medicinal ChemistryAnti-Cancer Drugs-Medicinal Chemistry
Anti-Cancer Drugs-Medicinal Chemistry
NarminHamaaminHussen7 visualizações
217 Drive - All on upper.pptx217 Drive - All on upper.pptx
217 Drive - All on upper.pptx
vidstor28214 visualizações
Scopic UX Design Test Task.pdfScopic UX Design Test Task.pdf
Scopic UX Design Test Task.pdf
Atiqur Rahaman272 visualizações
Task 3.pptxTask 3.pptx
Task 3.pptx
ZaraCooper219 visualizações
Task 3 copy.pptxTask 3 copy.pptx
Task 3 copy.pptx
ZaraCooper220 visualizações
Anthelmintic Drugs-Medicinal ChemistryAnthelmintic Drugs-Medicinal Chemistry
Anthelmintic Drugs-Medicinal Chemistry
NarminHamaaminHussen5 visualizações
Oregon Ducks 4 Spencer Webb HoodieOregon Ducks 4 Spencer Webb Hoodie
Oregon Ducks 4 Spencer Webb Hoodie
brandshop110 visualizações
Presentation (1).pdfPresentation (1).pdf
Presentation (1).pdf
hjksa17 visualizações
Anti -Parkinsonian Drugs-Medicinal ChemistryAnti -Parkinsonian Drugs-Medicinal Chemistry
Anti -Parkinsonian Drugs-Medicinal Chemistry
NarminHamaaminHussen11 visualizações
Here_Process bookHere_Process book
Here_Process book
nykimstudio15 visualizações
evidence .pptxevidence .pptx
evidence .pptx
npgkddpbpd9 visualizações
TISFLEET WEB DESIGN PROJECTTISFLEET WEB DESIGN PROJECT
TISFLEET WEB DESIGN PROJECT
Rabius Sany38 visualizações
Design System in Figma A to Z.pdfDesign System in Figma A to Z.pdf
Design System in Figma A to Z.pdf
Atiqur Rahaman15 visualizações
My Creative Resume DIAPOS.pptxMy Creative Resume DIAPOS.pptx
My Creative Resume DIAPOS.pptx
BrayanQuispe2312 visualizações

introduction of graphic design

  • 1. Introduction Of GRAPHIC DESIGN Youssef Farag Dentistry college Al-Azhar University yousseffarag5@gmail.com
  • 2. A lot of people think that design is just know how to use design software ( Photoshop …..etc. ) Or how to draw like an artist. But design isn’t.
  • 4. DESIGN IS • Away to Communicate an Idea or Concept by using DESIGN Processes, Elements and Principles . • Idea or Concept must be Solve A Problem . • To Solve A Problem, A Project must be created .
  • 5. What is the deference between DESIGN and ART ? DESIGN ART MUST be communicate something. Doesn’t communicate anything. SHOULD be understood at the same way by everyone Be understood with a deferent ways
  • 6. DESIGN have several branches ( graphic, wed, product, fashion, game and motion ) but the 3 main branches are : • Graphic : Focus mostly on design for print . • Product : Physical element or Product that can be use . • Web : design for the web like website design .
  • 7. DESIGN Process : • First Step : Thinking for idea ( the rational model ) . • Second Step : Use pen and paper to express your idea at wireframes . • Third Step : Using adobe Photoshop and illustrator to bring life to wireframes and give color . • Forth Step : Getting feedback from your family, friends and other people who are better than you in graphic design . 1 35
  • 8. DESIGN Elements : • Help communicate your idea and concept . • The 5 main elements : line, form, color, space and texture . ----------------------------------------------------------- Lines : • Lines are usually made by strokes, marks or by the edge of shape or form. • Line can be short or long - straight or curvy – thick or thin – horizontal, vertical or diagonal .
  • 9. Form : • Form is a combination of several lines in different direction . • Form can be circles, squares, rectangles, triangles, ovals, diamonds.... • A black of text also qualify as form . ---------------------------------------------------------------- Color : • Color is the part of light that is reflected by the object we see . • The primary colors are red, yellow, and blue . So Mixing any two primary colors results in a secondary color . • When we mix yellow and blue we get green, blue + red = violet, red + yellow = orange.
  • 10. Texture : • Texture is the background like the background of this ppt . ------------------------------------------------------------------------ Space : • Helping focus on what matters . • Like the white space on Google's home page .
  • 11. DESIGN Principles : • Principles applied to the elements are what make or break design . • There are 4 main principles called C-R-A-P ( contrast - repetition - alignment - proximity ) . --------------------------------------------------------------- Contrast : • We use contrast to create attentions and focal point . • It differentiate elements by several ways . Like this image : 1. You can see that black letter on white background and white letter on black square . • So without contrast people gets lost .
  • 12. Repetition : • it means repeating elements to make interest and unify the elements . --------------------------------------------------------------- Alignment : • Elements should have visual connection with other elements on the page to organize the page . • nothing should be placed on the screen arbitrarily . • So if you look to this image you will note 1. That photos align vertical and horizontal, The texts same as photos .
  • 13. Proximity : • It mean create links between elements . • Help organize information and reduce clutter . --------------------------------------------------------------------- This is a brief about ( introduction of graphic design ), these are some books take minutely about this subject : • The Elements of Graphic Design (Second Edition) - WHITE, Alex [paperback] • How to Be a Graphic Designer without Losing Your Soul (New Expanded Edition) - SHAUGHNESSY, Adrian [paperback / digital] • The Non-Designer's Design Book (3rd Edition) - WILLIAMS, Robin [paperback / digital] • Robin Williams Design Workshop (2nd Edition) - WILLIAMS, Robin [paperback / digital] • Graphic Design: The New Basics - LUPTON, Ellen [paperback / hardcover] • Basics Design 01: Format - AMBROSE, Gavin [paperback] • Basics Design 02: Layout - AMBROSE, Gavin [paperback] • Basics Design 03: Typography - AMBROSE, Gavin [paperback] • Basics Design 04: Image - AMBROSE, Gavin [paperback] • Basics Design 05: Colour - AMBROSE, Gavin [paperback] • Basics Design 06: Print and Finish - AMBROSE, Gavin [paperback] • Basics Design 07: Grids - AMBROSE, Gavin [paperback] • Basics Design 08: Design Thinking - AMBROSE, Gavin [paperback] • The Fundamentals of Graphic Design - HARRIS, Paul [paperback]
  • 14. goodbye and see you in another ppt . Youssef Farag https://eg.linkedin.com/in/yousseffarag5 yousseffarag5@gmail.com 01065078204