Enviar búsqueda
Cargar
Web Design Color Theory
•
Descargar como PPT, PDF
•
2 recomendaciones
•
1,046 vistas
Título mejorado por IA
Graeme Smith
Seguir
Educación
Tecnología
Empresariales
Denunciar
Compartir
Denunciar
Compartir
1 de 48
Descargar ahora
Recomendados
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
Recomendados
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
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
chloefrazer622
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
Celine George
Más contenido relacionado
Más de 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
Más de 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
Último
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
chloefrazer622
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
Celine George
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
Jayanti Pande
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
VS Mahajan Coaching Centre
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
Celine George
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Krashi Coaching
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
National Information Standards Organization (NISO)
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
GeoBlogs
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology ( Production , Purification , and Application )
Sakshi Ghasle
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
manuelaromero2013
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
TechSoup
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
Maestría en Comunicación Digital Interactiva - UNR
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
iammrhaywood
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
Marc Dusseiller Dusjagr
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
nomboosow
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
PECB
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
Steve Thomason
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Sapana Sha
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
NirmalaLoungPoorunde1
Último
(20)
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology ( Production , Purification , and Application )
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
Web Design Color Theory
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
Descargar ahora