SlideShare ist ein Scribd-Unternehmen logo
1 von 41
VISUAL PRINCIPLES EDU 573 TECHNOLOGY AND INNOVATION IN EDUCATION
Roles of Visual in Instruction ,[object Object],[object Object],APPLE This visual image of an apple  is the referent of the word ‘apple ’
Roles of Visual in Instruction ,[object Object],[object Object]
Roles of Visual in Instruction ,[object Object]
SERIES OF DESIGN DECISION Visual Design Element Visual Design Pattern Visual Design Arrangement Visual Element Verbal Element Realistic Analogic Organization Letter style Colour Capitals Number of style Size Spacing Add Appeals Surprise Texture Interaction Alignment Style Balance Shape Colour scheme Colour appeal Proximity Directionals Figure-ground  contrast Consistency
Roles of Visual in Instruction ,[object Object],[object Object]
Visual Literacy ,[object Object],[object Object],[object Object],[object Object]
Visual Literacy ,[object Object],[object Object],[object Object],[object Object]
Visual Literacy: Input Strategies ,[object Object],[object Object]
Visual Literacy: Input Strategies ,[object Object],Usually thumbs up gesture means positive or okay But, for Balinese the thumbs-up  is part of a ritual way of showing respect to someone of a higher caste
Visual Literacy: Input Strategies ,[object Object],[object Object],[object Object]
Visual Literacy: Output Strategies ,[object Object],[object Object],[object Object]
Process of Visual Design ,[object Object],[object Object],[object Object]
PROCESS OF VISUAL DESIGN Visual Design Element Visual Design Pattern Visual Design Arrangement Visual Element Verbal Element Realistic Analogic Organization Letter style Colour Capitals Number of style Size Spacing Add Appeals Surprise Texture Interaction Alignment Style Balance Shape Colour scheme Colour appeal Proximity Directionals Figure-ground  contrast Consistency
Process of Visual Design  :  Elements ,[object Object],[object Object],[object Object],[object Object]
Elements : Visual Elements ,[object Object],[object Object],ABSTRACT REALISTIC
Elements : Visual Elements ,[object Object],[object Object]
Elements : Visual Elements ,[object Object],[object Object],[object Object]
Elements : Visual Elements ,[object Object],[object Object]
Elements : Verbal Elements ,[object Object],[object Object],[object Object]
Elements : Verbal Elements ,[object Object],[object Object],[object Object]
Elements : Verbal Elements ,[object Object],[object Object],[object Object],[object Object]
Elements : Verbal Elements ,[object Object],[object Object],[object Object]
Elements : Verbal Elements ,[object Object],[object Object]
Elements : Verbal Elements ,[object Object],[object Object],[object Object],L A B W O R K
Elements : Verbal Elements ,[object Object],[object Object],[object Object]
Elements :  Elements that add appeals ,[object Object],[object Object],[object Object],[object Object],[object Object]
Elements :  Elements that add appeals ,[object Object],[object Object],[object Object]
Process of Visual Design  :  Pattern ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Process of Visual Design  :  Pattern ,[object Object],[object Object],[object Object],[object Object]
Process of Visual Design  :  Pattern ,[object Object],[object Object],[object Object],[object Object]
Rule of Thirds ,[object Object],[object Object],[object Object]
 
 
Process of Visual Design  :  Pattern ,[object Object],[object Object]
Process of Visual Design  :  Pattern ,[object Object],[object Object],[object Object],[object Object]
Process of Visual Design  :  Pattern ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Complimentary colours : any two colours that lie directly opposite each other Analogous colours : colours that lie  next to each other Complimentary and Analogous colours may form  pleasing combinations  when used together in a display   The Colour Wheel
[object Object],[object Object],[object Object]
Process of Visual Design  :  Arrangement ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Process of Visual Design  :  Arrangement ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Weitere ähnliche Inhalte

Was ist angesagt?

Designing Visuals for Instruction
Designing Visuals for InstructionDesigning Visuals for Instruction
Designing Visuals for Instruction
Mhelane Herebesi
 
Software Selection & Evaluation
Software Selection & EvaluationSoftware Selection & Evaluation
Software Selection & Evaluation
Alaa Sadik
 
