SlideShare uma empresa Scribd logo
1 de 39
Exploring Graphics
By Mr. Berdinka
Technology Education Department
Northern Lebanon High School
Chapter 3 – Design
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
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.
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
• 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.
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 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
Creating a Logo
• 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:
• Takes 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
Successful and effective design
• Personal influences - based on experiences and personal
preference
• Thinking there is only one design/solution is possible or will
work
• 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
Things that can negatively impact
the design process: Related to Graphic Design…
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
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
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
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
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
Problems based on this design?
Possible issue that may arise?
How wouldthis logo workfor a daycarebusiness?

Mais conteúdo relacionado

Mais procurados

Design process research + analysis new
Design process   research + analysis newDesign process   research + analysis new
Design process research + analysis new
Daniel Freaker
 
Design process whole design process used at chichester college - done
Design process   whole design process used at chichester college - doneDesign process   whole design process used at chichester college - done
Design process whole design process used at chichester college - done
Daniel Freaker
 
Design process initial ideas - done
Design process   initial ideas - doneDesign process   initial ideas - done
Design process initial ideas - done
Daniel Freaker
 

Mais procurados (20)

Essential product design research
Essential product design researchEssential product design research
Essential product design research
 
Володимир Коваль і Наталія Назар “Сhicken scratch – or how to visualize ideas”
Володимир Коваль і Наталія Назар “Сhicken scratch – or how to visualize ideas” Володимир Коваль і Наталія Назар “Сhicken scratch – or how to visualize ideas”
Володимир Коваль і Наталія Назар “Сhicken scratch – or how to visualize ideas”
 
Design process research + analysis new
Design process   research + analysis newDesign process   research + analysis new
Design process research + analysis new
 
Concept design
Concept design Concept design
Concept design
 
Design process whole design process used at chichester college - done
Design process   whole design process used at chichester college - doneDesign process   whole design process used at chichester college - done
Design process whole design process used at chichester college - done
 
Design process initial ideas - done
Design process   initial ideas - doneDesign process   initial ideas - done
Design process initial ideas - done
 
Sketching As a Communication and Collaboration Tool.
Sketching As a Communication and Collaboration Tool.Sketching As a Communication and Collaboration Tool.
Sketching As a Communication and Collaboration Tool.
 
Pair Design
Pair DesignPair Design
Pair Design
 
Hands on with the Design Studio Method
Hands on with the Design Studio MethodHands on with the Design Studio Method
Hands on with the Design Studio Method
 
Create and Design a Better Academic Poster
Create and Design a Better Academic PosterCreate and Design a Better Academic Poster
Create and Design a Better Academic Poster
 
Getting Started in Project Management for Librarians - Metropolitan New York ...
Getting Started in Project Management for Librarians - Metropolitan New York ...Getting Started in Project Management for Librarians - Metropolitan New York ...
Getting Started in Project Management for Librarians - Metropolitan New York ...
 
Things designers and developers should know (WDS18)
Things designers and developers should know (WDS18)Things designers and developers should know (WDS18)
Things designers and developers should know (WDS18)
 
DMA 235 01 syllabus
DMA 235 01 syllabusDMA 235 01 syllabus
DMA 235 01 syllabus
 
How to Choose & Prepare for Your Final Year Project
How to Choose & Prepare for Your Final Year ProjectHow to Choose & Prepare for Your Final Year Project
How to Choose & Prepare for Your Final Year Project
 
From UX Study to UX Service: Using People-Centered Research Methods to Improv...
From UX Study to UX Service: Using People-Centered Research Methods to Improv...From UX Study to UX Service: Using People-Centered Research Methods to Improv...
From UX Study to UX Service: Using People-Centered Research Methods to Improv...
 
Library 2.017 - Librarians in the 21st Century: Designing a Career Strategy f...
Library 2.017 - Librarians in the 21st Century: Designing a Career Strategy f...Library 2.017 - Librarians in the 21st Century: Designing a Career Strategy f...
Library 2.017 - Librarians in the 21st Century: Designing a Career Strategy f...
 
2016 - Librarians in the 21st Century: Designing a Career Strategy for Evolvi...
2016 - Librarians in the 21st Century: Designing a Career Strategy for Evolvi...2016 - Librarians in the 21st Century: Designing a Career Strategy for Evolvi...
2016 - Librarians in the 21st Century: Designing a Career Strategy for Evolvi...
 
Lezing Cohousing Architect Laura Fitch (USA) - efficiënte ontwerpsessies
Lezing Cohousing Architect Laura Fitch (USA) - efficiënte ontwerpsessiesLezing Cohousing Architect Laura Fitch (USA) - efficiënte ontwerpsessies
Lezing Cohousing Architect Laura Fitch (USA) - efficiënte ontwerpsessies
 
Designing Mobile UX
Designing Mobile UXDesigning Mobile UX
Designing Mobile UX
 
Do No Harm: Making Better Forms for People
Do No Harm: Making Better Forms for PeopleDo No Harm: Making Better Forms for People
Do No Harm: Making Better Forms for People
 

Semelhante a Gd1 Chapter 3 - Design

Introduction to Webdev2
Introduction to Webdev2Introduction to Webdev2
Introduction to Webdev2
ayehl612
 
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
 
How to Get the Most Out of Your Graphic and Website Designers Slides
How to Get the Most Out of Your Graphic and Website Designers SlidesHow to Get the Most Out of Your Graphic and Website Designers Slides
How to Get the Most Out of Your Graphic and Website Designers Slides
LERN_AC_2015
 

Semelhante a Gd1 Chapter 3 - Design (20)

GD1 Chapter 3a Design.pptx
GD1 Chapter 3a Design.pptxGD1 Chapter 3a Design.pptx
GD1 Chapter 3a Design.pptx
 
30 GD1 Chapter 3a Design.pptx
30 GD1 Chapter 3a Design.pptx30 GD1 Chapter 3a Design.pptx
30 GD1 Chapter 3a Design.pptx
 
Design Principle Basics, UX Best Practices & 2016 Trends - Kuala Lumpur Marke...
Design Principle Basics, UX Best Practices & 2016 Trends - Kuala Lumpur Marke...Design Principle Basics, UX Best Practices & 2016 Trends - Kuala Lumpur Marke...
Design Principle Basics, UX Best Practices & 2016 Trends - Kuala Lumpur Marke...
 
Visual design
Visual designVisual design
Visual design
 
The Science of Visual Design: Creating Strong Graphics for ID
The Science of Visual Design: Creating Strong Graphics for IDThe Science of Visual Design: Creating Strong Graphics for ID
The Science of Visual Design: Creating Strong Graphics for ID
 
Posters that get noticed: A how to guide by Laura Connaughton
Posters that get noticed: A how to guide by Laura ConnaughtonPosters that get noticed: A how to guide by Laura Connaughton
Posters that get noticed: A how to guide by Laura Connaughton
 
Graphic Design Process
Graphic Design ProcessGraphic Design Process
Graphic Design Process
 
Introduction to Webdev2
Introduction to Webdev2Introduction to Webdev2
Introduction to Webdev2
 
[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
 
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
 
Improving conceptual understanding in development
Improving conceptual understanding in developmentImproving conceptual understanding in development
Improving conceptual understanding in development
 
Poster session fall2013_duspviz
Poster session fall2013_duspvizPoster session fall2013_duspviz
Poster session fall2013_duspviz
 
L3 cmpt y2 evaluation template (3)
L3 cmpt y2 evaluation template (3)L3 cmpt y2 evaluation template (3)
L3 cmpt y2 evaluation template (3)
 
Avalon's DM 101 - Design Tips and Tricks
Avalon's DM 101 - Design Tips and TricksAvalon's DM 101 - Design Tips and Tricks
Avalon's DM 101 - Design Tips and Tricks
 
Fantasy portfolio
Fantasy portfolioFantasy portfolio
Fantasy portfolio
 
Becoming a Web Design Champion
Becoming a Web Design ChampionBecoming a Web Design Champion
Becoming a Web Design Champion
 
Discussing Design: The Art of Critique
Discussing Design: The Art of CritiqueDiscussing Design: The Art of Critique
Discussing Design: The Art of Critique
 
How to Get the Most Out of Your Graphic and Website Designers Slides
How to Get the Most Out of Your Graphic and Website Designers SlidesHow to Get the Most Out of Your Graphic and Website Designers Slides
How to Get the Most Out of Your Graphic and Website Designers Slides
 
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)
 

Mais de mjb77ny

Mais de 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
 
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
 
Chapter 3 - Evolution to Digital
Chapter 3 - Evolution to DigitalChapter 3 - Evolution to Digital
Chapter 3 - Evolution to Digital
 

Último

Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 

Último (20)

SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 

Gd1 Chapter 3 - Design

  • 1. Exploring Graphics By Mr. Berdinka Technology Education Department Northern Lebanon High School Chapter 3 – Design
  • 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. 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. 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 • 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. 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. 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. Creating a Logo • 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: • Takes 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 Successful and effective design
  • 16. • Personal influences - based on experiences and personal preference • Thinking there is only one design/solution is possible or will work • 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 Things that can negatively impact the design process: Related to Graphic Design…
  • 17. 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. 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. 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
  • 20. 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
  • 21. 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
  • 22. 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 What is Sketching?
  • 24. • Lines/Shapes • Rough/Basic Outline • Shading/Shadows Common Sketch Characteristics
  • 25.
  • 26. 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
  • 29. 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
  • 30. What is a simple sketch you do on a regular basis? Answer: Write your name Lines are the basic of all design elements.
  • 36. From Sketch to Product
  • 37. Problems based on this design?
  • 38. Possible issue that may arise?
  • 39. How wouldthis logo workfor a daycarebusiness?