Week 4 - A Visual Contrasts

•Download as PPT, PDF•

1 like•595 views

Technology Business

IMD09117 and IMD09118 Web Design and Development Unit 4 Visual contrasts and perceptual organisation

Visual contrasts Version A Unit 4 ©2008 Napier University ,[object Object],[object Object]

Visual contrasts Version A Unit 4 ©2008 Napier University ,[object Object],[object Object],[object Object]

Visual contrasts Version A Unit 4 ©2008 Napier University ,[object Object],[object Object],[object Object],[object Object],[object Object]

Visual contrasts Version A Unit 4 ©2008 Napier University Size, dimension or scale

Visual contrasts Version A Unit 4 ©2008 Napier University Value, relative lightness or darkness

Visual contrasts Version A Unit 4 ©2008 Napier University ,[object Object],[object Object],[object Object],Value

Visual contrasts Version A Unit 4 ©2008 Napier University Hue and saturation

Visual contrasts Version A Unit 4 ©2008 Napier University Orientation or direction

Visual contrasts Version A Unit 4 ©2008 Napier University Texture

Visual contrasts Version A Unit 4 ©2008 Napier University Shape

Visual contrasts Version A Unit 4 ©2008 Napier University Position

Effective visual variables ,[object Object],[object Object],[object Object],Version A Unit 4 ©2008 Napier University Information in a visual display is characterised by

Effective visual variables ,[object Object],[object Object],[object Object],[object Object],[object Object],Version A Unit 4 ©2008 Napier University Scale of measurement

Effective visual variables ,[object Object],[object Object],Version A Unit 4 ©2008 Napier University Associative perception

Effective visual variables ,[object Object],[object Object],Version A Unit 4 ©2008 Napier University Associative perception

Effective visual variables Version A Unit 4 ©2008 Napier University Selective perception ,[object Object]

Effective visual variables Version A Unit 4 ©2008 Napier University Selective perception ,[object Object],[object Object]

Effective visual variables Version A Unit 4 ©2008 Napier University K N K M K Z K K Z Z Z K N M N K

Effective visual variables Version A Unit 4 ©2008 Napier University K N K M K Z K K Z Z Z K N M N K

Effective visual variables Version A Unit 4 ©2008 Napier University Ordered perception ,[object Object],[object Object],[object Object]

Effective visual variables Version A Unit 4 ©2008 Napier University Ordered perception ,[object Object],[object Object]

Effective visual variables Version A Unit 4 ©2008 Napier University Ordered perception

Effective visual variables Version A Unit 4 ©2008 Napier University Quantitative perception ,[object Object],[object Object],[object Object]

Effective visual variables Version A Unit 4 ©2008 Napier University Quantitative perception ,[object Object],[object Object]

Effective visual variables Version A Unit 4 ©2008 Napier University Length of the variables ,[object Object],[object Object]

Effective visual variables Version A Unit 4 ©2008 Napier University Length of the variables ,[object Object]

Effective visual variables Version A Unit 4 ©2008 Napier University Length of the variables ,[object Object],[object Object],[object Object],[object Object],[object Object]

Perceptual organisation Version A Unit 4 ©2008 Napier University Gestalt principles ,[object Object],[object Object],[object Object],[object Object],[object Object]

Perceptual organisation Version A Unit 4 ©2008 Napier University Proximity

Perceptual organisation Version A Unit 4 ©2008 Napier University Proximity

Perceptual organisation Version A Unit 4 ©2008 Napier University Similarity

Perceptual organisation Version A Unit 4 ©2008 Napier University Similarity

Perceptual organisation Version A Unit 4 ©2008 Napier University Similarity

Perceptual organisation Version A Unit 4 ©2008 Napier University Similarity

Perceptual organisation Version A Unit 4 ©2008 Napier University Continuity of direction

Perceptual organisation Version A Unit 4 ©2008 Napier University Continuity of direction

Perceptual organisation Version A Unit 4 ©2008 Napier University Closure

Perceptual organisation Version A Unit 4 ©2008 Napier University Closure

Perceptual organisation Version A Unit 4 ©2008 Napier University Closure

Perceptual organisation Version A Unit 4 ©2008 Napier University Common fate

Perceptual organisation Version A Unit 4 ©2008 Napier University Experience E

Perceptual organisation Version A Unit 4 ©2008 Napier University Experience E

Perceptual organisation Version A Unit 4 ©2008 Napier University Experience

Summary Version A Unit 4 ©2008 Napier University ,[object Object],[object Object]

Summary Version A Unit 4 ©2008 Napier University ,[object Object],[object Object]

More Related Content

Viewers also liked

Scene 1.1 - Creative and Media Venues

Scene 1.1 - Creative and Media Venues

Scene 1.1 - Creative and Media Venuesguestc0b11d8

Visual artmcint1am

Infusing technology in the v isual arts classroom

Infusing technology in the v isual arts classroom

Infusing technology in the v isual arts classroomellencraig

Data visualization - see things differently. Natalie Yadrentseva

Data visualization - see things differently. Natalie Yadrentseva

Data visualization - see things differently. Natalie YadrentsevaNatalia Yadrentseva

Andhra cuisine by indianchefrecipe @ www.indianchefrecipe.com

Andhra cuisine by indianchefrecipe @ www.indianchefrecipe.com

Andhra cuisine by indianchefrecipe @ www.indianchefrecipe.comindian chefrecipe

Organization in Architecture

Organization in Architecture

Organization in ArchitectureAdeljonica Mesiano

The Importance of Visual Art in Food

The Importance of Visual Art in Food

The Importance of Visual Art in FoodLeong Han Keow

Visual Art Law by Henry Lydiate

Visual Art Law by Henry Lydiate

Visual Art Law by Henry LydiateVisual Artists Ireland

Organization in the visual arts 1

Organization in the visual arts 1

Organization in the visual arts 1Adeljonica Mesiano

Exploring the Potential of Visual Art in Negotiating Social Transformation at...

Exploring the Potential of Visual Art in Negotiating Social Transformation at...

Exploring the Potential of Visual Art in Negotiating Social Transformation at...Jakob Pedersen

Notes on visual representation

Notes on visual representation

Notes on visual representationBrock Craft

StructuresArt Department. Departamento de Dibujo.

The creative media in our local scene

The creative media in our local scene

The creative media in our local sceneguestf6e16e

Dots, lines and planes

Dots, lines and planes

Dots, lines and planesComunidad Autonoma de Madrid

Mandala assignment

Mandala assignment

Mandala assignmentComunidad Autonoma de Madrid

Sunrise Andhra Pradesh- Presentation by Mr. J. Krishna Kishore IRS, CEO of An...

Sunrise Andhra Pradesh- Presentation by Mr. J. Krishna Kishore IRS, CEO of An...

Sunrise Andhra Pradesh- Presentation by Mr. J. Krishna Kishore IRS, CEO of An...rajeshkumarusa

Foods Habits in Different parts of India

Foods Habits in Different parts of India

Foods Habits in Different parts of IndiaDaniel Henny

Forms of Digital Art

Forms of Digital Art

Forms of Digital ArtStephanie Solis

Viewers also liked (18)

Scene 1.1 - Creative and Media Venues

Scene 1.1 - Creative and Media Venues

Scene 1.1 - Creative and Media Venues

Visual art

Infusing technology in the v isual arts classroom

Infusing technology in the v isual arts classroom

Infusing technology in the v isual arts classroom

Data visualization - see things differently. Natalie Yadrentseva

Data visualization - see things differently. Natalie Yadrentseva

Data visualization - see things differently. Natalie Yadrentseva

Andhra cuisine by indianchefrecipe @ www.indianchefrecipe.com

Andhra cuisine by indianchefrecipe @ www.indianchefrecipe.com

Andhra cuisine by indianchefrecipe @ www.indianchefrecipe.com

Organization in Architecture

Organization in Architecture

Organization in Architecture

The Importance of Visual Art in Food

The Importance of Visual Art in Food

The Importance of Visual Art in Food

Visual Art Law by Henry Lydiate

Visual Art Law by Henry Lydiate

Visual Art Law by Henry Lydiate

Organization in the visual arts 1

Organization in the visual arts 1

Organization in the visual arts 1

Exploring the Potential of Visual Art in Negotiating Social Transformation at...

Exploring the Potential of Visual Art in Negotiating Social Transformation at...

Exploring the Potential of Visual Art in Negotiating Social Transformation at...

Notes on visual representation

Notes on visual representation

Notes on visual representation

Structures

The creative media in our local scene

The creative media in our local scene

The creative media in our local scene

Dots, lines and planes

Dots, lines and planes

Dots, lines and planes

Mandala assignment

Mandala assignment

Mandala assignment

Sunrise Andhra Pradesh- Presentation by Mr. J. Krishna Kishore IRS, CEO of An...

Sunrise Andhra Pradesh- Presentation by Mr. J. Krishna Kishore IRS, CEO of An...

Sunrise Andhra Pradesh- Presentation by Mr. J. Krishna Kishore IRS, CEO of An...

Foods Habits in Different parts of India

Foods Habits in Different parts of India

Foods Habits in Different parts of India

Forms of Digital Art

Forms of Digital Art

Forms of Digital Art

Similar to Week 4 - A Visual Contrasts

Week 5 - Visual Hierarchies

Week 5 - Visual Hierarchies

Week 5 - Visual HierarchiesGraeme Smith

Perspective Principles

Perspective Principles

Perspective PrinciplesGraeme Smith

Week 3 - A Presentation Visual Components

Week 3 - A Presentation Visual Components

Week 3 - A Presentation Visual ComponentsGraeme Smith

Layout Principles

Layout Principles

Layout PrinciplesGraeme Smith

360_ch04ryaekle

PPC_2_Forecasting_English.pdf

PPC_2_Forecasting_English.pdf

PPC_2_Forecasting_English.pdfsyedalirazakazmi16

Layout Principles 1

Layout Principles 1

Layout Principles 1Graeme Smith

actfl-opi-reliability-2012

actfl-opi-reliability-2012

actfl-opi-reliability-2012Hyder Abadin

Chapter17 quality

Chapter17 quality

Chapter17 qualityearms

Similar to Week 4 - A Visual Contrasts (9)

Week 5 - Visual Hierarchies

Week 5 - Visual Hierarchies

Week 5 - Visual Hierarchies

Perspective Principles

Perspective Principles

Perspective Principles

Week 3 - A Presentation Visual Components

Week 3 - A Presentation Visual Components

Week 3 - A Presentation Visual Components

Layout Principles

Layout Principles

Layout Principles

360_ch04

PPC_2_Forecasting_English.pdf

PPC_2_Forecasting_English.pdf

PPC_2_Forecasting_English.pdf

Layout Principles 1

Layout Principles 1

Layout Principles 1

actfl-opi-reliability-2012

actfl-opi-reliability-2012

actfl-opi-reliability-2012

Chapter17 quality

Chapter17 quality

Chapter17 quality

More from Graeme Smith

Project Management - An Introductiuon

Project Management - An Introductiuon

Project Management - An IntroductiuonGraeme Smith

Intro to the unit

Intro to the unit

Intro to the unitGraeme Smith

The CSS Box Model

The CSS Box Model

The CSS Box ModelGraeme Smith

The art of presentations

The art of presentations

The art of presentationsGraeme Smith

Typography, A Presentation

Typography, A Presentation

Typography, A PresentationGraeme Smith

Flip BookGraeme Smith

TypographyGraeme Smith

Typography and grids

Typography and grids

Typography and gridsGraeme Smith

Intro to Game Design

Intro to Game Design

Intro to Game DesignGraeme Smith

Composition, some basic rules of photography

Composition, some basic rules of photography

Composition, some basic rules of photographyGraeme Smith

Form Validation

Form Validation

Form ValidationGraeme Smith

1 - Designing A Site

1 - Designing A Site

1 - Designing A SiteGraeme Smith

Personality Emotion

Personality Emotion

Personality EmotionGraeme Smith

Personality Emotion

Personality Emotion

Personality EmotionGraeme Smith

Information Design

Information Design

Information DesignGraeme Smith

Interaction Design

Interaction Design

Interaction DesignGraeme Smith

ColourGraeme Smith

Web Functionality

Web Functionality

Web FunctionalityGraeme Smith

Content for the Web

Content for the Web

Content for the WebGraeme Smith

What Is Interaction Design

What Is Interaction Design

What Is Interaction DesignGraeme Smith

More from Graeme Smith (20)

Project Management - An Introductiuon

Project Management - An Introductiuon

Project Management - An Introductiuon

Intro to the unit

Intro to the unit

Intro to the unit

The CSS Box Model

The CSS Box Model

The CSS Box Model

The art of presentations

The art of presentations

The art of presentations

Typography, A Presentation

Typography, A Presentation

Typography, A Presentation

Flip Book

Typography

Typography and grids

Typography and grids

Typography and grids

Intro to Game Design

Intro to Game Design

Intro to Game Design

Composition, some basic rules of photography

Composition, some basic rules of photography

Composition, some basic rules of photography

Form Validation

Form Validation

Form Validation

1 - Designing A Site

1 - Designing A Site

1 - Designing A Site

Personality Emotion

Personality Emotion

Personality Emotion

Personality Emotion

Personality Emotion

Personality Emotion

Information Design

Information Design

Information Design

Interaction Design

Interaction Design

Interaction Design

Colour

Web Functionality

Web Functionality

Web Functionality

Content for the Web

Content for the Web

Content for the Web

What Is Interaction Design

What Is Interaction Design

What Is Interaction Design

Recently uploaded

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93

Automating Google Workspace (GWS) & more with Apps Script

Automating Google Workspace (GWS) & more with Apps Script

Automating Google Workspace (GWS) & more with Apps Scriptwesley chun

Exploring the Future Potential of AI-Enabled Smartphone Processors

Exploring the Future Potential of AI-Enabled Smartphone Processors

Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2

Real Time Object Detection Using Open CV

Real Time Object Detection Using Open CV

Real Time Object Detection Using Open CVKhem

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodJuan lago vázquez

Top 10 Most Downloaded Games on Play Store in 2024

Top 10 Most Downloaded Games on Play Store in 2024

Top 10 Most Downloaded Games on Play Store in 2024SynarionITSolutions

Partners Life - Insurer Innovation Award 2024

Partners Life - Insurer Innovation Award 2024

Partners Life - Insurer Innovation Award 2024The Digital Insurer

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software

How to Troubleshoot Apps for the Modern Connected Worker

How to Troubleshoot Apps for the Modern Connected Worker

How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes

Tata AIG General Insurance Company - Insurer Innovation Award 2024

Tata AIG General Insurance Company - Insurer Innovation Award 2024

Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...apidays

MINDCTI Revenue Release Quarter One 2024

MINDCTI Revenue Release Quarter One 2024

MINDCTI Revenue Release Quarter One 2024MIND CTI

Strategies for Landing an Oracle DBA Job as a Fresher

Strategies for Landing an Oracle DBA Job as a Fresher

Strategies for Landing an Oracle DBA Job as a FresherRemote DBA Services

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer

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, Adobe

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobeapidays

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 2024

The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j

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?Igalia

Recently uploaded (20)

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Automating Google Workspace (GWS) & more with Apps Script

Automating Google Workspace (GWS) & more with Apps Script

Automating Google Workspace (GWS) & more with Apps Script

Exploring the Future Potential of AI-Enabled Smartphone Processors

Exploring the Future Potential of AI-Enabled Smartphone Processors

Exploring the Future Potential of AI-Enabled Smartphone Processors

Real Time Object Detection Using Open CV

Real Time Object Detection Using Open CV

Real Time Object Detection Using Open CV

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Top 10 Most Downloaded Games on Play Store in 2024

Top 10 Most Downloaded Games on Play Store in 2024

Top 10 Most Downloaded Games on Play Store in 2024

Partners Life - Insurer Innovation Award 2024

Partners Life - Insurer Innovation Award 2024

Partners Life - Insurer Innovation Award 2024

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

How to Troubleshoot Apps for the Modern Connected Worker

How to Troubleshoot Apps for the Modern Connected Worker

How to Troubleshoot Apps for the Modern Connected Worker

Tata AIG General Insurance Company - Insurer Innovation Award 2024

Tata AIG General Insurance Company - Insurer Innovation Award 2024

Tata AIG General Insurance Company - Insurer Innovation Award 2024

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

MINDCTI Revenue Release Quarter One 2024

MINDCTI Revenue Release Quarter One 2024

MINDCTI Revenue Release Quarter One 2024

Strategies for Landing an Oracle DBA Job as a Fresher

Strategies for Landing an Oracle DBA Job as a Fresher

Strategies for Landing an Oracle DBA Job as a Fresher

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

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, Adobe

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

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 2024

The 7 Things I Know About Cyber Security After 25 Years | April 2024

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

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?

Week 4 - A Visual Contrasts

1. IMD09117 and IMD09118 Web Design and Development Unit 4 Visual contrasts and perceptual organisation

2.

3.

4.

5. Visual contrasts Version A Unit 4 ©2008 Napier University Size, dimension or scale

6. Visual contrasts Version A Unit 4 ©2008 Napier University Value, relative lightness or darkness

7.

8. Visual contrasts Version A Unit 4 ©2008 Napier University Hue and saturation

9. Visual contrasts Version A Unit 4 ©2008 Napier University Orientation or direction

10. Visual contrasts Version A Unit 4 ©2008 Napier University Texture

11. Visual contrasts Version A Unit 4 ©2008 Napier University Shape

12. Visual contrasts Version A Unit 4 ©2008 Napier University Position

13.

14.

15.

16.

17.

18.

19. Effective visual variables Version A Unit 4 ©2008 Napier University K N K M K Z K K Z Z Z K N M N K

20. Effective visual variables Version A Unit 4 ©2008 Napier University K N K M K Z K K Z Z Z K N M N K

21.

22.

23. Effective visual variables Version A Unit 4 ©2008 Napier University Ordered perception

24.

25.

26.

27.

28.

29.

30. Perceptual organisation Version A Unit 4 ©2008 Napier University Proximity

31. Perceptual organisation Version A Unit 4 ©2008 Napier University Proximity

32. Perceptual organisation Version A Unit 4 ©2008 Napier University Similarity

33. Perceptual organisation Version A Unit 4 ©2008 Napier University Similarity

34. Perceptual organisation Version A Unit 4 ©2008 Napier University Similarity

35. Perceptual organisation Version A Unit 4 ©2008 Napier University Similarity

36. Perceptual organisation Version A Unit 4 ©2008 Napier University Continuity of direction

37. Perceptual organisation Version A Unit 4 ©2008 Napier University Continuity of direction

38. Perceptual organisation Version A Unit 4 ©2008 Napier University Closure

39. Perceptual organisation Version A Unit 4 ©2008 Napier University Closure

40. Perceptual organisation Version A Unit 4 ©2008 Napier University Closure

41. Perceptual organisation Version A Unit 4 ©2008 Napier University Common fate

42. Perceptual organisation Version A Unit 4 ©2008 Napier University Experience E

43. Perceptual organisation Version A Unit 4 ©2008 Napier University Experience E

44. Perceptual organisation Version A Unit 4 ©2008 Napier University Experience

45.

46.