: Perception and color theory I'm making a custom keyboard and want it to look nice, and like Apple's, without actually copying pixels. I did a bunch of work on creating keys and the background,
I'm making a custom keyboard and want it to look nice, and like Apple's, without actually copying pixels. I did a bunch of work on creating keys and the background, only to be amazed once again by Apple's genius when comparing my keyboard with the standard iOS keyboard.
I'm sure many of you have seen the optical illusion where a shadow is cast diagonally over a black/white checkerboard, with the effect that what look like two different shades of gray are actually exactly the same. Apple, it turns out, does this with their keyboard, except they adjust the grays to make them look the same.
Can any of you give me a hand with the numbers? How do I determine what the best gray values are against a gradient background? Screenshots attached for illustration. Note the gray lines I added to the keyboard image - they are thinnish, running between the left side of the spacebar and the R. I would post my custom keyboard but it looks terrible.
More posts by @Cugini998
1 Comments
Sorted by latest first Latest Oldest Best
Without some actual values to work with, and also seeing what the rest of the interface looks like, this is not an easy question to answer. But there are plenty of colour contrast tools that you can use to make sure that it meets the WCAG Accessibility Guideline 1.4 Distinguishable: Make it easier for users to see and hear content including separating foreground from background.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.