Mobile app version of vmapp.org
Login or Join
Cugini998

: 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,

@Cugini998

Posted in: #Color

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.

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Cugini998

1 Comments

Sorted by latest first Latest Oldest Best

 

@Pierce403

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.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme