![]() If the lightness (in HSL) is below 50%, less white and more black are essentially the same thing (reducing the lightness), and it will be up to you to determine if this gives the appearance of the button being depressed. We can translate the slightly subjective terms less white and more black into technical descriptions of colours. ![]() Making buttons look depressed should be reserved for mouse-down IMO. More black can give the appearance of the button being in shadows, which might make it look depressed. I say less white because that's different to more black (imagine mixing paint from those big bottles that you used to get in school). You want to make it stand out from the other buttons, and if less white does that, then that's fine. I'd say it's a bit more complex than lighter or darker. Not that Apple are necessarily the byword for 'correct'! - For example - these download buttons don't have any effect with hover or press! So, for example, by comparison, look at the inverse scenario, where you have light text, the same rule of thumb would say that in order to increase relative contrast between figure and ground, the background should darken, to increase the relative contrast. The key outcome of the above scenario is that the button under the hover is slightly more clearly identified and the figure better contrasted against the ground than it's neighbours. The key is not really the colour, it is the contrast. ![]() however, this is not a universal written rule - it's just logical - and common. Appearing backlit or frontlit makes no difference.Įxcept. You're trying to focus on an item - to examine it and therefore it makes sense to brighten it up as if giving it more light to see by. Let say that you have the more common scenario of dark text and no other part of the design changes on hover and it's the background only, then when you hover, the button should be given a highlight.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |