www.t-design.center
Colors
Principles & Tips
2
Content
1. Color Scheme
2. Rules for choosing color
• Introduction
• Color Scheme
3. TIPs
4. Tools
3
1. COLOR SCHEME
4
Introduction
• Color Schemes: a combination of colors
• Color Wheel is an important tool in creating color
schemes.
5
Color Scheme
Monochromatic
One color in varying shades
Analogous
Groups of three colors that
are next to each other
Complementary
Colors that are opposite on the
color wheel
6
2. RULES FOR
CHOOSING COLOR
7
1. Rule #1: 60-30-10
• The primary color should cover about 60% of the
space and create the overall unifying theme of the
design.
• The 30% should contrast with the 60% to create a
visually striking effect.
• The 10% is an ‘accent color’, which should complement
either your primary or secondary color.
8
Example for Rule #1
9
2. Rule #2: Less is more
10
3. TIPs
1. Don't stick with presets
2. Start with one color you like
3. Save your color schemes
4. Practice makes perfect
11
1. Don't stick with presets
Almost every program you use will automatically
give you preset colors. Get past the presets and
explore color on your own. Don't let the program
decide how you use color in your design.
12
2. Start with one color you like
Every time I design something, I start with one
color and build the color scheme from there. If you
try and start with more than one color, you'll have
a harder time finding harmony between your
colors.
13
2. Start with one color you like
#1 - Use logo, branding color
14
2. Start with one color you like
#2- Think about your target audience
Who will use the website and how you want them to feel?
15
2. Start with one color you like
#3- Word game
Play word game to find the best color
16
3. Save your color schemes
If you find a color scheme you like, it'll probably be
useful to you later. I wouldn't suggest using the
same color scheme for every chart or graphic you
create, but you can always use different schemes
in different ways later on.
17
4. Practice makes perfect.
The more you play with color and practice design,
the better you get. No one creates their
masterpiece the first time around.
18
4. TOOLS
• Dribbble.com/color
• Designspiration
• http://uigradients.com
• http://www.lolcolors.com/
• https://www.design-seeds.com/
THANK YOU!
+ 1 802-735-1392
+ 61 414-734-277
+81 3-6432-4994
www.tmasolutions.com
North America number:
Australia number:
Japan number:
Website:
+84 8 3997-8000 Ext: 5639
+84 908-676-212
+84 8 3990-3303
sales@tmasolutions.com
Tel:
Mobile:
Fax:
Email:

More Related Content

PPTX
Ao2 experimenting support book
PPTX
Game of life
PPTX
Week 6 and 7 final design slides
PPT
Creating Better Presentations: A practical guide
PPTX
Week 1 mood board and thumbnails
PPT
Final art exam designs 2017
PDF
Macrotendencias 2012
PDF
SOFIA Early Science with FORCAST
Ao2 experimenting support book
Game of life
Week 6 and 7 final design slides
Creating Better Presentations: A practical guide
Week 1 mood board and thumbnails
Final art exam designs 2017
Macrotendencias 2012
SOFIA Early Science with FORCAST

Viewers also liked (20)

PPT
Color Trends 2011+
PDF
Blush - Color Trend
PDF
Colour futures 2010
PDF
F trend - top outerwear color trend at nyfw aw16
PDF
PORTFOLIO RESUME
PDF
Colour futures 2012
PDF
Hfn Online
PDF
Cersaie 2014 camila lamberti
PDF
Textile Forcast Menswear A/W 2016
PPT
Chronological development of fashion trend worldwide
PDF
Flower Color Trends - Spring 2013
PDF
ROCKPANEL - Rockpanel assortiment
PPTX
Los colores mimúscula
PDF
Microban e duratex
PDF
Duratex - Apresentação Corporativa 2T11
PDF
Paint Color Trends for 2014
PPTX
Pantone color trends 2017- By Lee Eiseman
PDF
Colour 1
PPTX
Seasonal Trends
PDF
Cersaie por VivienTotis
Color Trends 2011+
Blush - Color Trend
Colour futures 2010
F trend - top outerwear color trend at nyfw aw16
PORTFOLIO RESUME
Colour futures 2012
Hfn Online
Cersaie 2014 camila lamberti
Textile Forcast Menswear A/W 2016
Chronological development of fashion trend worldwide
Flower Color Trends - Spring 2013
ROCKPANEL - Rockpanel assortiment
Los colores mimúscula
Microban e duratex
Duratex - Apresentação Corporativa 2T11
Paint Color Trends for 2014
Pantone color trends 2017- By Lee Eiseman
Colour 1
Seasonal Trends
Cersaie por VivienTotis
Ad

Similar to Colors: Principles and Tips (20)

PPTX
Color Theory Fundamentals for Every Web Designer
PDF
The Importance of Color in Mobile App Design
PDF
Q2_Lesson_Dealing-with-Colors.pdf.quarter2
PDF
Guide to Choosing Color Combinations
PPTX
Color theory
PDF
Understanding Color
PPTX
PDF
Understanding color
PPTX
Beautiful Web Design
PPTX
GRAPHIC DESIGN.pptx Graphic Designing, Typography and Colors, Common Types of...
PPT
Things to consider when designing websites
PPTX
Design Basics and Color
PDF
flat design and colors
PPTX
Basic Principles Of Graphics and Layout
PPTX
Color theory In UI
PPTX
Color & Color Theory PowerPoint Presentation
PPTX
Tone & Colour in Design
PDF
Ui course
PPT
Rules of thumb for using colour in your content
PDF
Desain Grafis 3 - Color
Color Theory Fundamentals for Every Web Designer
The Importance of Color in Mobile App Design
Q2_Lesson_Dealing-with-Colors.pdf.quarter2
Guide to Choosing Color Combinations
Color theory
Understanding Color
Understanding color
Beautiful Web Design
GRAPHIC DESIGN.pptx Graphic Designing, Typography and Colors, Common Types of...
Things to consider when designing websites
Design Basics and Color
flat design and colors
Basic Principles Of Graphics and Layout
Color theory In UI
Color & Color Theory PowerPoint Presentation
Tone & Colour in Design
Ui course
Rules of thumb for using colour in your content
Desain Grafis 3 - Color
Ad

