More saturated colours are vibrant and less saturated ones are more dull. This term relates to the purity of the colour. The value refers to how light or dark a colour is, it’s the amount of light that a colour gives. Meaning a colour "without colour," as it is composed of black and white (in different proportions depending on the pure grey) Value When saying grey, we are referring to pure grey, which is an intermediate colour between pure black and pure white. A tone is created when grey is added to the colour/hue. In Sketch, the way I do this is to overlay black on top of my colour/hue and reduce the opacity of the black to control the shade (higher opacity of black = darker shade) ToneĪ tone is a combination of a tint and a shade. In Sketch for instance you can create tints by lowering the opacity of said colour (as long as the layer behind your colour/ hue is white) ShadeĪ shade is when black is added to a colour/hue. TintĪ tint is when white is added to a colour/hue. We could say that hue is kind of a more fancy way of saying colour. A hue is the colour without any black or white added to it. Before I give this brief overview, I’d like to point out that when I refer to black and white, I mean ‘pure’ white and black (respectively the hex colour codes #FFFFFF and #000000), rather than a rich black like #010b13, which is a very dark shade of cyan-blue or other off-whites or off-blacks. When talking about colours, and more specifically creating a palette for your UI, it’s key that you know the different elements that make up a colour so you can use them to your advantage. I’ll talk through some of the basics around colour, the key roles colour plays when designing a user experience, and give you some pointers on how to apply this knowledge when creating your own colour palette. In this post I’ll show you some tips on how to build a successful palette. Nonetheless, colour plays a key role (on multiple levels) in the user experience of a product, and therefore it is worth our attention as designers. Sometimes colour is understood as a purely aesthetic element that is completely relative and subjective. However, it’s not always given the importance it deserves. Colour has a great impact in the world around us and this is no different in User Interfaces (UI).
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |