Wojciech ZielińskiF translated by Norman Hu

Prototypr. IO /how-to-use-…

Reprint please indicate the source, thank you for your understanding and support.



Color, like anything else, needs to be just right. You’ll get better results if you stick to a maximum of three primary colors in your color scheme. When applying color to a design project, the more colors you use, the harder it is to maintain color balance.


Color doesn’t add to the quality of the design – it just adds to the sense of quality

Pierre Bonnard


If you need colors other than those defined in the palette, use lightness and tone to adjust. They will provide different color tones to match it.



60-30-10 rules

Interior design rules are a timeless decorating technique that helps you easily put color schemes together. The 60% + 30% + 10% ratio is for color balance. This formula is very useful because it creates a sense of balance and allows the eye to move comfortably from one focus to another. It’s also very simple to use.

60% for primary, 30% for secondary and 10% for accent.


Wall paint (60%), furniture (30%), accessories (10%)


Meaning of color



For centuries, scientists have studied the physiological effects of certain colors. In addition to aesthetics, color is also a creator of emotional communication. The meaning of color may vary from culture to culture. That’s why you see fashion stores with black and white designs. They want to look elegant and dignified.

Asos uses a pure black and white color scheme with a green button, and there’s a reason for that.



  • Red: Passion, love, danger

  • Blue: calm, responsible, safe

  • Black: mysterious, elegant, evil

  • White: pure, silent, clean

  • Green: fresh, fresh, natural

Consider monochrome design first

In the early stages of a project, it’s often tempting to experiment with different colors, but this can quickly get the best of you, and before you know it, you’ve spent 3 hours tweaking the base colors… It’s tempting, but you should learn to avoid it.

Instead, focus on spacing and overall layout. It will save you a lot of time. This kind of restraint is very effective. On the other hand, it doesn’t look boring. If you want to make the whole thing look better, experiment with different color options.

One of my works on Dribbble. Simple monochrome treatment, focusing on the use of elements.

Avoid gray and black

One of the most important color tips I learned was to avoid using unsaturated colors like gray. In real life, pure gray hardly exists. The same is true of black.

The blackest color in this image is not # 000, but # 0A0A10


Always remember to saturate your colors. Subconsciously it will feel more natural and familiar to the user.


Believe that natural

The best color combinations come from nature. They always look natural. The best way to find a color design solution is to always change the color palette.

To get ideas, we just have to look around.




Keep the contrast



Some colors blend with each other, while others clash when used together. As a clear rule, the best way to understand how different colors blend is to look at a color wheel. You should know this method, but there’s no need to do it yourself.



Get inspiration


Dribbble is the best choice when we’re talking about UI references. It also has tools to search by color, so when you want to do visual research on other designers using specific colors, then go here: dribbble.com/colors



Video, print advertising design, interior design, fashion…… There are so many inspiring places to collect. If there is no color reference at all, it must be laziness, save those color palettes and everything looks very interesting.


Usually I like to pick colors from KPOP video clips, they look gorgeous.



Color matching tool recommended



To make it easier, I’ve rounded up some of the best color matching tools to choose from, and they’ll save you a ton of time getting your palette in 2017.



Coolors.co

This is definitely my favorite color picker. You simply lock the selected color and press space to generate the palette. Coolors also lets you upload images and bring up a palette from them. The cool thing is that you don’t just have a result, but a selector that allows you to modify reference points.


Link: https://coolors.co/ (please use the Science Web tool to open)


Kuler



This Adobe color matching tool has been with us for a long time. It is available in both the browser and desktop versions. If you are using the desktop version, you can export the color scheme to Photoshop.


Url: https://color.adobe.com/zh/

Paletton


It is similar to Kuler, but the difference is that you are not limited to 5 hues. This is a great tool to use when you have primary colors and want to use other shades.


Link: http://paletton.com/

(Please use the Science Web tool to open)




Designspiration.net



Imagine that you have your own color scheme idea, but you want to see examples of several color combinations. Designspiration is a great tool. You can select up to 5 colors and search for images that match your query. Really good, not only for finding images with a particular color palette, but also for implementing them in your design.


Url: http://designspiration.net/

(Please use the Science Web tool to open)

ShutterstockLab Spectrum


You may ask: What if I want to search for photos with a color of my choice? Well, Shutterstock has a tool called Spectrum that allows you to search for photos in a particular tone. You don’t even need to subscribe, because small preview images with watermarks will be enough to generate a palette.


Url: https://www.shutterstock.com/labs/spectrum/

(Please use the Science Web tool to open)



Tineye Multicolr



However, if you want to search for color mixes in photos and even specify the amount of each color, then Tineye will help you. This site uses a database of millions of shared images from Flickr.


Link: http://labs.tineye.com/


Final thoughts



Mastering color matching can be a chore, especially in the digital age. The techniques mentioned above will ease the difficulty of finding the right color scheme at work. The best way to learn to create amazing color schemes is to practice, make yourself useful, and use colors with a playful mindset.




The above is all the content of this article, thank you for reading, I hope to help you design, here is Hutuzhen detective.

Click to read the original article, you can view the original author’s following wave home page.