SlideShare ist ein Scribd-Unternehmen logo
WORKING WITH IMAGES
   IN WEB DESIGN
    THE IMPACT OF IMAGES
MODULE OVERVIEW

• In this module, we will cover:
  1.   Images and their message
  2.   How images impact the audience
MODULE OVERVIEW

• In this module, we will use a blog to:
  • Write reflections to questions
  • Sketch ideas
  • Share with peers
• Blogs will be enabled on the web site when needed
IMPACT OF IMAGES
WO R K I N G WI T H I M A G E S F O R WE B D E S I G N
LESSON OVERVIEW

• In this lesson, we will:
  • Explore the guiding questions and share our thoughts with a
    partner.
GUIDING QUESTIONS

1. How do images in your environment affect you?
2. What effect do you see imagery placing on
   children, peers, and adults?
3. Why do we use images on Web pages?
4. What makes a successful image?
WEB SITES

• What is an image
  • http://www.webster-dictionary.org/definition/image
• Visual Literacy
  • http://k-8visual.info/
• Presenting Effective Web Graphics:
  • http://docs.rinet.ru/WebGraphics/ch6.htm
1ST BLOG ENTRY

• In your blog, add an “image” section.
  1.   Find 6 images from various sources
       (billboards, stores, magazines, books, Web, packaging, m
       ovies, etc.)
  2.   Describe each image (provide a link if found online)
  3.   Under each image, cite where it was found.
  4.   Under each image, describe the message and explain
       whether or not it is successful.
LESSON REVIEW

• During this lesson we discussed imagery in our
  society and the importance of visual literacy.
  • Visual Literacy: The ability to read and create meaning from
    images.
  • Image: A two-dimensional representation of someone or
    something, such as a drawing or photograph.
ON A TELEVISION COMMERCIAL
THIS IS PART OF AN ADVERTISEMENT FOR THE TOURIST INDUSTRY OF
 AFRICA. THE PHOTO IS ENTICING, SO I THINK THIS IS SUCCESSFUL.
ASSESSMENT

• Answer the following questions in the Discussion
  Forum
 1.    How do images influence people?
 2.    True or False: An arrow pointing to the east in a logo
       could mean movement.
 3.    How are images used on the Web? Why are they so
       important?
 4.    Check out your environment; where do you see images?
      1.   Make a list of images and how they influence you.
      2.   What makes them successful? Text, images, color?

Weitere ähnliche Inhalte

Andere mochten auch

Reference Data in Formulas
Reference Data in FormulasReference Data in Formulas
Reference Data in Formulas
coachhahn
 
Summarize Data Using a Formula
Summarize Data Using a FormulaSummarize Data Using a Formula
Summarize Data Using a Formula
coachhahn
 
Lesson 2 - More Basic HTML
Lesson 2 - More Basic HTMLLesson 2 - More Basic HTML
Lesson 2 - More Basic HTML
coachhahn
 
Format as a Table
Format as a TableFormat as a Table
Format as a Table
coachhahn
 
Shape and line
Shape and lineShape and line
Shape and line
coachhahn
 
Formatting Worksheets
Formatting WorksheetsFormatting Worksheets
Formatting Worksheets
coachhahn
 
Lesson 2 - More Basic HTML
Lesson 2 - More Basic HTMLLesson 2 - More Basic HTML
Lesson 2 - More Basic HTML
coachhahn
 
Creating and Modifying Charts
Creating and Modifying ChartsCreating and Modifying Charts
Creating and Modifying Charts
coachhahn
 
Formatting Charts
Formatting ChartsFormatting Charts
Formatting Charts
coachhahn
 
Repetition and Unity
Repetition and UnityRepetition and Unity
Repetition and Unity
coachhahn
 
Balance & Proximity
Balance & ProximityBalance & Proximity
Balance & Proximity
coachhahn
 
THe Evolution of Web Design
THe Evolution of Web DesignTHe Evolution of Web Design
THe Evolution of Web Design
coachhahn
 
