Use these color swatches to ensure that you are using the correct colors -- do not use the eyedropper tool to select colors. The primary colors consist of the following colors and their corresponding shades and tints.
When designing and developing, use only the following primary colors for a majority of the product's interface. The majority of a UI will use the grayscale palette for best contrast and visibility Use for general UI and backgrounds. Tints and shades of this specific blue are used to guide users to interactive elements and states.
Use these sparingly to not distract from the main function of the product. When choosing a palette, select colors that reinforce the brand identity of your product. Be consistent across designs to increase brand recognition with your users.
Color palettes limited to a few colors help users make quick associations with forms and elements on the screen, and can make your product more usable. Click a color to see the HEX value. Primary colors make up a majority of the product's interface and are used to define structure. The majority of a UI will use the grayscale palette for best contrast and visibility. Choose colors that correspond with the severity of the message. It should not alarm or threaten users, but instead motivate them to take action.
These colors should be used sparingly. AAA requires a contrast ratio of for normal text and 4. All patternfly fonts must adhere to AAA standards. More details on contrast ratios are at WCAG 2.
Lisa Glanz loves the combinations of mustard, brown, cream pink, blush and mint and everything that has that 70s vibe.
Download Color Palette. Kris Lauren tends to gravitate towards cooler colors and mostly goes for the pink, purple, and blue side of the color wheel, and prefers muted tones. She admits that she rarely uses vibrant colors like orange, unless they are necessary. She is constantly inspired by the latest fashion trends, and she recently created this earthy palette which she shared with her Instagram audience.
I often will use the eyedropper tool and adjust the sample size up to a larger radius to get a better color than if I just sample an individual point.
She will use this palette in most of her work, as these are happy colors and remind her of sunshine. For illustrations, you should have a minimum of two values for each hue. But three is what I like to use most, and four values will give you really great gradations for the eyes to rest on. In particular, turquoises. If I start a design without an idea of the color, I will almost always add turquoise and take it from there!
Julia Dreams uses mostly pastels and muted colors in her work, but she likes to experiment with other colors too. She admits that some color palettes take more time to create than others, but sometimes she knows exactly what colors she likes to use. For her brand, Holly Pixels likes to use soft pastel tones and she tends to stick to these when she creates work for her Instagram feed or her own products, like the enamel pins and stickers.
For other products, like the ones she is making for her digital planners, she loves more vibrant colors and admits she rarely goes for dark and muted colors. So, if I choose a pink I tend to pick one or two other shades of that, so I have options for shading my illustrations.
Photographs in lifestyle books and magazines are also a great resource when I need to actively get some inspiration. Meg Ladoodle really likes bright, vibrant colors which can be seen in her example below. That way you can use the colour palette combined with your own style to create something new and unique. We hope you enjoy them! Thanks so much for the comment on this tutorial : We hope that it really helps with your own work!
0コメント