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
Concurrency Control in Database Management system
Concurrency Control in Database Management system
Christalin Nelson
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Jemuel Francisco
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
Concurrency Control in Database Management system
Concurrency Control in Database Management system
Christalin Nelson
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Jemuel Francisco
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
Humphrey A Beña
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
Anupkumar Sharma
Active Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdf
Patidar M
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
Conquiztadors- the Quiz Society of Sri Venkateswara College
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
ErwinPantujan2
4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptx
mary850239
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
KayeClaireEstoconing
Food processing presentation for bsc agriculture hons
Food processing presentation for bsc agriculture hons
ManeerUddin
Music 9 - 4th quarter - Vocal Music of the Romantic Period.pptx
Music 9 - 4th quarter - Vocal Music of the Romantic Period.pptx
leah joy valeriano
Global Lehigh Strategic Initiatives (without descriptions)
Global Lehigh Strategic Initiatives (without descriptions)
cama23
ROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptx
VanesaIglesias10
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
Nguyen Thanh Tu Collection
Visit to a blind student's school🧑🦯🧑🦯(community medicine)
Visit to a blind student's school🧑🦯🧑🦯(community medicine)
lakshayb543
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
JojoEDelaCruz
Integumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.ppt
shraddhaparab530
Raw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptx
Ashokrao Mane college of Pharmacy Peth-Vadgaon
Keynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-design
MIPLM
Karra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptx
AshokKarra1
Último
(20)
Concurrency Control in Database Management system
Concurrency Control in Database Management system
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
Active Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdf
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptx
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
Food processing presentation for bsc agriculture hons
Food processing presentation for bsc agriculture hons
Music 9 - 4th quarter - Vocal Music of the Romantic Period.pptx
Music 9 - 4th quarter - Vocal Music of the Romantic Period.pptx
Global Lehigh Strategic Initiatives (without descriptions)
Global Lehigh Strategic Initiatives (without descriptions)
ROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptx
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
Visit to a blind student's school🧑🦯🧑🦯(community medicine)
Visit to a blind student's school🧑🦯🧑🦯(community medicine)
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
Integumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.ppt
Raw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptx
Keynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-design
Karra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.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