SlideShare a Scribd company logo
1 of 50
Download to read offline
*
What is graphic design?
How did it evolve?
When did the profession come into existence?
And why?

*
Slide 2
The term graphic design can refer to a number of artistic and
professional disciplines which focus on visual communication and
presentation.

Various methods are used to create and combine symbols, images
and/or words to create a visual representation of ideas and
messages.

*
Slide 3
*
Slide 4
When people need to necessarily express something, usually with
an aim towards promotion or information dispensing, the focus
becomes how best to do it.
Graphic design was born of art and technology (printing).

Slide 5
When he gets a graphic design job, be it a poster design, book design,
web design, advertising, he has to start with asking himself the
following fundamental questions:
What is the objective of the communication
What needs to be said first and then next and then after
that? (levels of hierarchy)
How do you want the eye to flow through the page?
What is the tone of voice?
Who are you speaking to?

*What does a Graphic

Designer do?

Slide 6
What is the information that needs to be passed on? When the
audience reads your book/webpage/ad what’s he supposed to get
out of it?

*Fundamental Question

1:
Objectives of the
communication

An advertisement and a newspaper have different objectives of
communication.
Slide 7
*Fundamental Question 2: What

needs to be said first and then
next and then after that?
Once you have figured out what the
(hierarchy)
objective of your communication is you’ll
want to think about what needs to be said
first and foremost and what it should be
followed by.

Slide 8
*Fundamental Question 3: How

do you want the user’s eye to
move around the page?

The hierarchy mentioned above, along with elements like color,
contrast, size etc, will automatically make your viewers eyes go
through the page in a certain way. This can be manipulated as per
your intention.

Slide 9
You have to be very sure about this as different people need to be
spoken to differently, just the way it is in real life.

*Fundamental Question 4:

Who are you speaking to?
Slide 10
*Fundamental Question 5: What

is the tone of voice?

Only once you have got the above figured out can you think
about the more external elements of your piece of work.

Slide 11
The solutions to these questions are tackled using the graphic
designer’s tool kit.

Slide 12
Broadly speaking, the following tools are available to him to solve
the aforementioned issues:

• Point

• Space

• Line

• Size

• Form

• Typography

• Pattern

• Color

• Texture

• Image

Slide 13
*Point
A point is the fundamental particle of graphic design.

Slide 14
Slide 15
Line is any mark connecting two points.

*The Line
Slide 16
Slide 17
*The Shape
Anything that has a width and a height is a shape.

Slide 18
Slide 19
Our tendency to make meaning an order will find a pattern in things.

*Pattern
Slide 20
Slide 21
*Texture
Texture is the look or feel of a surface. You can add richness and
dimension to your layouts with texture. Visual texture creates an
illusion of texture on a printed publication or web page.
Texture can create mood and personality
Provoke emotion

Slide 22
Slide 23
Space is the distance or area between or around things.
Space separates or unifies, highlights, and gives the eye a visual rest.

*Space
Slide 24
Slide 25
*Size
Size is how large or small something is.
Size is very important in making a layout functional, attractive,
and organized.
It shows what is most important, attracts attention, and helps to
fit the layout together.

Slide 26
Slide 27
*Type
Typography is one of the most important tools for a graphic
designer.
Typography can take you back to a different time, set a mood, set a
tone of voice, organize pages, create unity between objects etc.

Slide 28
Slide 29
Color in layouts can convey moods, create images, attract
attention, and identify objects.
When selecting colors for a publication or a web page, think
about what you want the color to do and what is appropriate for
your purpose.

*Color
Slide 30
Slide 31
Image is an essential part of graphic design.
Images can be of basically three kinds; Photographs, Illustration
and paintings.
Images can be interpreted in many ways and cultural differences
should be kept in mind when ‘reading’ an image.

*Image
Slide 32
Slide 33
*Miscellaneous examples

of usage of graphic
design
Slide 34
Slide 35
While using the tools we spoke about a designer that keeps in mind
some principles of design that aid him in composing his work.
These principles are:
Balance
Rhythm
Emphasis
Unity
These principles of design help you to combine the various design
elements into a composition.

*COMPOSITION : The use
of the PRINCIPLES OF
DESIGN
Slide 36
Balance refers to the distribution of visual weight in art.
Visual weight may not be a 50-50 distribution on both sides of the page.

*Balance
All the quadrants in the picture at left are balanced. Clockwise
from left, they are Symmetrically, Asymmetrically, Horizontally
and Diagonally balanced.
Slide 37
Each element on a layout has visual weight that is determined by
its size, darkness or lightness, and thickness of lines.

All the images above are balanced.
Let us discuss how.
Slide 38
Rhythm is a pattern created by repeating elements on a page in an
expected manner.
Repetition (repeating similar elements in a consistent manner) and
variation (a change in the form, size, or position of the elements)
are the keys to visual rhythm.

*Rhythm
Slide 39
Slide 40
*Emphasis
Every page needs a focal point.
Emphasis is also known as dominance in graphic design. It is the
first thing the eye sees.
Emphasis is used to create a hierarchy of what should be most
important on a page.

Slide 41
Slide 42
Unity helps all the elements look like they belong
together.
Readers need visual cues to let them know the piece is
one unit.
One should be consistent with fonts, sizes, styles,
headers, footers etc.

*Unity
Slide 43
Slide 44
The Gestalt or ‘whole form’ theory sought to define the principles
of perception.
These are innate mental laws that determine how we see images.

• Emergence

• Similarity

• Reification

• Proximity

• Multi-stability

• Symmetry

• Invariance

• Continuity

• Closure

*GESTALT THEORIES
Slide 45
Emergence: The dog emerges from
the other spots as a whole and not
as individual parts.

Reification: This is the
‘constructive’ aspect of perception,
i.e. we draw shapes in our mind
even though there is nothing
actually drawn.

Slide 46
Multi-stability: The tendency for us
to see a static image pop back and
forth, or for us to see two images in
one alternately.

Invariance: We recognize simple 
geometrical objects irrespective of 
rotation, scale or translation.

Slide 47
Similarity: The mind groups similar
elements into collective entities.

Closure: We have a tendency to
complete a regular figure.

Slide 48
Proximity: The mind groups
elements into collective entities
depending on their proximity.

Continuity: We will see the lines
crossing each other rather than two
angles.

Slide 49
*
Slide 50

More Related Content

What's hot

Modern Graphic Design
Modern Graphic DesignModern Graphic Design
Modern Graphic DesignYekaterina22
 
Graphic Design Essentials by Rahul KULKARNI.
Graphic Design Essentials by Rahul KULKARNI.Graphic Design Essentials by Rahul KULKARNI.
Graphic Design Essentials by Rahul KULKARNI.Rahul KULKARNI
 
How to design - Graphic design theory
How to design - Graphic design theoryHow to design - Graphic design theory
How to design - Graphic design theoryAbanoub Hanna
 
An Introduction To Graphic Design
An Introduction To Graphic DesignAn Introduction To Graphic Design
An Introduction To Graphic DesignAfshan Kirmani
 
introduction of graphic design
introduction of graphic designintroduction of graphic design
introduction of graphic designyoussef farag
 
Typography Essentials: Part 1
Typography Essentials: Part 1Typography Essentials: Part 1
Typography Essentials: Part 1Jennifer Janviere
 
Principles of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryPrinciples of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryAbanoub Hanna
 
Intro to Adobe Illustrator
Intro to Adobe IllustratorIntro to Adobe Illustrator
Intro to Adobe IllustratorDUSPviz
 
Elements of Graphic Design
Elements of Graphic DesignElements of Graphic Design
Elements of Graphic Designclewis86
 
Elements and principles in graphics design
Elements and principles in graphics design Elements and principles in graphics design
Elements and principles in graphics design grimsbyboy
 
Design elements and principles
Design elements and principlesDesign elements and principles
Design elements and principlesMaged A. Morsy
 
INTRO What is Graphic Design
INTRO What is Graphic DesignINTRO What is Graphic Design
INTRO What is Graphic DesignDarla Hueske
 
Understanding Graphic Design
Understanding Graphic DesignUnderstanding Graphic Design
Understanding Graphic DesignFrank Curkovic
 
Graphic Design
Graphic DesignGraphic Design
Graphic DesignBen Fayza
 

What's hot (20)

Graphic Design 101
Graphic Design 101Graphic Design 101
Graphic Design 101
 
Modern Graphic Design
Modern Graphic DesignModern Graphic Design
Modern Graphic Design
 
Graphic Design Essentials by Rahul KULKARNI.
Graphic Design Essentials by Rahul KULKARNI.Graphic Design Essentials by Rahul KULKARNI.
Graphic Design Essentials by Rahul KULKARNI.
 
