Here are a few pointers to keep in your mind while designing to make your UI more inclusive: There are sections in the population who are visually disabled or suffer from partial forms of impairment like colour-blindness. It would help if you designed keeping in mind that colour cannot be perceived in the same way by everyone. Never discount the accessibility factorĪs a UI designer, you should also be more inclusive. Hence it is always advised to do a contrast check or run your design on separate screens. It can create problems for users to read the text on the page correctly. This is not a general rule, and with UI, things can go wrong if contrast is high. If the contrast is kept at a higher than average level, it makes for easy viewing, but it renders it somewhat bland if it’s kept at a low level. Colours like red, blue and green will convey your message to the user even before.īesides that, colours can aid the viewer in differentiating between text and non-text portions of the page. There are specific colours that have universal symbolic significance.
The key to an excellent UX is knowing whom you are targeting.
#PALETTE COLOR UI HOW TO#
How to Change Photoshop CC User Interface Color Theme The 60% is reserved for your primary colours, 30% for your secondary colours, and the remaining 10% for your accent colours. It works because it brings a certain amount of balance of colours on the screen and enables the user to move smoothly from one CTA to another. Use the 60-30-10 ruleĮven though this is a real-world design rule, it also holds in the world of digital designing. You can use it to validate text fields or checkboxes or in an instant feedback mechanism. Colours are used in highlighting a UI status or as alert information.
These colours help in conveying a particular message to the user. If you are consistent in using similar colours for both your button and links, it will enable the user to understand the interactive elements in the UI better. Using colours to convey meanings and messages The way forward would be to use a colour from a grayscale palette that has the right amount of both colours. White has 100% colour luminance and black as 0%, creating intense contrast and making it difficult for readers to read and navigate. Pure black or pure white can be challenging for your eyes to perceive, especially when displayed on a larger screen. The only thing you should remember in this area is not to use an absolute version of either colour. Find the right combination of whites and blacks These colours are to be chosen with much thought behind them because they might act as your brand’s identifier very soon. Ideally, you should have 2 to 3 primary colours. The primary colour is of paramount importance because it is the most frequently displayed colour on the screen. The first step towards the creation of your UI is the selection of a primary colour. How do I use colours in UI design? Decide on a primary colour
0 kommentar(er)
