SlideShare a Scribd company logo
Exploring Graphics
By Mr. Berdinka
Technology Education Department
Northern Lebanon High School
Chapter 3 – The Design Process
Chapter 3 – Design
Objectives of Chapter 3:
1. Define design as it pertains to visual content
2. Explore the Design Process and the steps within
3. Identify what “Sketching” is and its role in the design process
4. Explore various guidelines that can assist a designer in
creating more effective design
5. Compare and contrast good vs. bad designs
1. What is Design?
• A word that has several meanings:
• A plan or drawing to show look or function
• An arrangement of detail for decoration
• The act of creating something new or unique
• The means of creating a meaningful arrangement of content
Design is about communicating feelings through visual
sensations and unique experiences.
2. What company comes to mind that has
excelled in “Design”?
• Apple
• High quality product in both form and function
• Capitalized on both the aesthetics as well as emotional feeling
when using a product – being happy
• Less is More – clean and simple with modern flare
• Standing out from the crowd (trend setter)
• Developing and sense of “Class” through innovation and quality
Words that correlate to Design
Traditionally, design has been to improve the visual appearance and function of
messages and information.
3. Why follow a Process?
• The Design Process:
• A sequence of steps to direct the flow of ideas, information, and
work product in an efficient manner
• What are the benefits:
• Prevent having to redo things
• So you don’t forget things
• Account for all the important parts
• Acts as a checklist
4. 7 Step Design Process
Alt #1 - General Design Process
Alt #2 - Technical Design Process
Alt #3 - Graphic Design Process
Alt #4 - 8 Step
Design Process
Begin at the
first step and
work up.
1. Analyze the problem
2. Research
3. Brainstorm and Conceptualize
4. Draft Production
5. Gain Feedback
6. Develop Finished Product
7. Delivery
Creating a Logo
Usingthedesignprocess
5. Ask the “Right” Question
• Using the steps identified above, write a question that you
would need to ask/answer, 1 for each of the 7 steps.
• Identify the problem
• Identify criteria and constraints
• Conduct research and brainstorm possible solutions
• Explore existing solution and develop an approach
• Design approach
• Refine the design
• Implement the solution
Guidelines for effective graphic design:
• Take into account the customer philosophy and desires
• Does not limit to one concept, design, or direction
• Accounts for all gender, racial, age, and geographic concerns
• Avoided being to similar or outlandish (in a weird way)
• Is unique yet fits within the expected range of possibility
• Used color effectively to highlight or accentuate, not distract
• Sometimes simple is best
• Follow industry guidelines and practices
• Some recommendations are even backed by science
• Ex. Eye movement as someone looks at a website
6. Successful and Effective Design
• Personal influences - based on experiences and personal
preference
• Thinking there is only one design
• Creating or pursuing only one design
• Relying on what has already been done (copycat)
• Forcing design content even though it doesn’t belong
• Not using feedback to gauge or improve a design
• Creating a conflicting, controversial, or ethically disconnected
design
• Limited creativity
• Confusing, distracting, or just plain wrong
7. Things that can negatively impact
the design process:
8. What function do “Principles”
serve in graphic design?
• Principles are guidelines that are commonly accepted as a
right or wrong way of doing things, they describe the correct
way of doing things
• Guidelines are not the law and at times can be modified,
tweaked, or altogether ignored if the required end product
requires such changes
• There are many guidelines to graphic design and knowing
them all takes time; chances are if it looks right it is ok and if it
looks wrong – its wrong
9. Things to help a designer
• Design Guidelines
• A set of recommendations on how to apply design principles to
provide a more complete and positive experience
• Achieve better balance and visual appeal
• Be less likely to cause confusion or turn off/away the audience
• Reduce the number of potential problems with a design
• Enhance the consistency of multiple work product
“Design guidelines are sets of
recommendations towards good practice in
design. They are intended to provide clear
instructions to designers and developers on
how to adopt specific principles.” —
www.interaction-design.org
The basics:
• Simple drawings using pencil and paper
• Method to communicate ideas in a visual manner
• A fundamental skill when learning to draw
• An important step in the design process
• Begins the documentation process (legal rights)
• Can range from very rough and basic (doodle) to very elaborate (detailed drawing)
• **Note: Generally does not include color until revision phase of design process
10. What is Sketching?
Sketches range
in complexity
• Lines/Shapes
• Rough/Basic Outline
• Shading/Shadows
Common Sketch Characteristics
Sketching Tools
• Pencils (graphite core)
• Vary in hardness depending on rating
• 6H extremely hard
• HB fairly hard
• 3B fairly soft
• 6B extremely soft
• Drawing Charcoal
• Paper
• Various sizes
• Various types/surface textures
• Erasers
• Sharpeners
• S – Curves
• Templates
• Eraser Shield
• Straight Edges/Squares
pencils
Various Sketch Examples
Just the Beginning
General Advice when sketching:
A. Learn the basics – shapes are critical
B. Takes time and practice
-Think of a musician playing scales
C. Start simple
D. Experiment
E. Use proper technique
What is a simple sketch
you do on a regular basis?
Answer: Write your name
Lines are the basic of all design elements.
Sketch Samples
Sketch Samples
Sketch Samples
Sketch Samples
Sketch Samples
From Sketch to Product
Common Design Guidelines
1. Use the correct Document Layout for the type of communication
you are creating.
2. Create a title that is Clear, Large, Bold, and Concise
3. Use margins effectively to set proper spacing around and within
text/graphic elements
• Top = .5” Around pictures = .125” - .25”
• Sides = .75” Center Margin between Columns = .5”
• Bottom = 1”
4. Use color as an enhancement tool with proper Color Schemes
• Generally 3 is acceptable (at times 4, but not more than 5)
• Example: Complementary Colors
5. Avoid Poor Legibility
6. Remain consistent within a work product
7. Balance is key: top to bottom, side to side, empty space to used
space
Guidelines Continued
8. Maintain proper proportions – don’t distort
9. Maintain a level of professionalism – quality in, quality out
10. Establish adequate Hierarchy – not everything can be
important
• Most Important
• Important
• Less Important
• Least Important
11. Grammar, Spelling, Punctuation
12. Use alignment correctly
Alignment - Formatting
General Don’ts of Design
• Do not have a 1 word line (hanger)
• Do not have text over text or graphics (if it can’t be read)
• Do not have columns be too narrow/wide
• Do not have a 1 line sentence
• Do not use more than 3 fonts in a visual space
• Do not have too many pictures
• Do not have too many things bold/italics
• Do not use too many colors
• Only underline at the top of a List (or Book Title)
• If everything is special, nothing is special
Problems based on this design?
Possible issue that may arise?
How wouldthis logo workfor a daycarebusiness?

More Related Content

Similar to 30 GD1 Chapter 3a Design.pptx

[SIGGRAPH ASIA 2011 Course]How to write a siggraph paper
[SIGGRAPH ASIA 2011 Course]How to write a siggraph paper[SIGGRAPH ASIA 2011 Course]How to write a siggraph paper
[SIGGRAPH ASIA 2011 Course]How to write a siggraph paper
I-Chao Shen
 
Improving conceptual understanding in development
Improving conceptual understanding in developmentImproving conceptual understanding in development
Improving conceptual understanding in development
Sebastian Helzle
 
Discussing Design: The Art of Critique
Discussing Design: The Art of CritiqueDiscussing Design: The Art of Critique
Discussing Design: The Art of Critique
Aaron Irizarry
 
What is design critique?
What is design critique?What is design critique?
What is design critique?
Milovan Jovičić
 
The art and craft of writing successful proposals
The art and craft of writing successful proposalsThe art and craft of writing successful proposals
The art and craft of writing successful proposals
Amjad Idries
 
Habits of Effective Designers - Handout
Habits of Effective Designers - HandoutHabits of Effective Designers - Handout
Habits of Effective Designers - Handout
DUSPviz
 
7. innovation for life
7. innovation for life7. innovation for life
7. innovation for life
caniceconsulting
 
Effective presentation skills
Effective presentation skillsEffective presentation skills
Effective presentation skills
MuhammadNabeelShafqa1
 
Fantasy portfolio
Fantasy portfolioFantasy portfolio
Fantasy portfolio
Les Bicknell
 
Introduction to Design Thinking
Introduction to Design ThinkingIntroduction to Design Thinking
Introduction to Design Thinking
Selvaraj Seerangan
 
Poster session fall2013_duspviz
Poster session fall2013_duspvizPoster session fall2013_duspviz
Poster session fall2013_duspviz
DUSPviz
 
Graphic Design Process
Graphic Design ProcessGraphic Design Process
Graphic Design Process
BaileyWingler1
 
TP2 concept design in service production
TP2 concept design in service productionTP2 concept design in service production
TP2 concept design in service productionIntelligent_Furniture
 
Poster pressem 3 10-31-14(1)
Poster pressem 3 10-31-14(1)Poster pressem 3 10-31-14(1)
Poster pressem 3 10-31-14(1)
g_shaw
 
Effectivepresentationskills 140107055722-phpapp02
Effectivepresentationskills 140107055722-phpapp02Effectivepresentationskills 140107055722-phpapp02
Effectivepresentationskills 140107055722-phpapp02
Helen Hendrickson
 
Effective Presentation Skills - Copy.pptx
Effective Presentation Skills - Copy.pptxEffective Presentation Skills - Copy.pptx
Effective Presentation Skills - Copy.pptx
Rajan Kulkarni
 
presentationskill
presentationskillpresentationskill
presentationskill
MarwaRashad12
 
ISD Lecture note 001
ISD Lecture note 001ISD Lecture note 001
ISD Lecture note 001
Nazirah Sin
 
L3 cmpt y2 evaluation template (3)
L3 cmpt y2 evaluation template (3)L3 cmpt y2 evaluation template (3)
L3 cmpt y2 evaluation template (3)
TobyJackson9
 

Similar to 30 GD1 Chapter 3a Design.pptx (20)

[SIGGRAPH ASIA 2011 Course]How to write a siggraph paper
[SIGGRAPH ASIA 2011 Course]How to write a siggraph paper[SIGGRAPH ASIA 2011 Course]How to write a siggraph paper
[SIGGRAPH ASIA 2011 Course]How to write a siggraph paper
 
Improving conceptual understanding in development
Improving conceptual understanding in developmentImproving conceptual understanding in development
Improving conceptual understanding in development
 
Discussing Design: The Art of Critique
Discussing Design: The Art of CritiqueDiscussing Design: The Art of Critique
Discussing Design: The Art of Critique
 
What is design critique?
What is design critique?What is design critique?
What is design critique?
 
The art and craft of writing successful proposals
The art and craft of writing successful proposalsThe art and craft of writing successful proposals
The art and craft of writing successful proposals
 
Habits of Effective Designers - Handout
Habits of Effective Designers - HandoutHabits of Effective Designers - Handout
Habits of Effective Designers - Handout
 
7. innovation for life
7. innovation for life7. innovation for life
7. innovation for life
 
Effective presentation skills
Effective presentation skillsEffective presentation skills
Effective presentation skills
 
Fantasy portfolio
Fantasy portfolioFantasy portfolio
Fantasy portfolio
 
Introduction to Design Thinking
Introduction to Design ThinkingIntroduction to Design Thinking
Introduction to Design Thinking
 
Poster session fall2013_duspviz
Poster session fall2013_duspvizPoster session fall2013_duspviz
Poster session fall2013_duspviz
 
Graphic Design Process
Graphic Design ProcessGraphic Design Process
Graphic Design Process
 
TP2 concept design in service production
TP2 concept design in service productionTP2 concept design in service production
TP2 concept design in service production
 
Poster pressem 3 10-31-14(1)
Poster pressem 3 10-31-14(1)Poster pressem 3 10-31-14(1)
Poster pressem 3 10-31-14(1)
 
Effectivepresentationskills 140107055722-phpapp02
Effectivepresentationskills 140107055722-phpapp02Effectivepresentationskills 140107055722-phpapp02
Effectivepresentationskills 140107055722-phpapp02
 
Effective Presentation Skills - Copy.pptx
Effective Presentation Skills - Copy.pptxEffective Presentation Skills - Copy.pptx
Effective Presentation Skills - Copy.pptx
 
presentationskill
presentationskillpresentationskill
presentationskill
 
ISD Lecture note 001
ISD Lecture note 001ISD Lecture note 001
ISD Lecture note 001
 
L3 cmpt y2 evaluation template (3)
L3 cmpt y2 evaluation template (3)L3 cmpt y2 evaluation template (3)
L3 cmpt y2 evaluation template (3)
 
Proposal development
Proposal developmentProposal development
Proposal development
 

More from mjb77ny

Digital Photography - Final Project Overview.pptx
Digital Photography - Final Project Overview.pptxDigital Photography - Final Project Overview.pptx
Digital Photography - Final Project Overview.pptx
mjb77ny
 
Digital Photography 1 - Pillar 3 Exposure PPT.pptx
Digital Photography 1 - Pillar 3 Exposure PPT.pptxDigital Photography 1 - Pillar 3 Exposure PPT.pptx
Digital Photography 1 - Pillar 3 Exposure PPT.pptx
mjb77ny
 
Color in Society - Comparing R-O-Y-G-B-P
Color in Society - Comparing R-O-Y-G-B-PColor in Society - Comparing R-O-Y-G-B-P
Color in Society - Comparing R-O-Y-G-B-P
mjb77ny
 
WOW 2024.pptx
WOW 2024.pptxWOW 2024.pptx
WOW 2024.pptx
mjb77ny
 
P5 Framing and Composition.pptx
P5 Framing and Composition.pptxP5 Framing and Composition.pptx
P5 Framing and Composition.pptx
mjb77ny
 
P5 Photographic Composition.pptx
P5 Photographic Composition.pptxP5 Photographic Composition.pptx
P5 Photographic Composition.pptx
mjb77ny
 
GD1 Chapter 3a Design.pptx
GD1 Chapter 3a Design.pptxGD1 Chapter 3a Design.pptx
GD1 Chapter 3a Design.pptx
mjb77ny
 
22a - Purpose of Pics PPT.pptx
22a - Purpose of Pics PPT.pptx22a - Purpose of Pics PPT.pptx
22a - Purpose of Pics PPT.pptx
mjb77ny
 
5 Pillar 4 PPT color contrast.pptx
5 Pillar 4 PPT color contrast.pptx5 Pillar 4 PPT color contrast.pptx
5 Pillar 4 PPT color contrast.pptx
mjb77ny
 
Senior Portraits.pdf
Senior Portraits.pdfSenior Portraits.pdf
Senior Portraits.pdf
mjb77ny
 
Intro to Photography
Intro to PhotographyIntro to Photography
Intro to Photography
mjb77ny
 
Camera Parts and Functions
Camera Parts and FunctionsCamera Parts and Functions
Camera Parts and Functions
mjb77ny
 
Camera Parts & Names
Camera Parts & NamesCamera Parts & Names
Camera Parts & Names
mjb77ny
 
Design Element 4 - Color
Design Element 4 - ColorDesign Element 4 - Color
Design Element 4 - Color
mjb77ny
 
Photo 2 final projects
Photo 2 final projectsPhoto 2 final projects
Photo 2 final projects
mjb77ny
 
Design Element 3 - "Space"
Design Element 3 - "Space"Design Element 3 - "Space"
Design Element 3 - "Space"
mjb77ny
 
Photography Pillar 2 - Focus and Clarity
Photography Pillar 2  - Focus and ClarityPhotography Pillar 2  - Focus and Clarity
Photography Pillar 2 - Focus and Clarity
mjb77ny
 
Design element 2 - shapes
Design element 2 - shapesDesign element 2 - shapes
Design element 2 - shapes
mjb77ny
 
Design Element #1 - Lines
Design Element #1 - LinesDesign Element #1 - Lines
Design Element #1 - Lines
mjb77ny
 
Chapter 4 - Creating Better Pics
Chapter 4 - Creating Better PicsChapter 4 - Creating Better Pics
Chapter 4 - Creating Better Pics
mjb77ny
 

More from mjb77ny (20)

Digital Photography - Final Project Overview.pptx
Digital Photography - Final Project Overview.pptxDigital Photography - Final Project Overview.pptx
Digital Photography - Final Project Overview.pptx
 
Digital Photography 1 - Pillar 3 Exposure PPT.pptx
Digital Photography 1 - Pillar 3 Exposure PPT.pptxDigital Photography 1 - Pillar 3 Exposure PPT.pptx
Digital Photography 1 - Pillar 3 Exposure PPT.pptx
 
Color in Society - Comparing R-O-Y-G-B-P
Color in Society - Comparing R-O-Y-G-B-PColor in Society - Comparing R-O-Y-G-B-P
Color in Society - Comparing R-O-Y-G-B-P
 
WOW 2024.pptx
WOW 2024.pptxWOW 2024.pptx
WOW 2024.pptx
 
P5 Framing and Composition.pptx
P5 Framing and Composition.pptxP5 Framing and Composition.pptx
P5 Framing and Composition.pptx
 
P5 Photographic Composition.pptx
P5 Photographic Composition.pptxP5 Photographic Composition.pptx
P5 Photographic Composition.pptx
 
GD1 Chapter 3a Design.pptx
GD1 Chapter 3a Design.pptxGD1 Chapter 3a Design.pptx
GD1 Chapter 3a Design.pptx
 
22a - Purpose of Pics PPT.pptx
22a - Purpose of Pics PPT.pptx22a - Purpose of Pics PPT.pptx
22a - Purpose of Pics PPT.pptx
 
5 Pillar 4 PPT color contrast.pptx
5 Pillar 4 PPT color contrast.pptx5 Pillar 4 PPT color contrast.pptx
5 Pillar 4 PPT color contrast.pptx
 
Senior Portraits.pdf
Senior Portraits.pdfSenior Portraits.pdf
Senior Portraits.pdf
 
Intro to Photography
Intro to PhotographyIntro to Photography
Intro to Photography
 
Camera Parts and Functions
Camera Parts and FunctionsCamera Parts and Functions
Camera Parts and Functions
 
Camera Parts & Names
Camera Parts & NamesCamera Parts & Names
Camera Parts & Names
 
Design Element 4 - Color
Design Element 4 - ColorDesign Element 4 - Color
Design Element 4 - Color
 
Photo 2 final projects
Photo 2 final projectsPhoto 2 final projects
Photo 2 final projects
 
Design Element 3 - "Space"
Design Element 3 - "Space"Design Element 3 - "Space"
Design Element 3 - "Space"
 
Photography Pillar 2 - Focus and Clarity
Photography Pillar 2  - Focus and ClarityPhotography Pillar 2  - Focus and Clarity
Photography Pillar 2 - Focus and Clarity
 
Design element 2 - shapes
Design element 2 - shapesDesign element 2 - shapes
Design element 2 - shapes
 
Design Element #1 - Lines
Design Element #1 - LinesDesign Element #1 - Lines
Design Element #1 - Lines
 
Chapter 4 - Creating Better Pics
Chapter 4 - Creating Better PicsChapter 4 - Creating Better Pics
Chapter 4 - Creating Better Pics
 

Recently uploaded

How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...
Jisc
 
The Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official PublicationThe Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official Publication
Delapenabediema
 
The geography of Taylor Swift - some ideas
The geography of Taylor Swift - some ideasThe geography of Taylor Swift - some ideas
The geography of Taylor Swift - some ideas
GeoBlogs
 
Synthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptxSynthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptx
Pavel ( NSTU)
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
Thiyagu K
 
Guidance_and_Counselling.pdf B.Ed. 4th Semester
Guidance_and_Counselling.pdf B.Ed. 4th SemesterGuidance_and_Counselling.pdf B.Ed. 4th Semester
Guidance_and_Counselling.pdf B.Ed. 4th Semester
Atul Kumar Singh
 
A Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in EducationA Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in Education
Peter Windle
 
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXXPhrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
MIRIAMSALINAS13
 
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
Nguyen Thanh Tu Collection
 
Instructions for Submissions thorugh G- Classroom.pptx
Instructions for Submissions thorugh G- Classroom.pptxInstructions for Submissions thorugh G- Classroom.pptx
Instructions for Submissions thorugh G- Classroom.pptx
Jheel Barad
 
678020731-Sumas-y-Restas-Para-Colorear.pdf
678020731-Sumas-y-Restas-Para-Colorear.pdf678020731-Sumas-y-Restas-Para-Colorear.pdf
678020731-Sumas-y-Restas-Para-Colorear.pdf
CarlosHernanMontoyab2
 
Thesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.pptThesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.ppt
EverAndrsGuerraGuerr
 
Chapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptxChapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptx
Mohd Adib Abd Muin, Senior Lecturer at Universiti Utara Malaysia
 
The Accursed House by Émile Gaboriau.pptx
The Accursed House by Émile Gaboriau.pptxThe Accursed House by Émile Gaboriau.pptx
The Accursed House by Émile Gaboriau.pptx
DhatriParmar
 
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdfAdversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
Po-Chuan Chen
 
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCECLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
BhavyaRajput3
 
Palestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptxPalestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptx
RaedMohamed3
 
The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
Vivekanand Anglo Vedic Academy
 
How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17
Celine George
 
Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345
beazzy04
 

Recently uploaded (20)

How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...
 
The Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official PublicationThe Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official Publication
 
The geography of Taylor Swift - some ideas
The geography of Taylor Swift - some ideasThe geography of Taylor Swift - some ideas
The geography of Taylor Swift - some ideas
 
Synthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptxSynthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptx
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
 
Guidance_and_Counselling.pdf B.Ed. 4th Semester
Guidance_and_Counselling.pdf B.Ed. 4th SemesterGuidance_and_Counselling.pdf B.Ed. 4th Semester
Guidance_and_Counselling.pdf B.Ed. 4th Semester
 
A Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in EducationA Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in Education
 
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXXPhrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
 
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
 
Instructions for Submissions thorugh G- Classroom.pptx
Instructions for Submissions thorugh G- Classroom.pptxInstructions for Submissions thorugh G- Classroom.pptx
Instructions for Submissions thorugh G- Classroom.pptx
 
678020731-Sumas-y-Restas-Para-Colorear.pdf
678020731-Sumas-y-Restas-Para-Colorear.pdf678020731-Sumas-y-Restas-Para-Colorear.pdf
678020731-Sumas-y-Restas-Para-Colorear.pdf
 
Thesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.pptThesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.ppt
 
Chapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptxChapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptx
 
The Accursed House by Émile Gaboriau.pptx
The Accursed House by Émile Gaboriau.pptxThe Accursed House by Émile Gaboriau.pptx
The Accursed House by Émile Gaboriau.pptx
 
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdfAdversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
 
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCECLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
 
Palestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptxPalestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptx
 
The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
 
How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17
 
Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345
 