How to design - Graphic design theory
How to design - Graphic design theoryHow to design - Graphic design theory
How to design - Graphic design theory
 
An Introduction To Graphic Design
An Introduction To Graphic DesignAn Introduction To Graphic Design
An Introduction To Graphic Design
 
Graphic design
Graphic designGraphic design
Graphic design
 
What is Graphic Design?
What is Graphic Design?What is Graphic Design?
What is Graphic Design?
 
introduction of graphic design
introduction of graphic designintroduction of graphic design
introduction of graphic design
 
Graphic design slideshow
Graphic design slideshow Graphic design slideshow
Graphic design slideshow
 
Principles Of Design 1
Principles Of  Design 1Principles Of  Design 1
Principles Of Design 1
 
Typography Essentials: Part 1
Typography Essentials: Part 1Typography Essentials: Part 1
Typography Essentials: Part 1
 
Principles of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryPrinciples of Design - Graphic Design Theory
Principles of Design - Graphic Design Theory
 
Intro to Adobe Illustrator
Intro to Adobe IllustratorIntro to Adobe Illustrator
Intro to Adobe Illustrator
 
Elements of Graphic Design
Elements of Graphic DesignElements of Graphic Design
Elements of Graphic Design
 
Elements and principles in graphics design
Elements and principles in graphics design Elements and principles in graphics design
Elements and principles in graphics design
 
Design elements and principles
Design elements and principlesDesign elements and principles
Design elements and principles
 
INTRO What is Graphic Design
INTRO What is Graphic DesignINTRO What is Graphic Design
INTRO What is Graphic Design
 
Understanding Graphic Design
Understanding Graphic DesignUnderstanding Graphic Design
Understanding Graphic Design
 
Graphic Design
Graphic DesignGraphic Design
Graphic Design
 
Principles of Design
Principles of DesignPrinciples of Design
Principles of Design
 

Viewers also liked

Fundamental of graphic
Fundamental of graphicFundamental of graphic
Fundamental of graphicDirz M
 
Basics of design & graphics
Basics of design & graphics Basics of design & graphics
Basics of design & graphics Trinity Dwarka
 
Digital Fundamentals: 10 things you need to know to develop a great digital s...
Digital Fundamentals: 10 things you need to know to develop a great digital s...Digital Fundamentals: 10 things you need to know to develop a great digital s...
Digital Fundamentals: 10 things you need to know to develop a great digital s...Gary Bembridge
 
LEAN STORYBOARDING: Successfully Facilitate Lean Improvement, Innovation, and...
LEAN STORYBOARDING: Successfully Facilitate Lean Improvement, Innovation, and...LEAN STORYBOARDING: Successfully Facilitate Lean Improvement, Innovation, and...
LEAN STORYBOARDING: Successfully Facilitate Lean Improvement, Innovation, and...Rod King, Ph.D.
 
adc converter basics
adc converter basicsadc converter basics
adc converter basicshacker1500
 
Analog to Digital Converter
Analog to Digital ConverterAnalog to Digital Converter
Analog to Digital ConverterRonak Machhi
 
DAC-digital to analog converter
DAC-digital to analog converterDAC-digital to analog converter
DAC-digital to analog converterShazid Reaj
 
Analog and digital signals
Analog and digital signalsAnalog and digital signals
Analog and digital signalsteja reddy
 
Fundamentals of Drawing
Fundamentals of DrawingFundamentals of Drawing
Fundamentals of DrawingKabir Malkani
 
Sketchnotes: what & why
Sketchnotes: what & whySketchnotes: what & why
Sketchnotes: what & whydebra24
 
CSS Grid Layout for Topconf, Linz
CSS Grid Layout for Topconf, LinzCSS Grid Layout for Topconf, Linz
CSS Grid Layout for Topconf, LinzRachel Andrew
 
The True Timeline Behind The People vs. O.J. Simpson
The True Timeline Behind The People vs. O.J. SimpsonThe True Timeline Behind The People vs. O.J. Simpson
The True Timeline Behind The People vs. O.J. SimpsonInstant Checkmate
 
Design Thinking - Bootcamp
Design Thinking - BootcampDesign Thinking - Bootcamp
Design Thinking - BootcampJan Schmiedgen
 
Case Study: Mastering digital disruption in retail
Case Study: Mastering digital disruption in retailCase Study: Mastering digital disruption in retail
Case Study: Mastering digital disruption in retailScopernia
 