More from T-Design Center (7)

PPTX
Basic types of buttons in user interfaces
PPTX
Optical Effects in User Interfaces
PPTX
Ux design process in product development
PDF
Gestalt Principles in UI Design
PDF
How to design for Colorblind User ?
PDF
Do you know about Frontify?
PPTX
Frontify
Basic types of buttons in user interfaces
Optical Effects in User Interfaces
Ux design process in product development
Gestalt Principles in UI Design
How to design for Colorblind User ?
Do you know about Frontify?
Frontify

Recently uploaded (20)

PPTX
WHY UPLOADING IS IMPORTANT TO DOWNLOAD SLIDES.pptx
PDF
1 Introduction to Networking (06).pdfbsbsbsb
PDF
Social Media USAGE .............................................................
PPT
416170345656655446879265596558865588.ppt
PPTX
Project_Presentation Bitcoin Price Prediction
PPTX
Drafting equipment and its care for interior design
PPTX
Applied Anthropology Report.pptx paulapuhin
PPTX
Drawing as Communication for interior design
PDF
Designing Through Complexity - Four Perspectives.pdf
PDF
IARG - ICTC ANALOG RESEARCH GROUP - GROUP 1 - CHAPTER 2.pdf
PPTX
ACL English Introductionadsfsfadf 20200612.pptx
PPTX
URBAN FINANCEnhynhynnnytnynnnynynyynynynyn
PPTX
8086.pptx microprocessor and microcontroller
PDF
Humans do not die they live happily without
PDF
Pfthuujhgdddtyygghjjiuyggghuiiiijggbbhhh
PDF
analisis snsistem etnga ahrfahfffffffffffffffffffff
PDF
Control and coordination isdorjdmdndjke
PPTX
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
PDF
2025CategoryRanking of technology university
PPTX
Bitcoin predictor project presentation
WHY UPLOADING IS IMPORTANT TO DOWNLOAD SLIDES.pptx
1 Introduction to Networking (06).pdfbsbsbsb
Social Media USAGE .............................................................
416170345656655446879265596558865588.ppt
Project_Presentation Bitcoin Price Prediction
Drafting equipment and its care for interior design
Applied Anthropology Report.pptx paulapuhin
Drawing as Communication for interior design
Designing Through Complexity - Four Perspectives.pdf
IARG - ICTC ANALOG RESEARCH GROUP - GROUP 1 - CHAPTER 2.pdf
ACL English Introductionadsfsfadf 20200612.pptx
URBAN FINANCEnhynhynnnytnynnnynynyynynynyn
8086.pptx microprocessor and microcontroller
Humans do not die they live happily without
Pfthuujhgdddtyygghjjiuyggghuiiiijggbbhhh
analisis snsistem etnga ahrfahfffffffffffffffffffff
Control and coordination isdorjdmdndjke
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
2025CategoryRanking of technology university
Bitcoin predictor project presentation

Colors: Principles and Tips

  • 2. 2 Content 1. Color Scheme 2. Rules for choosing color • Introduction • Color Scheme 3. TIPs 4. Tools
  • 4. 4 Introduction • Color Schemes: a combination of colors • Color Wheel is an important tool in creating color schemes.
  • 5. 5 Color Scheme Monochromatic One color in varying shades Analogous Groups of three colors that are next to each other Complementary Colors that are opposite on the color wheel
  • 7. 7 1. Rule #1: 60-30-10 • The primary color should cover about 60% of the space and create the overall unifying theme of the design. • The 30% should contrast with the 60% to create a visually striking effect. • The 10% is an ‘accent color’, which should complement either your primary or secondary color.
  • 9. 9 2. Rule #2: Less is more
  • 10. 10 3. TIPs 1. Don't stick with presets 2. Start with one color you like 3. Save your color schemes 4. Practice makes perfect
  • 11. 11 1. Don't stick with presets Almost every program you use will automatically give you preset colors. Get past the presets and explore color on your own. Don't let the program decide how you use color in your design.
  • 12. 12 2. Start with one color you like Every time I design something, I start with one color and build the color scheme from there. If you try and start with more than one color, you'll have a harder time finding harmony between your colors.
  • 13. 13 2. Start with one color you like #1 - Use logo, branding color
  • 14. 14 2. Start with one color you like #2- Think about your target audience Who will use the website and how you want them to feel?
  • 15. 15 2. Start with one color you like #3- Word game Play word game to find the best color
  • 16. 16 3. Save your color schemes If you find a color scheme you like, it'll probably be useful to you later. I wouldn't suggest using the same color scheme for every chart or graphic you create, but you can always use different schemes in different ways later on.
  • 17. 17 4. Practice makes perfect. The more you play with color and practice design, the better you get. No one creates their masterpiece the first time around.
  • 18. 18 4. TOOLS • Dribbble.com/color • Designspiration • http://uigradients.com • http://www.lolcolors.com/ • https://www.design-seeds.com/
  • 19. THANK YOU! + 1 802-735-1392 + 61 414-734-277 +81 3-6432-4994 www.tmasolutions.com North America number: Australia number: Japan number: Website: +84 8 3997-8000 Ext: 5639 +84 908-676-212 +84 8 3990-3303 sales@tmasolutions.com Tel: Mobile: Fax: Email: