This is a presentation about what does it mean to use colors when creating user interfaces. It covers Colors Theory, Colors Psychology, Color combinations, and mobile platforms colors. At the end, there is an exercise.

1. Welcome to a course about
user interface design
UI COURSE

2. s
UI COURSE
Colors
Fonts
Icons
Shapes

3. UI COURSE
By the end of this course
you should be able to:
Understand and create a balanced
and functional color palette
Create and identify
proper icons
Define a set of compatible
and usable fonts
Create and use
various UI shapes

4. INDEX
Colors
COLORS

5. INDEX
Content:
1.Introduction 2.The Basics:
Understanding colors
3.Color inspiration
4.The psychology of
color
5.Color in design
6.Colors for mobile
platforms

6. INDEX
Introduction
INTRO

8. COLOR INTRO
SUBJECTIVE SCIENTIFIC
Choosing a color can be:

9. COLOR INTRO
Mood Emotions
Colors can influence:
Perceptions Attention

10. COLOR INTRO
Attractive colors Efficient colors
Keep the balance:

11. COLOR
The basics:
Understanding color
UNDERSTANDING COLOR

12. COLOR INTRO
The color theory

13. COLOR UNDERSTANDING COLOR
RED
Primary colors:
YELLOW
BLUE

14. COLOR UNDERSTANDING COLOR
ORANGE
Secondary colors:
GREEN
PURPLE

15. COLOR UNDERSTANDING COLOR
Tertiary colors:
RED-ORANGE
YELLOW-ORANGE
YELLOW-GREEN
BLUE-GREEN
BLUE-PURPLE
PURPLE-RED

16. COLOR UNDERSTANDING COLOR
Colors of the rainbow
ROY G BIV

17. COLOR UNDERSTANDING COLOR
Subtractive model
PAINTS INKS CMYK

18. COLOR UNDERSTANDING COLOR
Additive model
MONITORS COLORED LIGHT RGB HEXADECIMAL

19. COLOR UNDERSTANDING COLOR
CMYK & RGBW
PAPER
DIGITAL

20. COLOR UNDERSTANDING COLOR
Color terms:
HUE SHADE TONE
TINT SATURATION VALUE

21. COLOR UNDERSTANDING COLOR
Color harmony:
POST IMPRESSIONISM
ART NOUVEAU
POP ART

22. COLOR UNDERSTANDING COLOR
Color harmony:
DOMINANT COLORS
ACCENT COLORS

23. COLOR UNDERSTANDING COLOR
Color harmony:
MONOCHROMATIC

24. COLOR UNDERSTANDING COLOR
Color harmony:
ANALOGOUS

25. COLOR UNDERSTANDING COLOR
Color harmony:
COMPLEMENTARY

26. COLOR UNDERSTANDING COLOR
Color harmony:
SPLIT-COMPLEMENTARY

27. COLOR UNDERSTANDING COLOR
Color harmony:
TRIADIC

28. COLOR UNDERSTANDING COLOR
Color harmony:
TETRADIC

29. COLOR
Color inspiration
COLOR INSPIRATION

30. INDEX COLOR INSPIRATION
Nature

31. INDEX COLOR INSPIRATION
Fire

32. INDEX COLOR INSPIRATION
Water

33. INDEX COLOR INSPIRATION
Additional color categories
WARM - COLD
VIVID - FADED
DARK - BRIGHT

34. COLOR
The psychology
of color
THE PSYCHOLOGY OF COLOR

35. COLOR THE PSYCHOLOGY OF COLOR
Red
DANGER
BLOOD
HEART
ENERGY

36. COLOR THE PSYCHOLOGY OF COLOR
Orange
WARMTH
HARVEST
OPTIMISM
FORTUNE

37. COLOR THE PSYCHOLOGY OF COLOR
Yellow
SUNSHINE
FRESHNESS
HAPPINESS
FRIENDLINESS

38. COLOR THE PSYCHOLOGY OF COLOR
Green
NATURE
LIFE
GROWTH
SPRING

39. COLOR THE PSYCHOLOGY OF COLOR
Blue
SKY
PEACE
SEA - OCEAN
CALM

40. COLOR THE PSYCHOLOGY OF COLOR
Purple
ROYALTY
HONOR
MAJESTY
WEALTH

41. COLOR THE PSYCHOLOGY OF COLOR
Black
POWER
SADNESS
LUXURY
EVIL

42. COLOR THE PSYCHOLOGY OF COLOR
White
LIGHT
PURITY
SNOW
PERFECTION

43. COLOR
Color in design
COLOR IN DESIGN

44. COLOR COLOR IN DESIGN
White balance
LESS COLORS
CONTRAST
READABILITY
MOOD
COMBINATIONS

45. COLOR COLOR IN DESIGN
Rule of thumb
3 COLORS
60-30-10

46. COLOR
Colors on mobile
platforms
COLORS ON MOBILE PLATFORMS

47. COLOR COLORS ON MOBILE PLATFORMS
Mobile platforms
Android iOS

48. COLOR COLORS ON MOBILE PLATFORMS
Material Design

49. COLOR COLORS ON MOBILE PLATFORMS
HIG

50. COLOR
Mobile apps colors
MOBILE APPS COLORS

51. COLOR COLORS ON MOBILE PLATFORMS
Facebook (mono)
Blue
White

52. COLOR COLORS ON MOBILE PLATFORMS
Google (tetra)
Blue
Green
Orange
Red

53. COLOR COLORS ON MOBILE PLATFORMS
Viber (mono)
Purple
Lila
Violet

54. COLOR COLORS ON WEB PLATFORMS

55. COLOR
Exercise
EXERCISE

56. COLOR EXERCISE
Medical app
Medical practitioners database

57. COLOR
Take Away
TAKE AWAY

58. COLOR TAKE AWAY
Useful links
Material Design Guidelines
HIG Apple Guidelines
Color theory
Colour lovers
Coolors generator
Color Tool Material Design

59. COLOR
Thank you
QUESTIONS