Instructional Multimedia Development
Instructional Multimedia DevelopmentInstructional Multimedia Development
Instructional Multimedia Development
Pinoy Guro
 
Visuals materials
Visuals materialsVisuals materials
Visuals materials
yeraldiny
 
Importance of Instructional Design for Teachers
Importance of Instructional Design for TeachersImportance of Instructional Design for Teachers
Importance of Instructional Design for Teachers
Moon Starr
 
Elements & Principles of Art Design PowerPoint
Elements & Principles of Art Design PowerPointElements & Principles of Art Design PowerPoint
Elements & Principles of Art Design PowerPoint
emurfield
 

Was ist angesagt? (20)

Designing Visuals for Instruction
Designing Visuals for InstructionDesigning Visuals for Instruction
Designing Visuals for Instruction
 
Lesson 1 • Elements & Principles of Design and Art
Lesson 1 • Elements & Principles of Design and ArtLesson 1 • Elements & Principles of Design and Art
Lesson 1 • Elements & Principles of Design and Art
 
Educational Technology: Visual Symbols
Educational Technology: Visual SymbolsEducational Technology: Visual Symbols
Educational Technology: Visual Symbols
 
Approaches to School Curriculum
Approaches to School CurriculumApproaches to School Curriculum
Approaches to School Curriculum
 
Types of Visuals
Types of VisualsTypes of Visuals
Types of Visuals
 
Introduction to web-based instruction (TTL reporting).pptx
Introduction to web-based instruction (TTL reporting).pptxIntroduction to web-based instruction (TTL reporting).pptx
Introduction to web-based instruction (TTL reporting).pptx
 
Organization & integration of experience and content
Organization & integration of experience and contentOrganization & integration of experience and content
Organization & integration of experience and content
 
Edgar Dale's Cone of Experience
Edgar Dale's Cone of ExperienceEdgar Dale's Cone of Experience
Edgar Dale's Cone of Experience
 
Principles of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryPrinciples of Design - Graphic Design Theory
Principles of Design - Graphic Design Theory
 
Systematic Approach to Teaching
Systematic Approach to TeachingSystematic Approach to Teaching
Systematic Approach to Teaching
 
Maximizing the use of chalkboard
Maximizing the use of chalkboardMaximizing the use of chalkboard
Maximizing the use of chalkboard
 
Visual symbols
Visual symbolsVisual symbols
Visual symbols
 
Instructional design – edfn201 b sequencing
Instructional design – edfn201 b   sequencingInstructional design – edfn201 b   sequencing
Instructional design – edfn201 b sequencing
 
Instructional material development
Instructional material developmentInstructional material development
Instructional material development
 
Software Selection & Evaluation
Software Selection & EvaluationSoftware Selection & Evaluation
Software Selection & Evaluation
 
Instructional Multimedia Development
Instructional Multimedia DevelopmentInstructional Multimedia Development
Instructional Multimedia Development
 
Visuals materials
Visuals materialsVisuals materials
Visuals materials
 
Importance of Instructional Design for Teachers
Importance of Instructional Design for TeachersImportance of Instructional Design for Teachers
Importance of Instructional Design for Teachers
 
Elements & Principles of Art Design PowerPoint
Elements & Principles of Art Design PowerPointElements & Principles of Art Design PowerPoint
Elements & Principles of Art Design PowerPoint
 
The Power Of Film, Video And TV In The Classroom
The Power Of Film, Video And TV In The ClassroomThe Power Of Film, Video And TV In The Classroom
The Power Of Film, Video And TV In The Classroom
 

Andere mochten auch (6)

Learning styles, VAK /VARK Model, 4 types of learning styles, Neil Fleming's ...
Learning styles, VAK /VARK Model, 4 types of learning styles, Neil Fleming's ...Learning styles, VAK /VARK Model, 4 types of learning styles, Neil Fleming's ...
Learning styles, VAK /VARK Model, 4 types of learning styles, Neil Fleming's ...
 
Behaviour for learning 4
Behaviour for learning 4Behaviour for learning 4
Behaviour for learning 4
 