The Sketchnote Mini-Workshop
The Sketchnote Mini-WorkshopThe Sketchnote Mini-Workshop
The Sketchnote Mini-WorkshopMike Rohde
 

Viewers also liked (20)

Fundamental of graphic
Fundamental of graphicFundamental of graphic
Fundamental of graphic
 
Basics of design & graphics
Basics of design & graphics Basics of design & graphics
Basics of design & graphics
 
Graphics communication
Graphics communicationGraphics communication
Graphics communication
 
Digital Fundamentals: 10 things you need to know to develop a great digital s...
Digital Fundamentals: 10 things you need to know to develop a great digital s...Digital Fundamentals: 10 things you need to know to develop a great digital s...
Digital Fundamentals: 10 things you need to know to develop a great digital s...
 
LEAN STORYBOARDING: Successfully Facilitate Lean Improvement, Innovation, and...
LEAN STORYBOARDING: Successfully Facilitate Lean Improvement, Innovation, and...LEAN STORYBOARDING: Successfully Facilitate Lean Improvement, Innovation, and...
LEAN STORYBOARDING: Successfully Facilitate Lean Improvement, Innovation, and...
 
adc converter basics
adc converter basicsadc converter basics
adc converter basics
 
Analog to Digital Converter
Analog to Digital ConverterAnalog to Digital Converter
Analog to Digital Converter
 
DAC-digital to analog converter
DAC-digital to analog converterDAC-digital to analog converter
DAC-digital to analog converter
 
Analog and digital signals
Analog and digital signalsAnalog and digital signals
Analog and digital signals
 
Introduction to Drawing
Introduction to DrawingIntroduction to Drawing
Introduction to Drawing
 
Compression
CompressionCompression
Compression
 
Storyboarding levels
Storyboarding levelsStoryboarding levels
Storyboarding levels
 
Fundamentals of Drawing
Fundamentals of DrawingFundamentals of Drawing
Fundamentals of Drawing
 
ADC and DAC Best Ever Pers
ADC and DAC Best Ever PersADC and DAC Best Ever Pers
ADC and DAC Best Ever Pers
 
Sketchnotes: what & why
Sketchnotes: what & whySketchnotes: what & why
Sketchnotes: what & why
 
CSS Grid Layout for Topconf, Linz
CSS Grid Layout for Topconf, LinzCSS Grid Layout for Topconf, Linz
CSS Grid Layout for Topconf, Linz
 
The True Timeline Behind The People vs. O.J. Simpson
The True Timeline Behind The People vs. O.J. SimpsonThe True Timeline Behind The People vs. O.J. Simpson
The True Timeline Behind The People vs. O.J. Simpson
 
Design Thinking - Bootcamp
Design Thinking - BootcampDesign Thinking - Bootcamp
Design Thinking - Bootcamp
 
Case Study: Mastering digital disruption in retail
Case Study: Mastering digital disruption in retailCase Study: Mastering digital disruption in retail
Case Study: Mastering digital disruption in retail
 
The Sketchnote Mini-Workshop
The Sketchnote Mini-WorkshopThe Sketchnote Mini-Workshop
The Sketchnote Mini-Workshop
 

Similar to Fundamental graphic design by rayn howayek

Communication design
Communication designCommunication design
Communication designSchommerMedia
 
UI UX and Graphic Design
UI UX and Graphic DesignUI UX and Graphic Design
UI UX and Graphic Designgecop2
 
The Language of Design.pdf
The Language of Design.pdfThe Language of Design.pdf
The Language of Design.pdfLamiSam
 
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
 
Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice) Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice) wael gomaa
 
Practical Lecture 3_Graphics Elements and Principles.pdf
Practical Lecture 3_Graphics Elements and Principles.pdfPractical Lecture 3_Graphics Elements and Principles.pdf
Practical Lecture 3_Graphics Elements and Principles.pdfRAYMONDELIUD
 
Design process - How to get from problems to concepts to visuals for Graphic ...
Design process - How to get from problems to concepts to visuals for Graphic ...Design process - How to get from problems to concepts to visuals for Graphic ...
Design process - How to get from problems to concepts to visuals for Graphic ...stout510
 
Design development process level3.pdf
Design development process level3.pdfDesign development process level3.pdf
Design development process level3.pdfMezgebuTesfaye4
 
exploring the world of graphic designing
exploring the world of graphic designingexploring the world of graphic designing
exploring the world of graphic designingthecreativepearl
 
PRESENT.ppt
PRESENT.pptPRESENT.ppt
PRESENT.pptttaay
 
Elements and Principles of Design - Avantika University
Elements and Principles of Design - Avantika UniversityElements and Principles of Design - Avantika University
Elements and Principles of Design - Avantika UniversityAvantika University
 
Introduction to Graphic Design- Elements and Principles of Art
Introduction to Graphic Design- Elements and Principles of ArtIntroduction to Graphic Design- Elements and Principles of Art
Introduction to Graphic Design- Elements and Principles of Artmoonlitaqua
 
Comm via printed media 07
Comm via printed media 07Comm via printed media 07
Comm via printed media 07HasanErkaya1
 
Essays on Foundational Design Courses
Essays on Foundational Design CoursesEssays on Foundational Design Courses
Essays on Foundational Design CoursesDisha Pawar
 
Elements and Principles of Design (Updated)
Elements and Principles of Design (Updated)Elements and Principles of Design (Updated)
Elements and Principles of Design (Updated)Ravi Bhadauria
 

Similar to Fundamental graphic design by rayn howayek (20)

Communication design
Communication designCommunication design
Communication design
 
Lesson 1- An Introduction to Graphic Design
Lesson 1- An Introduction to Graphic DesignLesson 1- An Introduction to Graphic Design
Lesson 1- An Introduction to Graphic Design
 
UI UX and Graphic Design
UI UX and Graphic DesignUI UX and Graphic Design
UI UX and Graphic Design
 
Graphic Designer
Graphic DesignerGraphic Designer
Graphic Designer
 
Vector graphics
Vector graphicsVector graphics
Vector graphics
 
The Language of Design.pdf
The Language of Design.pdfThe Language of Design.pdf
The Language of Design.pdf
 
IVC - Lesson 14
IVC - Lesson 14IVC - Lesson 14
IVC - Lesson 14
 
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
 
Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice) Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice)
 
Practical Lecture 3_Graphics Elements and Principles.pdf
Practical Lecture 3_Graphics Elements and Principles.pdfPractical Lecture 3_Graphics Elements and Principles.pdf
Practical Lecture 3_Graphics Elements and Principles.pdf
 
Design process - How to get from problems to concepts to visuals for Graphic ...
Design process - How to get from problems to concepts to visuals for Graphic ...Design process - How to get from problems to concepts to visuals for Graphic ...
Design process - How to get from problems to concepts to visuals for Graphic ...
 
Design development process level3.pdf
Design development process level3.pdfDesign development process level3.pdf
Design development process level3.pdf
 
exploring the world of graphic designing
exploring the world of graphic designingexploring the world of graphic designing
exploring the world of graphic designing
 
Graphic Design Workshop, 2018
Graphic Design Workshop, 2018Graphic Design Workshop, 2018
Graphic Design Workshop, 2018
 
PRESENT.ppt
PRESENT.pptPRESENT.ppt
PRESENT.ppt
 
Elements and Principles of Design - Avantika University
Elements and Principles of Design - Avantika UniversityElements and Principles of Design - Avantika University
Elements and Principles of Design - Avantika University
 
Introduction to Graphic Design- Elements and Principles of Art
Introduction to Graphic Design- Elements and Principles of ArtIntroduction to Graphic Design- Elements and Principles of Art
Introduction to Graphic Design- Elements and Principles of Art
 
Comm via printed media 07
Comm via printed media 07Comm via printed media 07
Comm via printed media 07
 
Essays on Foundational Design Courses
Essays on Foundational Design CoursesEssays on Foundational Design Courses
Essays on Foundational Design Courses
 
Elements and Principles of Design (Updated)
Elements and Principles of Design (Updated)Elements and Principles of Design (Updated)
Elements and Principles of Design (Updated)
 

More from Rayn HOWAYEK

7 types of logo design
7 types of logo design7 types of logo design
7 types of logo designRayn HOWAYEK
 
10 better ways to add text to images
10 better ways to add text to images10 better ways to add text to images
10 better ways to add text to imagesRayn HOWAYEK
 
Fundamental of typography
Fundamental of typographyFundamental of typography
Fundamental of typographyRayn HOWAYEK
 
Photo composition tips
Photo composition tipsPhoto composition tips
Photo composition tipsRayn HOWAYEK
 
10 criteria for a successful ad
10 criteria for a successful ad10 criteria for a successful ad
10 criteria for a successful adRayn HOWAYEK
 
Thèse: L’Homme, le produit et la personnalité
Thèse: L’Homme, le produit et la personnalitéThèse: L’Homme, le produit et la personnalité
Thèse: L’Homme, le produit et la personnalitéRayn HOWAYEK
 
Fibonacci gold-number
Fibonacci gold-numberFibonacci gold-number
Fibonacci gold-numberRayn HOWAYEK
 
Triggers to create a concept rayn howayek
Triggers to create a concept rayn howayekTriggers to create a concept rayn howayek
Triggers to create a concept rayn howayekRayn HOWAYEK
 
Advertising campaign and corporate by rayn howayek
Advertising campaign and corporate by rayn howayekAdvertising campaign and corporate by rayn howayek
Advertising campaign and corporate by rayn howayekRayn HOWAYEK
 

More from Rayn HOWAYEK (12)

7 types of logo design
7 types of logo design7 types of logo design
7 types of logo design
 
10 better ways to add text to images
10 better ways to add text to images10 better ways to add text to images
10 better ways to add text to images
 
Fundamental of typography
Fundamental of typographyFundamental of typography
Fundamental of typography
 
Effective sign
Effective signEffective sign
Effective sign
 
Photo composition tips
Photo composition tipsPhoto composition tips
Photo composition tips
 
10 criteria for a successful ad
10 criteria for a successful ad10 criteria for a successful ad
10 criteria for a successful ad
 
Thèse: L’Homme, le produit et la personnalité
Thèse: L’Homme, le produit et la personnalitéThèse: L’Homme, le produit et la personnalité
Thèse: L’Homme, le produit et la personnalité
 
1 brainstorming
1  brainstorming1  brainstorming
1 brainstorming
 
The art of colors
The art of colorsThe art of colors
The art of colors
 
Fibonacci gold-number
Fibonacci gold-numberFibonacci gold-number
Fibonacci gold-number
 
Triggers to create a concept rayn howayek
Triggers to create a concept rayn howayekTriggers to create a concept rayn howayek
Triggers to create a concept rayn howayek
 
Advertising campaign and corporate by rayn howayek
Advertising campaign and corporate by rayn howayekAdvertising campaign and corporate by rayn howayek
Advertising campaign and corporate by rayn howayek
 

Recently uploaded

MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...Amil baba
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一Fi L
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`dajasot375
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryWilliamVickery6
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRCall In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRdollysharma2066
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一lvtagr7
 
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts ServiceCall Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Servicejennyeacort
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)jennyeacort
 

Recently uploaded (20)

Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk GurgaonCheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRCall In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
 
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts ServiceCall Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
 

Fundamental graphic design by rayn howayek

  • 1. *
  • 2. What is graphic design? How did it evolve? When did the profession come into existence? And why? * Slide 2
  • 3. The term graphic design can refer to a number of artistic and professional disciplines which focus on visual communication and presentation. Various methods are used to create and combine symbols, images and/or words to create a visual representation of ideas and messages. * Slide 3
  • 5. When people need to necessarily express something, usually with an aim towards promotion or information dispensing, the focus becomes how best to do it. Graphic design was born of art and technology (printing). Slide 5
  • 6. When he gets a graphic design job, be it a poster design, book design, web design, advertising, he has to start with asking himself the following fundamental questions: What is the objective of the communication What needs to be said first and then next and then after that? (levels of hierarchy) How do you want the eye to flow through the page? What is the tone of voice? Who are you speaking to? *What does a Graphic Designer do? Slide 6
  • 7. What is the information that needs to be passed on? When the audience reads your book/webpage/ad what’s he supposed to get out of it? *Fundamental Question 1: Objectives of the communication An advertisement and a newspaper have different objectives of communication. Slide 7
  • 8. *Fundamental Question 2: What needs to be said first and then next and then after that? Once you have figured out what the (hierarchy) objective of your communication is you’ll want to think about what needs to be said first and foremost and what it should be followed by. Slide 8
  • 9. *Fundamental Question 3: How do you want the user’s eye to move around the page? The hierarchy mentioned above, along with elements like color, contrast, size etc, will automatically make your viewers eyes go through the page in a certain way. This can be manipulated as per your intention. Slide 9
  • 10. You have to be very sure about this as different people need to be spoken to differently, just the way it is in real life. *Fundamental Question 4: Who are you speaking to? Slide 10
  • 11. *Fundamental Question 5: What is the tone of voice? Only once you have got the above figured out can you think about the more external elements of your piece of work. Slide 11
  • 12. The solutions to these questions are tackled using the graphic designer’s tool kit. Slide 12
  • 13. Broadly speaking, the following tools are available to him to solve the aforementioned issues: • Point • Space • Line • Size • Form • Typography • Pattern • Color • Texture • Image Slide 13
  • 14. *Point A point is the fundamental particle of graphic design. Slide 14
  • 16. Line is any mark connecting two points. *The Line Slide 16
  • 18. *The Shape Anything that has a width and a height is a shape. Slide 18
  • 20. Our tendency to make meaning an order will find a pattern in things. *Pattern Slide 20
  • 22. *Texture Texture is the look or feel of a surface. You can add richness and dimension to your layouts with texture. Visual texture creates an illusion of texture on a printed publication or web page. Texture can create mood and personality Provoke emotion Slide 22
  • 24. Space is the distance or area between or around things. Space separates or unifies, highlights, and gives the eye a visual rest. *Space Slide 24
  • 26. *Size Size is how large or small something is. Size is very important in making a layout functional, attractive, and organized. It shows what is most important, attracts attention, and helps to fit the layout together. Slide 26
  • 28. *Type Typography is one of the most important tools for a graphic designer. Typography can take you back to a different time, set a mood, set a tone of voice, organize pages, create unity between objects etc. Slide 28
  • 30. Color in layouts can convey moods, create images, attract attention, and identify objects. When selecting colors for a publication or a web page, think about what you want the color to do and what is appropriate for your purpose. *Color Slide 30
  • 32. Image is an essential part of graphic design. Images can be of basically three kinds; Photographs, Illustration and paintings. Images can be interpreted in many ways and cultural differences should be kept in mind when ‘reading’ an image. *Image Slide 32
  • 34. *Miscellaneous examples of usage of graphic design Slide 34
  • 36. While using the tools we spoke about a designer that keeps in mind some principles of design that aid him in composing his work. These principles are: Balance Rhythm Emphasis Unity These principles of design help you to combine the various design elements into a composition. *COMPOSITION : The use of the PRINCIPLES OF DESIGN Slide 36
  • 37. Balance refers to the distribution of visual weight in art. Visual weight may not be a 50-50 distribution on both sides of the page. *Balance All the quadrants in the picture at left are balanced. Clockwise from left, they are Symmetrically, Asymmetrically, Horizontally and Diagonally balanced. Slide 37
  • 38. Each element on a layout has visual weight that is determined by its size, darkness or lightness, and thickness of lines. All the images above are balanced. Let us discuss how. Slide 38
  • 39. Rhythm is a pattern created by repeating elements on a page in an expected manner. Repetition (repeating similar elements in a consistent manner) and variation (a change in the form, size, or position of the elements) are the keys to visual rhythm. *Rhythm Slide 39
  • 41. *Emphasis Every page needs a focal point. Emphasis is also known as dominance in graphic design. It is the first thing the eye sees. Emphasis is used to create a hierarchy of what should be most important on a page. Slide 41
  • 43. Unity helps all the elements look like they belong together. Readers need visual cues to let them know the piece is one unit. One should be consistent with fonts, sizes, styles, headers, footers etc. *Unity Slide 43
  • 45. The Gestalt or ‘whole form’ theory sought to define the principles of perception. These are innate mental laws that determine how we see images. • Emergence • Similarity • Reification • Proximity • Multi-stability • Symmetry • Invariance • Continuity • Closure *GESTALT THEORIES Slide 45
  • 46. Emergence: The dog emerges from the other spots as a whole and not as individual parts. Reification: This is the ‘constructive’ aspect of perception, i.e. we draw shapes in our mind even though there is nothing actually drawn. Slide 46
  • 47. Multi-stability: The tendency for us to see a static image pop back and forth, or for us to see two images in one alternately. Invariance: We recognize simple  geometrical objects irrespective of  rotation, scale or translation. Slide 47
  • 48. Similarity: The mind groups similar elements into collective entities. Closure: We have a tendency to complete a regular figure. Slide 48
  • 49. Proximity: The mind groups elements into collective entities depending on their proximity. Continuity: We will see the lines crossing each other rather than two angles. Slide 49