Ui course
0 likes127 views
This document outlines a course on user interface (UI) design focusing on color, fonts, icons, and shapes. It covers topics such as color theory, the psychology of color, and practical applications for mobile platforms. By the end of the course, participants will be equipped to create effective and usable UI designs.
Ui course
- 1. Welcome to a course about user interface design UI COURSE
- 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
- 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
- 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:
- 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
- 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
- 56. COLOR EXERCISE Medical app Medical practitioners database
- 58. COLOR TAKE AWAY Useful links Material Design Guidelines HIG Apple Guidelines Color theory Colour lovers Coolors generator Color Tool Material Design