Suche senden
Hochladen
Colour
•
Als PPT, PDF herunterladen
•
2 gefällt mir
•
1,046 views
Graeme Smith
Folgen
Bildung
Technologie
Business
Melden
Teilen
Melden
Teilen
1 von 48
Jetzt herunterladen
Empfohlen
Personality Emotion
Personality Emotion
Graeme Smith
Content for the Web
Content for the Web
Graeme Smith
Flip Book
Flip Book
Graeme Smith
The art of presentations
The art of presentations
Graeme Smith
Typography
Typography
Graeme Smith
The CSS Box Model
The CSS Box Model
Graeme Smith
Typography and grids
Typography and grids
Graeme Smith
Web Typography Fundamentals
Web Typography Fundamentals
markboultondesign
Empfohlen
Personality Emotion
Personality Emotion
Graeme Smith
Content for the Web
Content for the Web
Graeme Smith
Flip Book
Flip Book
Graeme Smith
The art of presentations
The art of presentations
Graeme Smith
Typography
Typography
Graeme Smith
The CSS Box Model
The CSS Box Model
Graeme Smith
Typography and grids
Typography and grids
Graeme Smith
Web Typography Fundamentals
Web Typography Fundamentals
markboultondesign
Project Management - An Introductiuon
Project Management - An Introductiuon
Graeme Smith
Intro to the unit
Intro to the unit
Graeme Smith
Typography, A Presentation
Typography, A Presentation
Graeme Smith
Intro to Game Design
Intro to Game Design
Graeme Smith
Composition, some basic rules of photography
Composition, some basic rules of photography
Graeme Smith
Form Validation
Form Validation
Graeme Smith
1 - Designing A Site
1 - Designing A Site
Graeme Smith
Personality Emotion
Personality Emotion
Graeme Smith
Information Design
Information Design
Graeme Smith
Perspective Principles
Perspective Principles
Graeme Smith
Interaction Design
Interaction Design
Graeme Smith
Web Functionality
Web Functionality
Graeme Smith
Layout Principles
Layout Principles
Graeme Smith
Layout Principles 1
Layout Principles 1
Graeme Smith
What Is Interaction Design
What Is Interaction Design
Graeme Smith
Week 5 - Accessibility
Week 5 - Accessibility
Graeme Smith
Week 5 - Visual Hierarchies
Week 5 - Visual Hierarchies
Graeme Smith
Week 4 - A Visual Contrasts
Week 4 - A Visual Contrasts
Graeme Smith
Week 4 - A User Centred Design
Week 4 - A User Centred Design
Graeme Smith
Week 3 - A Planning Website
Week 3 - A Planning Website
Graeme Smith
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
christianmathematics
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
TechSoup
Weitere ähnliche Inhalte
Mehr von Graeme Smith
Project Management - An Introductiuon
Project Management - An Introductiuon
Graeme Smith
Intro to the unit
Intro to the unit
Graeme Smith
Typography, A Presentation
Typography, A Presentation
Graeme Smith
Intro to Game Design
Intro to Game Design
Graeme Smith
Composition, some basic rules of photography
Composition, some basic rules of photography
Graeme Smith
Form Validation
Form Validation
Graeme Smith
1 - Designing A Site
1 - Designing A Site
Graeme Smith
Personality Emotion
Personality Emotion
Graeme Smith
Information Design
Information Design
Graeme Smith
Perspective Principles
Perspective Principles
Graeme Smith
Interaction Design
Interaction Design
Graeme Smith
Web Functionality
Web Functionality
Graeme Smith
Layout Principles
Layout Principles
Graeme Smith
Layout Principles 1
Layout Principles 1
Graeme Smith
What Is Interaction Design
What Is Interaction Design
Graeme Smith
Week 5 - Accessibility
Week 5 - Accessibility
Graeme Smith
Week 5 - Visual Hierarchies
Week 5 - Visual Hierarchies
Graeme Smith
Week 4 - A Visual Contrasts
Week 4 - A Visual Contrasts
Graeme Smith
Week 4 - A User Centred Design
Week 4 - A User Centred Design
Graeme Smith
Week 3 - A Planning Website
Week 3 - A Planning Website
Graeme Smith
Mehr von Graeme Smith
(20)
Project Management - An Introductiuon
Project Management - An Introductiuon
Intro to the unit
Intro to the unit
Typography, A Presentation
Typography, A Presentation
Intro to Game Design
Intro to Game Design
Composition, some basic rules of photography
Composition, some basic rules of photography
Form Validation
Form Validation
1 - Designing A Site
1 - Designing A Site
Personality Emotion
Personality Emotion
Information Design
Information Design
Perspective Principles
Perspective Principles
Interaction Design
Interaction Design
Web Functionality
Web Functionality
Layout Principles
Layout Principles
Layout Principles 1
Layout Principles 1
What Is Interaction Design
What Is Interaction Design
Week 5 - Accessibility
Week 5 - Accessibility
Week 5 - Visual Hierarchies
Week 5 - Visual Hierarchies
Week 4 - A Visual Contrasts
Week 4 - A Visual Contrasts
Week 4 - A User Centred Design
Week 4 - A User Centred Design
Week 3 - A Planning Website
Week 3 - A Planning Website
Kürzlich hochgeladen
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
christianmathematics
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
TechSoup
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajan
pragatimahajan3
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
RaunakKeshri1
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
chloefrazer622
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
Thiyagu K
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
National Information Standards Organization (NISO)
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
nomboosow
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
Association for Project Management
microwave assisted reaction. General introduction
microwave assisted reaction. General introduction
Maksud Ahmed
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
EduSkills OECD
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
Disha Kariya
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
Sapna Thakur
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
dawncurless
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
Admir Softic
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
TechSoup
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
Jayanti Pande
Kürzlich hochgeladen
(20)
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajan
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
microwave assisted reaction. General introduction
microwave assisted reaction. General introduction
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
Colour
1.
IMD09117 and IMD09118
Web Design and Development Unit 8 Colour
2.
Names of colour Version
A Unit 8 ©2008 Napier University Names of colours enter the language slowly We can differentiate millions of shades Names for about thirty colours Colours tend to be acquired in a sequence
3.
Names of colour Version
A Unit 8 ©2008 Napier University All languages have black and white
4.
Names of colour Version
A Unit 8 ©2008 Napier University All languages have black and white Next colour acquired is red
5.
Names of colour Version
A Unit 8 ©2008 Napier University All languages have black and white Next colour acquired is red The next two are green and yellow
6.
Names of colour Version
A Unit 8 ©2008 Napier University All languages have black and white Next colour acquired is red The next two are green and yellow The next is blue
7.
Names of colour Version
A Unit 8 ©2008 Napier University All languages have black and white Next colour acquired is red The next two are green and yellow The next is blue The next is brown
8.
Names of colour Version
A Unit 8 ©2008 Napier University All languages have black and white Next colour acquired is red The next two are green and yellow The next is blue The next is brown The next four are purple, pink,orange and grey
9.
Names of colour Version
A Unit 8 ©2008 Napier University There are cultural differences An African tribe has 6 reds and no green Highland Scots have one word for green and blue Italian 3 blue, French 2 brown Inuit 7 white no brown New Guinea tribe only black and white
10.
Characteristics of colour Version
A Unit 8 ©2008 Napier University Primary colours - red, yellow and blue Secondary colours - green, orange and violet Tertiary colours - primary and adjacent secondary 12 colours making a colour wheel
11.
Characteristics of colour Version
A Unit 8 ©2008 Napier University
12.
Characteristics of colour Version
A Unit 8 ©2008 Napier University Complementary or contrasting colours - opposite on the colour wheel Compete - active and energetic Hard to look at for long periods of time Can create balance Can be used to highlight areas of screen
13.
Characteristics of colour Version
A Unit 8 ©2008 Napier University
14.
Characteristics of colour Version
A Unit 8 ©2008 Napier University Use of contrasting colours is popular in websites http://www.costaricanrentals.com/
15.
Characteristics of colour Version
A Unit 8 ©2008 Napier University Harmonious or analogous colours lie near each other on colour wheel Pleasing and tranquil Adding more colours nearby can add more complexity http://www.lukew.com/kdtu/ http://www.metisassoc.com/main/index.htm http://newark1.com/castlepoint1/
16.
Characteristics of colour Version
A Unit 8 ©2008 Napier University Monotones use a single neutral colour such as grey or beige in varying tints and shades. Tints add white, shades add black http://www.thewhitecompany.com/
17.
Characteristics of colour Version
A Unit 8 ©2008 Napier University Monochromatic schemes use one colour Hard to create interest http://www.linkdup.com/ http://www.bbc.co.uk/science/humanbody/mind/ http://www.worqx.com/color/palette.htm http://www.colorschemer.com/
18.
Perceiving colour Version A
Unit 8 ©2008 Napier University Retina made up of rods and cones Rods are light sensitive Cones (blue, green, red) see colour Colour difference green and red then between yellow and blue then all three for luminescence
19.
Perceiving colour Version A
Unit 8 ©2008 Napier University
20.
Perceiving colour Version A
Unit 8 ©2008 Napier University Looks at colours in relation to their background
21.
Perceiving colour Version A
Unit 8 ©2008 Napier University
22.
Perceiving colour Version A
Unit 8 ©2008 Napier University http://members.lycos.nl/amazingart/E/32.html
23.
Perceiving colour Version A
Unit 8 ©2008 Napier University
24.
Perceiving colour Version A
Unit 8 ©2008 Napier University The eye detects edges- boundaries between light and dark Dark characters light background good Colour blindness 8% of men and 1% of women So don’t make colour sole source of info
25.
Perceiving colour Version A
Unit 8 ©2008 Napier University Can you read this text easily? Can you read this text easily? Can you read this text easily? Can you read this text easily?
26.
Perceiving colour Version A
Unit 8 ©2008 Napier University
27.
Perceiving colour Version A
Unit 8 ©2008 Napier University
28.
Colour meanings Version A
Unit 8 ©2008 Napier University Red Orange Yellow Green Blue
29.
Colour meanings Version A
Unit 8 ©2008 Napier University Violet Black White Neutral http://www.mariaclaudiacortes.com/colors/Colors.html
30.
Colour meanings Version A
Unit 8 ©2008 Napier University calming – activating masculine – feminine simple – luxurious cosy – technical functional – romantic
31.
Colour meanings Version A
Unit 8 ©2008 Napier University static – dynamic spartan – extravagant formal – playful cool – warm carefree - sincere
32.
Colour temperatures Version A
Unit 8 ©2008 Napier University Cool colours: blue, green and violet Blue the coolest Recede and contemplative Good for background
33.
Colour temperatures Version A
Unit 8 ©2008 Napier University Warm colours: red, orange and yellow Orange the warmest Active, dynamic and tend to advance Preferred by children http://www.boxingforfitness.com.au/ http://www.poplabs.com/ http://www.eeleen.com/
34.
Colour temperatures Version A
Unit 8 ©2008 Napier University Violet and green can appear warm or cool depending on what they are next to Most interfaces are cool-coloured Warm colours can cause congestion Warm colours for navigation systems
35.
Colour associations Version A
Unit 8 ©2008 Napier University Market research on washing powder Colour meanings Hotel chain Different cultures http://joehallock.com/edu/COM498/associations.html
36.
Colour associations Version A
Unit 8 ©2008 Napier University The Mexican Cage, Mona Hatoum, 2002. The friendly colours of the cage work in contrast with the unfriendly nature of the cage.
37.
Colour in the
interface Version A Unit 8 ©2008 Napier University Think about contrasting or harmonious Pick dominant colour Limited colour palette adds sophistication and organisation Use accents and colour themes
38.
Colour in the
interface Version A Unit 8 ©2008 Napier University Depth cueing and layering http://webexhibits.org/colorart/contrast.html
39.
Colour in the
interface Version A Unit 8 ©2008 Napier University
40.
Colour contrasts Version A
Unit 8 ©2008 Napier University Pure colour contrast Warm-cold contrast
41.
Colour contrasts Version A
Unit 8 ©2008 Napier University Simultaneous contrast Quantity contrast
42.
Colour contrasts Version A
Unit 8 ©2008 Napier University Light-dark contrast Complementary contrast
43.
Colour contrasts Version A
Unit 8 ©2008 Napier University Quality contrast
44.
Colour contrasts Version A
Unit 8 ©2008 Napier University Enough contrast between text and foreground Avoid overcontrast
45.
Colour contrasts Version A
Unit 8 ©2008 Napier University Red and blue not good 40% operators suffer eyestrain Colour changes to represent status changes Slower reading from screen colour, font and resolution all effect this
46.
Summary Version A Unit
8 ©2008 Napier University Names of colours enter the language slowly in a strict sequence but with cultural differences. The colour wheel contains primary, secondary and tertiary colours. Complementary colours are on the opposite sides whilst harmonious are close together.
47.
Summary Version A Unit
8 ©2008 Napier University Mono colour schemes are based on tints and shades of one colour only. The eye uses rods and cones to perceive colour. Defective cones can cause colour blindness. Colours have emotions and associations that are personal, cultural and deep-rooted. Colours can be warm or cool.
48.
Summary Version A Unit
8 ©2008 Napier University There should be a dominant colour in your interface design. Layering can be used for depth-cueing. Contrast should be enough but not excessive. Colour contrasts can be by: pure colour, warm-cold, simultaneous, quantity, light-dark, complementary or quality
Jetzt herunterladen