Get awesome design content in your inbox each week
2 minutes, 41 seconds
Your article has been created in English language
BLSZB ✓ PZEhC
It’s up to UX designers to employ color blind-friendly palettes adapted and configured to accommodate the multiple varieties of colorblindness. Check out this post from the Pinterest Engineering team on the ways they approach CVD accessibility on their predominantly visual platform. by drafting your designs in greyscale first, you’re ensuring a focus on usability and clear navigation more than getting the color of that CTA button just right.
North Platte High School (Nebraska)Bernice KentnerQuattronPlatte County High SchoolLakeview Junior-Senior High School (Nebraska)Platte Canyon High School
Text downloadPDF download
Monochromatic: different shades and depths of a single hue. These can be the simplest color schemes to create, as they’re all taken from the same color. This makes it harder (but not impossible) to create a jarring or ugly scheme. Be careful, though; monochromatic palettes can be boring when done poorly. Analogous: A main color and the colors from either side of it on the color wheel. These palettes typically do a great job of expressing consistency and uniformity within design. They’re also easy to work with because there isn’t a large differentiation in hue. Instead, contrast is struck primarily through the variations in color shade, limiting any distraction away from content. Complementary: Complementary or opposite colors from the color wheel (like red and green, blue and orange, etc.). complementary palettes are great for communicating a sense of balance. like analogous palettes, adding various tints and shades can expand these schemes. This is especially helpful in avoiding the glaring contrast that can create eyestrain when two opposing colors are placed next to each other. Triadic: Three colors from equidistant points on the color wheel (like red, yellow, and blue). The triadic method creates a more diverse palette. This takes a little more planning and experimentation because it involves a larger number of hues that oppose each other. For more information about what certain colors mean, check out this post over at the Canva blog. A note about accessibility One challenge that UX designers have to keep in mind is meeting the needs of site visitors with color blindness or color vision deficiency (CVD). This condition affects more than eight percent of men and about zero point five percent of women of Northern European ancestry. It’s up to UX designers to employ color blind-friendly palettes adapted and configured to accommodate the multiple varieties of colorblindness. Check out this post from the Pinterest Engineering team on the ways they approach CVD accessibility on their predominantly visual platform. three tips to get you started Start with greyscale. by drafting your designs in greyscale first, you’re ensuring a focus on usability and clear navigation more than getting the color of that CTA button just right. Force yourself to focus on laying out elements and optimizing white space. A clean hierarchy of type and elements will go a long way towards generating the best user experience. Use the 60-30-10 rule. Use your colors in a 60% + 30% + 10% proportion. This old interior design rule is meant to give balance to your colors. The formula works because it allows the eye to move comfortably from one focal point to the next. It’s also incredibly simple to use: 60% is your dominant hue, 30% is your secondary color, and 10% is for an accent color. Even if your palette has more than three colors (but please, no more than five), keeping things in balance will be cleaner to the eye and more comfortable for your users’ brains. The best color combinations come from nature. They will always look natural. The best thing about looking to the environment for design solutions is that the palette is always changing. Sunrises, sunsets, beach scenes… these all have unique palettes that can be adapted to suit your needs. This free text article has been written automatically with the Text Generator Software https://www.artikelschreiber.com/en/ - Try it for yourself!
Sign up for more news about the future of ArtikelSchreiber.com!