Behaviour for learning 1
Behaviour for learning 1Behaviour for learning 1
Behaviour for learning 1
 
Behaviour for learning 5
Behaviour for learning 5Behaviour for learning 5
Behaviour for learning 5
 
Behaviour for learning 2
Behaviour for learning 2Behaviour for learning 2
Behaviour for learning 2
 
Improving behaviour for learning
Improving behaviour for learningImproving behaviour for learning
Improving behaviour for learning
 

Ähnlich wie Visual Principles

ET_lESSON_6.pptx
ET_lESSON_6.pptxET_lESSON_6.pptx
ET_lESSON_6.pptx
Rhoan4
 

Ähnlich wie Visual Principles (20)

Visual in Instruction
Visual in InstructionVisual in Instruction
Visual in Instruction
 
Visual principles2
Visual principles2Visual principles2
Visual principles2
 
Visual Media and Information - Media and Information Literacy (MIL)
Visual Media and Information - Media and Information Literacy (MIL)Visual Media and Information - Media and Information Literacy (MIL)
Visual Media and Information - Media and Information Literacy (MIL)
 
IVC - Lesson 14
IVC - Lesson 14IVC - Lesson 14
IVC - Lesson 14
 
Basic-Principles-of-Graphics-and-Layout-Imaging.pdf
Basic-Principles-of-Graphics-and-Layout-Imaging.pdfBasic-Principles-of-Graphics-and-Layout-Imaging.pdf
Basic-Principles-of-Graphics-and-Layout-Imaging.pdf
 
Visual design
Visual designVisual design
Visual design
 
Support Materials and Visualization for Distance Education
Support Materials and Visualization for Distance EducationSupport Materials and Visualization for Distance Education
Support Materials and Visualization for Distance Education
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Mil ppt week 13
Mil ppt week 13Mil ppt week 13
Mil ppt week 13
 
Apt502
Apt502Apt502
Apt502
 
Multimedia design principles
Multimedia design principlesMultimedia design principles
Multimedia design principles
 
Key Design Principles To Improve Your User Experience (UX)
Key Design Principles To Improve Your User Experience (UX)Key Design Principles To Improve Your User Experience (UX)
Key Design Principles To Improve Your User Experience (UX)
 
ET_lESSON_6.pptx
ET_lESSON_6.pptxET_lESSON_6.pptx
ET_lESSON_6.pptx
 
Elements and Principles of Design
Elements and Principles of DesignElements and Principles of Design
Elements and Principles of Design
 
Week 1 Elements and Principels of Design
Week 1 Elements and Principels of DesignWeek 1 Elements and Principels of Design
Week 1 Elements and Principels of Design
 
MIL 011123 PKISULAT.pptx
MIL 011123 PKISULAT.pptxMIL 011123 PKISULAT.pptx
MIL 011123 PKISULAT.pptx
 

Mehr von Izaham

Listening for main idea & supporting details
Listening for main idea & supporting detailsListening for main idea & supporting details
Listening for main idea & supporting details
Izaham
 
Tsl641 principles for call evaluation v 2
Tsl641   principles for call evaluation v 2Tsl641   principles for call evaluation v 2
Tsl641 principles for call evaluation v 2
Izaham
 
E learning design principles
E learning design principlesE learning design principles
E learning design principles
Izaham
 
Sample courseware development
Sample courseware developmentSample courseware development
Sample courseware development
Izaham
 
A development of computer assisted software (a ja-w)
A development of computer assisted software (a ja-w)A development of computer assisted software (a ja-w)
A development of computer assisted software (a ja-w)
Izaham
 
Flowchart 2
Flowchart 2Flowchart 2
Flowchart 2
Izaham
 
Flowchart
FlowchartFlowchart
Flowchart
Izaham
 
Poster Untuk Cetak Banner
Poster Untuk Cetak BannerPoster Untuk Cetak Banner
Poster Untuk Cetak Banner
Izaham
 
Poster Untuk Cetak Banner
Poster Untuk Cetak BannerPoster Untuk Cetak Banner
Poster Untuk Cetak Banner
Izaham
 
Tsl641 Lecture 1
Tsl641 Lecture 1Tsl641 Lecture 1
Tsl641 Lecture 1
Izaham
 
Ad & Dis Lect 2
Ad & Dis Lect 2Ad & Dis Lect 2
Ad & Dis Lect 2
Izaham
 
Info H1 N1 Untuk Warga Ui Tm
Info H1 N1 Untuk Warga Ui TmInfo H1 N1 Untuk Warga Ui Tm
Info H1 N1 Untuk Warga Ui Tm
Izaham
 

Mehr von Izaham (20)

Morphology 1
Morphology 1Morphology 1
Morphology 1
 
Morphology
MorphologyMorphology
Morphology
 
Critical reading
Critical readingCritical reading
Critical reading
 
Listening for main idea & supporting details
Listening for main idea & supporting detailsListening for main idea & supporting details
Listening for main idea & supporting details
 
Internet and elt
Internet and eltInternet and elt
Internet and elt
 
Mulitmedia english v3
Mulitmedia english v3Mulitmedia english v3
Mulitmedia english v3
 
Development of call simplified 2015
Development of call simplified 2015Development of call simplified 2015
Development of call simplified 2015
 
Ad & dis lect 2 2015
Ad & dis lect 2 2015Ad & dis lect 2 2015
Ad & dis lect 2 2015
 
Tsl641 principles for call evaluation v 2
Tsl641   principles for call evaluation v 2Tsl641   principles for call evaluation v 2
Tsl641 principles for call evaluation v 2
 
Intro to call cai
Intro to call caiIntro to call cai
Intro to call cai
 
E learning design principles
E learning design principlesE learning design principles
E learning design principles
 
Sample courseware development
Sample courseware developmentSample courseware development
Sample courseware development
 
A development of computer assisted software (a ja-w)
A development of computer assisted software (a ja-w)A development of computer assisted software (a ja-w)
A development of computer assisted software (a ja-w)
 
Flowchart 2
Flowchart 2Flowchart 2
Flowchart 2
 
Flowchart
FlowchartFlowchart
Flowchart
 
Poster Untuk Cetak Banner
Poster Untuk Cetak BannerPoster Untuk Cetak Banner
Poster Untuk Cetak Banner
 
Poster Untuk Cetak Banner
Poster Untuk Cetak BannerPoster Untuk Cetak Banner
Poster Untuk Cetak Banner
 
Tsl641 Lecture 1
Tsl641 Lecture 1Tsl641 Lecture 1
Tsl641 Lecture 1
 
Ad & Dis Lect 2
Ad & Dis Lect 2Ad & Dis Lect 2
Ad & Dis Lect 2
 
Info H1 N1 Untuk Warga Ui Tm
Info H1 N1 Untuk Warga Ui TmInfo H1 N1 Untuk Warga Ui Tm
Info H1 N1 Untuk Warga Ui Tm
 

Kürzlich hochgeladen

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Kürzlich hochgeladen (20)

HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 

Visual Principles

  • 1. VISUAL PRINCIPLES EDU 573 TECHNOLOGY AND INNOVATION IN EDUCATION
  • 2.
  • 3.
  • 4.
  • 5. SERIES OF DESIGN DECISION Visual Design Element Visual Design Pattern Visual Design Arrangement Visual Element Verbal Element Realistic Analogic Organization Letter style Colour Capitals Number of style Size Spacing Add Appeals Surprise Texture Interaction Alignment Style Balance Shape Colour scheme Colour appeal Proximity Directionals Figure-ground contrast Consistency
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14. PROCESS OF VISUAL DESIGN Visual Design Element Visual Design Pattern Visual Design Arrangement Visual Element Verbal Element Realistic Analogic Organization Letter style Colour Capitals Number of style Size Spacing Add Appeals Surprise Texture Interaction Alignment Style Balance Shape Colour scheme Colour appeal Proximity Directionals Figure-ground contrast Consistency
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.  
  • 34.  
  • 35.
  • 36.
  • 37.
  • 38. Complimentary colours : any two colours that lie directly opposite each other Analogous colours : colours that lie next to each other Complimentary and Analogous colours may form pleasing combinations when used together in a display The Colour Wheel
  • 39.
  • 40.
  • 41.