30 GD1 Chapter 3a Design.pptx

  • 1. Exploring Graphics By Mr. Berdinka Technology Education Department Northern Lebanon High School Chapter 3 – The Design Process
  • 2. Chapter 3 – Design Objectives of Chapter 3: 1. Define design as it pertains to visual content 2. Explore the Design Process and the steps within 3. Identify what “Sketching” is and its role in the design process 4. Explore various guidelines that can assist a designer in creating more effective design 5. Compare and contrast good vs. bad designs
  • 3. 1. What is Design? • A word that has several meanings: • A plan or drawing to show look or function • An arrangement of detail for decoration • The act of creating something new or unique • The means of creating a meaningful arrangement of content Design is about communicating feelings through visual sensations and unique experiences.
  • 4. 2. What company comes to mind that has excelled in “Design”? • Apple • High quality product in both form and function • Capitalized on both the aesthetics as well as emotional feeling when using a product – being happy • Less is More – clean and simple with modern flare • Standing out from the crowd (trend setter) • Developing and sense of “Class” through innovation and quality
  • 5. Words that correlate to Design Traditionally, design has been to improve the visual appearance and function of messages and information.
  • 6. 3. Why follow a Process? • The Design Process: • A sequence of steps to direct the flow of ideas, information, and work product in an efficient manner • What are the benefits: • Prevent having to redo things • So you don’t forget things • Account for all the important parts • Acts as a checklist
  • 7. 4. 7 Step Design Process
  • 8. Alt #1 - General Design Process
  • 9. Alt #2 - Technical Design Process
  • 10. Alt #3 - Graphic Design Process
  • 11. Alt #4 - 8 Step Design Process Begin at the first step and work up.
  • 12.
  • 13. 1. Analyze the problem 2. Research 3. Brainstorm and Conceptualize 4. Draft Production 5. Gain Feedback 6. Develop Finished Product 7. Delivery Creating a Logo Usingthedesignprocess
  • 14. 5. Ask the “Right” Question • Using the steps identified above, write a question that you would need to ask/answer, 1 for each of the 7 steps. • Identify the problem • Identify criteria and constraints • Conduct research and brainstorm possible solutions • Explore existing solution and develop an approach • Design approach • Refine the design • Implement the solution
  • 15. Guidelines for effective graphic design: • Take into account the customer philosophy and desires • Does not limit to one concept, design, or direction • Accounts for all gender, racial, age, and geographic concerns • Avoided being to similar or outlandish (in a weird way) • Is unique yet fits within the expected range of possibility • Used color effectively to highlight or accentuate, not distract • Sometimes simple is best • Follow industry guidelines and practices • Some recommendations are even backed by science • Ex. Eye movement as someone looks at a website 6. Successful and Effective Design
  • 16. • Personal influences - based on experiences and personal preference • Thinking there is only one design • Creating or pursuing only one design • Relying on what has already been done (copycat) • Forcing design content even though it doesn’t belong • Not using feedback to gauge or improve a design • Creating a conflicting, controversial, or ethically disconnected design • Limited creativity • Confusing, distracting, or just plain wrong 7. Things that can negatively impact the design process:
  • 17. 8. What function do “Principles” serve in graphic design? • Principles are guidelines that are commonly accepted as a right or wrong way of doing things, they describe the correct way of doing things • Guidelines are not the law and at times can be modified, tweaked, or altogether ignored if the required end product requires such changes • There are many guidelines to graphic design and knowing them all takes time; chances are if it looks right it is ok and if it looks wrong – its wrong
  • 18. 9. Things to help a designer • Design Guidelines • A set of recommendations on how to apply design principles to provide a more complete and positive experience • Achieve better balance and visual appeal • Be less likely to cause confusion or turn off/away the audience • Reduce the number of potential problems with a design • Enhance the consistency of multiple work product “Design guidelines are sets of recommendations towards good practice in design. They are intended to provide clear instructions to designers and developers on how to adopt specific principles.” — www.interaction-design.org
  • 19. The basics: • Simple drawings using pencil and paper • Method to communicate ideas in a visual manner • A fundamental skill when learning to draw • An important step in the design process • Begins the documentation process (legal rights) • Can range from very rough and basic (doodle) to very elaborate (detailed drawing) • **Note: Generally does not include color until revision phase of design process 10. What is Sketching?
  • 21. • Lines/Shapes • Rough/Basic Outline • Shading/Shadows Common Sketch Characteristics
  • 22.
  • 23. Sketching Tools • Pencils (graphite core) • Vary in hardness depending on rating • 6H extremely hard • HB fairly hard • 3B fairly soft • 6B extremely soft • Drawing Charcoal • Paper • Various sizes • Various types/surface textures • Erasers • Sharpeners • S – Curves • Templates • Eraser Shield • Straight Edges/Squares
  • 26. Just the Beginning General Advice when sketching: A. Learn the basics – shapes are critical B. Takes time and practice -Think of a musician playing scales C. Start simple D. Experiment E. Use proper technique
  • 27. What is a simple sketch you do on a regular basis? Answer: Write your name Lines are the basic of all design elements.
  • 33. From Sketch to Product
  • 34. Common Design Guidelines 1. Use the correct Document Layout for the type of communication you are creating. 2. Create a title that is Clear, Large, Bold, and Concise 3. Use margins effectively to set proper spacing around and within text/graphic elements • Top = .5” Around pictures = .125” - .25” • Sides = .75” Center Margin between Columns = .5” • Bottom = 1” 4. Use color as an enhancement tool with proper Color Schemes • Generally 3 is acceptable (at times 4, but not more than 5) • Example: Complementary Colors 5. Avoid Poor Legibility 6. Remain consistent within a work product 7. Balance is key: top to bottom, side to side, empty space to used space
  • 35. Guidelines Continued 8. Maintain proper proportions – don’t distort 9. Maintain a level of professionalism – quality in, quality out 10. Establish adequate Hierarchy – not everything can be important • Most Important • Important • Less Important • Least Important 11. Grammar, Spelling, Punctuation 12. Use alignment correctly Alignment - Formatting
  • 36. General Don’ts of Design • Do not have a 1 word line (hanger) • Do not have text over text or graphics (if it can’t be read) • Do not have columns be too narrow/wide • Do not have a 1 line sentence • Do not use more than 3 fonts in a visual space • Do not have too many pictures • Do not have too many things bold/italics • Do not use too many colors • Only underline at the top of a List (or Book Title) • If everything is special, nothing is special
  • 37. Problems based on this design?
  • 38. Possible issue that may arise?
  • 39. How wouldthis logo workfor a daycarebusiness?