The Elements of Design - Texture and Typography
The Elements of Design - Texture and TypographyThe Elements of Design - Texture and Typography
The Elements of Design - Texture and Typography
coachhahn
 

Andere mochten auch (16)

Reference Data in Formulas
Reference Data in FormulasReference Data in Formulas
Reference Data in Formulas
 
Summarize Data Using a Formula
Summarize Data Using a FormulaSummarize Data Using a Formula
Summarize Data Using a Formula
 
Lesson 2 - More Basic HTML
Lesson 2 - More Basic HTMLLesson 2 - More Basic HTML
Lesson 2 - More Basic HTML
 
Format as a Table
Format as a TableFormat as a Table
Format as a Table
 
Shape and line
Shape and lineShape and line
Shape and line
 
Formatting Worksheets
Formatting WorksheetsFormatting Worksheets
Formatting Worksheets
 
T.2.8.pp
T.2.8.ppT.2.8.pp
T.2.8.pp
 
Lesson 2 - More Basic HTML
Lesson 2 - More Basic HTMLLesson 2 - More Basic HTML
Lesson 2 - More Basic HTML
 
Creating and Modifying Charts
Creating and Modifying ChartsCreating and Modifying Charts
Creating and Modifying Charts
 
Formatting Charts
Formatting ChartsFormatting Charts
Formatting Charts
 
Repetition and Unity
Repetition and UnityRepetition and Unity
Repetition and Unity
 
Balance & Proximity
Balance & ProximityBalance & Proximity
Balance & Proximity
 
THe Evolution of Web Design
THe Evolution of Web DesignTHe Evolution of Web Design
THe Evolution of Web Design
 
Movement
MovementMovement
Movement
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
 
The Elements of Design - Texture and Typography
The Elements of Design - Texture and TypographyThe Elements of Design - Texture and Typography
The Elements of Design - Texture and Typography
 

Ähnlich wie Impact of Images

L01 introduction to AS Media Studies
L01 introduction to AS Media Studies L01 introduction to AS Media Studies
L01 introduction to AS Media Studies
englishteacheruk
 
Social Media 102 For Artists
Social Media 102 For ArtistsSocial Media 102 For Artists
Social Media 102 For Artists
SOMArts
 
Tech1002 14 lab week 07 001 2013 10-31
Tech1002 14 lab week 07 001 2013 10-31Tech1002 14 lab week 07 001 2013 10-31
Tech1002 14 lab week 07 001 2013 10-31
mattworthy32
 

Ähnlich wie Impact of Images (20)

Workshop: Bringing your content to life with images. Charity content marketin...
Workshop: Bringing your content to life with images. Charity content marketin...Workshop: Bringing your content to life with images. Charity content marketin...
Workshop: Bringing your content to life with images. Charity content marketin...
 
Evaluation for the grid complete
Evaluation for the grid completeEvaluation for the grid complete
Evaluation for the grid complete
 
Visual Explorer Special Edition Coloring Book
Visual Explorer Special Edition Coloring BookVisual Explorer Special Edition Coloring Book
Visual Explorer Special Edition Coloring Book
 
Arts barge presentation group 4
Arts barge presentation group 4Arts barge presentation group 4
Arts barge presentation group 4
 
Social-media-PPT.pptx
Social-media-PPT.pptxSocial-media-PPT.pptx
Social-media-PPT.pptx
 
Week 4 media 2 - ruth f inal
Week 4   media 2 - ruth f inalWeek 4   media 2 - ruth f inal
Week 4 media 2 - ruth f inal
 
Social-media-PPT.pptx
Social-media-PPT.pptxSocial-media-PPT.pptx
Social-media-PPT.pptx
 
L01 introduction to AS Media Studies
L01 introduction to AS Media Studies L01 introduction to AS Media Studies
L01 introduction to AS Media Studies
 
Social-media-PPT.pptx
Social-media-PPT.pptxSocial-media-PPT.pptx
Social-media-PPT.pptx
 
Social-media-PPT.pptx
Social-media-PPT.pptxSocial-media-PPT.pptx
Social-media-PPT.pptx
 
Social-media-PPT.pdf
Social-media-PPT.pdfSocial-media-PPT.pdf
Social-media-PPT.pdf
 
social-media-ppt-220520070131-5a48a4ea.pptx
social-media-ppt-220520070131-5a48a4ea.pptxsocial-media-ppt-220520070131-5a48a4ea.pptx
social-media-ppt-220520070131-5a48a4ea.pptx
 
Fundamentals of Social Media Marketing
Fundamentals of Social Media MarketingFundamentals of Social Media Marketing
Fundamentals of Social Media Marketing
 
Social Media 102 For Artists
Social Media 102 For ArtistsSocial Media 102 For Artists
Social Media 102 For Artists
 
Tech1002 14 lab week 07 001 2013 10-31
Tech1002 14 lab week 07 001 2013 10-31Tech1002 14 lab week 07 001 2013 10-31
Tech1002 14 lab week 07 001 2013 10-31
 
Gems 7 Class
Gems 7 ClassGems 7 Class
Gems 7 Class
 
“Visual Web” Marketing + Instagram Power Tips by Adam Japko
“Visual Web” Marketing + Instagram Power Tips by Adam Japko“Visual Web” Marketing + Instagram Power Tips by Adam Japko
“Visual Web” Marketing + Instagram Power Tips by Adam Japko
 
Pop art poster project
Pop art poster projectPop art poster project
Pop art poster project
 
Social-media-PPT.pptx
Social-media-PPT.pptxSocial-media-PPT.pptx
Social-media-PPT.pptx
 
Marketing on a Shoestring Budget
Marketing on a Shoestring BudgetMarketing on a Shoestring Budget
Marketing on a Shoestring Budget
 

Mehr von coachhahn

Illustrations
IllustrationsIllustrations
Illustrations
coachhahn
 
Communications & Networks
Communications & NetworksCommunications & Networks
Communications & Networks
coachhahn
 
Communications & Networks
Communications & NetworksCommunications & Networks
Communications & Networks
coachhahn
 
Format and Modify Text and Display and Print Formulas
Format and Modify Text and Display and Print FormulasFormat and Modify Text and Display and Print Formulas
Format and Modify Text and Display and Print Formulas
coachhahn
 
Rows and Columns
Rows and ColumnsRows and Columns
Rows and Columns
coachhahn
 
Excel Objective 1: Creating and Manipulating Data
Excel Objective 1: Creating and Manipulating DataExcel Objective 1: Creating and Manipulating Data
Excel Objective 1: Creating and Manipulating Data
coachhahn
 
The Elements of Design - Color
The Elements of Design - ColorThe Elements of Design - Color
The Elements of Design - Color
coachhahn
 
Search tools
Search toolsSearch tools
Search tools
coachhahn
 
T.2.2.pp(new)
T.2.2.pp(new)T.2.2.pp(new)
T.2.2.pp(new)
coachhahn
 

Mehr von coachhahn (12)

Illustrations
IllustrationsIllustrations
Illustrations
 
Communications & Networks
Communications & NetworksCommunications & Networks
Communications & Networks
 
Communications & Networks
Communications & NetworksCommunications & Networks
Communications & Networks
 
Format and Modify Text and Display and Print Formulas
Format and Modify Text and Display and Print FormulasFormat and Modify Text and Display and Print Formulas
Format and Modify Text and Display and Print Formulas
 
Banners
BannersBanners
Banners
 
Logos
LogosLogos
Logos
 
Rows and Columns
Rows and ColumnsRows and Columns
Rows and Columns
 
Excel Objective 1: Creating and Manipulating Data
Excel Objective 1: Creating and Manipulating DataExcel Objective 1: Creating and Manipulating Data
Excel Objective 1: Creating and Manipulating Data
 
The Elements of Design - Color
The Elements of Design - ColorThe Elements of Design - Color
The Elements of Design - Color
 
Search tools
Search toolsSearch tools
Search tools
 
T.2.2.pp(new)
T.2.2.pp(new)T.2.2.pp(new)
T.2.2.pp(new)
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
 

Kürzlich hochgeladen

Constitution of Company Article of Association
Constitution of Company Article of AssociationConstitution of Company Article of Association
Constitution of Company Article of Association
seri bangash
 

Kürzlich hochgeladen (20)

Unlock Your TikTok Potential: Free TikTok Likes with InstBlast
Unlock Your TikTok Potential: Free TikTok Likes with InstBlastUnlock Your TikTok Potential: Free TikTok Likes with InstBlast
Unlock Your TikTok Potential: Free TikTok Likes with InstBlast
 
The Ultimate Guide to IPTV App Development Process_ Step-By-Step Instructions
The Ultimate Guide to IPTV App Development Process_ Step-By-Step InstructionsThe Ultimate Guide to IPTV App Development Process_ Step-By-Step Instructions
The Ultimate Guide to IPTV App Development Process_ Step-By-Step Instructions
 
Evolution and Growth of Supply chain.pdf
Evolution and Growth of Supply chain.pdfEvolution and Growth of Supply chain.pdf
Evolution and Growth of Supply chain.pdf
 
Event Report - IBM Think 2024 - It is all about AI and hybrid
Event Report - IBM Think 2024 - It is all about AI and hybridEvent Report - IBM Think 2024 - It is all about AI and hybrid
Event Report - IBM Think 2024 - It is all about AI and hybrid
 
TriStar Gold Corporate Presentation May 2024
TriStar Gold Corporate Presentation May 2024TriStar Gold Corporate Presentation May 2024
TriStar Gold Corporate Presentation May 2024
 
Falcon Invoice Discounting Setup for Small Businesses
Falcon Invoice Discounting Setup for Small BusinessesFalcon Invoice Discounting Setup for Small Businesses
Falcon Invoice Discounting Setup for Small Businesses
 
The Truth About Dinesh Bafna's Situation.pdf
The Truth About Dinesh Bafna's Situation.pdfThe Truth About Dinesh Bafna's Situation.pdf
The Truth About Dinesh Bafna's Situation.pdf
 
Byrd & Chen’s Canadian Tax Principles 2023-2024 Edition 1st edition Volumes I...
Byrd & Chen’s Canadian Tax Principles 2023-2024 Edition 1st edition Volumes I...Byrd & Chen’s Canadian Tax Principles 2023-2024 Edition 1st edition Volumes I...
Byrd & Chen’s Canadian Tax Principles 2023-2024 Edition 1st edition Volumes I...
 
Hyundai capital 2024 1quarter Earnings release
Hyundai capital 2024 1quarter Earnings releaseHyundai capital 2024 1quarter Earnings release
Hyundai capital 2024 1quarter Earnings release
 
LinkedIn Masterclass Techweek 2024 v4.1.pptx
LinkedIn Masterclass Techweek 2024 v4.1.pptxLinkedIn Masterclass Techweek 2024 v4.1.pptx
LinkedIn Masterclass Techweek 2024 v4.1.pptx
 
Unleash Data Power with EnFuse Solutions' Comprehensive Data Management Servi...
Unleash Data Power with EnFuse Solutions' Comprehensive Data Management Servi...Unleash Data Power with EnFuse Solutions' Comprehensive Data Management Servi...
Unleash Data Power with EnFuse Solutions' Comprehensive Data Management Servi...
 
Using Generative AI for Content Marketing
Using Generative AI for Content MarketingUsing Generative AI for Content Marketing
Using Generative AI for Content Marketing
 
Constitution of Company Article of Association
Constitution of Company Article of AssociationConstitution of Company Article of Association
Constitution of Company Article of Association
 
Global Interconnection Group Joint Venture[960] (1).pdf
Global Interconnection Group Joint Venture[960] (1).pdfGlobal Interconnection Group Joint Venture[960] (1).pdf
Global Interconnection Group Joint Venture[960] (1).pdf
 
USA classified ads posting – best classified sites in usa.pdf
USA classified ads posting – best classified sites in usa.pdfUSA classified ads posting – best classified sites in usa.pdf
USA classified ads posting – best classified sites in usa.pdf
 
Creative Ideas for Interactive Team Presentations
Creative Ideas for Interactive Team PresentationsCreative Ideas for Interactive Team Presentations
Creative Ideas for Interactive Team Presentations
 
Matt Conway - Attorney - A Knowledgeable Professional - Kentucky.pdf
Matt Conway - Attorney - A Knowledgeable Professional - Kentucky.pdfMatt Conway - Attorney - A Knowledgeable Professional - Kentucky.pdf
Matt Conway - Attorney - A Knowledgeable Professional - Kentucky.pdf
 
Vendors of country report usefull datass
Vendors of country report usefull datassVendors of country report usefull datass
Vendors of country report usefull datass
 
Cracking the Change Management Code Main New.pptx
Cracking the Change Management Code Main New.pptxCracking the Change Management Code Main New.pptx
Cracking the Change Management Code Main New.pptx
 
12 Conversion Rate Optimization Strategies for Ecommerce Websites.pdf
12 Conversion Rate Optimization Strategies for Ecommerce Websites.pdf12 Conversion Rate Optimization Strategies for Ecommerce Websites.pdf
12 Conversion Rate Optimization Strategies for Ecommerce Websites.pdf
 

Impact of Images

  • 1. WORKING WITH IMAGES IN WEB DESIGN THE IMPACT OF IMAGES
  • 2. MODULE OVERVIEW • In this module, we will cover: 1. Images and their message 2. How images impact the audience
  • 3. MODULE OVERVIEW • In this module, we will use a blog to: • Write reflections to questions • Sketch ideas • Share with peers • Blogs will be enabled on the web site when needed
  • 4. IMPACT OF IMAGES WO R K I N G WI T H I M A G E S F O R WE B D E S I G N
  • 5. LESSON OVERVIEW • In this lesson, we will: • Explore the guiding questions and share our thoughts with a partner.
  • 6. GUIDING QUESTIONS 1. How do images in your environment affect you? 2. What effect do you see imagery placing on children, peers, and adults? 3. Why do we use images on Web pages? 4. What makes a successful image?
  • 7. WEB SITES • What is an image • http://www.webster-dictionary.org/definition/image • Visual Literacy • http://k-8visual.info/ • Presenting Effective Web Graphics: • http://docs.rinet.ru/WebGraphics/ch6.htm
  • 8. 1ST BLOG ENTRY • In your blog, add an “image” section. 1. Find 6 images from various sources (billboards, stores, magazines, books, Web, packaging, m ovies, etc.) 2. Describe each image (provide a link if found online) 3. Under each image, cite where it was found. 4. Under each image, describe the message and explain whether or not it is successful.
  • 9. LESSON REVIEW • During this lesson we discussed imagery in our society and the importance of visual literacy. • Visual Literacy: The ability to read and create meaning from images. • Image: A two-dimensional representation of someone or something, such as a drawing or photograph.
  • 10. ON A TELEVISION COMMERCIAL THIS IS PART OF AN ADVERTISEMENT FOR THE TOURIST INDUSTRY OF AFRICA. THE PHOTO IS ENTICING, SO I THINK THIS IS SUCCESSFUL.
  • 11. ASSESSMENT • Answer the following questions in the Discussion Forum 1. How do images influence people? 2. True or False: An arrow pointing to the east in a logo could mean movement. 3. How are images used on the Web? Why are they so important? 4. Check out your environment; where do you see images? 1. Make a list of images and how they influence you. 2. What makes them successful? Text, images, color?

Hinweis der Redaktion

  1. Module 4 Overview
  2. Module 4 Overview
  3. Lesson 1 Overview
  4. Use the guiding questions as a class starter, allowing the students time to answer the questions in their journal. Discuss student answers to the question.
  5. Use Web sites to give background information and show examples.
  6. Student Activity
  7. Summary and vocabulary
  8. Ask students to answer questions in their journal, with a partner, or as a whole class.