Accent color ui design3/23/2023 Their search by color feature makes it simple to get ideas for how other designers are using specific colors in their designs.Ĭoolors is a great place to browse popular color palettes and quickly copy them into designs. It utilizes an algorithm that creates palettes that are accessible and aesthetically pleasing.ĭribbble is my favorite place to get UI inspiration. This is the best tool I know of for color palette generation. Color Tool Material Design (scroll near the bottom to find it).The blurred image will give me a better idea of the hierarchy, and if I’m using too much color. I also like to take a few steps back from my interface and squint my eyes. Similar to tips I’ve mentioned previously, like using color sparingly to add emphasis and reinforce branding, 60–30–10 is a rough tool for ensuring we don’t go over the top with color. This formula works because it creates a sense of balance and allows the eye to move comfortably from one focal point to the next.” The 60% + 30% + 10% proportion is meant to give balance to the colors. “This interior design rule is a timeless decorating technique that can help you put a color scheme together easily. I first learned about this concept from Wojciech Zieliński article, How to use colors in UI Design: MeaningĦ0% is your dominant color, 30% is a secondary color, and 10% is for accent color. We can get away with this when we’re trying to score Dribbble likes, but it’s not a good practice when developing a product for real humans. ADA compliance is one of such constraints. Often we’re trying to design what looks good and neglect to consider the different users that will be interacting with our product.Īs I’ve matured as a designer, I’ve come to terms with all the various constraints that will undermine my idea of perfect design. You can also simulate color blindness and adjust as needed with their plugin. To ensure you’re meeting these standards, download Stark which will check if your designs are accessible or not. For example, their standard for text requires at least a 4.5:1 contrast ratio. ![]() ![]() Web Content Accessibility Guidelines (WCAG) have recommendations to ensure colors in our interface are accessible to people with motor, auditory, and cognitive disabilities. Don’t be like Domino’s, design for accessibility. Just ask Domino’s, they were sued by a blind man who could not access their website because it wasn’t accessible. Designing a product is similar to building a public building like a library or a school - it needs to be inclusive to all.
0 Comments
Leave a Reply.AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |