Part of the project we did for EXOPC's EXO U.I. 2.0 encompassed creating a touchscreen keyboard. What an incredibly cool task right? So we took advantage of the situation and created not one but two keyboards. As tablet users ourselves we recognized that if you're tapping away on keys at night in bed or a late flight on a business trip, you're not going to want to stare at a bright keyboard.
This shot is an early test for the hover state of a key, plus it's popover menu to access the variations of the letter. Next shot will show or more vibrant active state instead of just a glowing LED-like letter. We felt as sleek as this looked, it just didn't register enough that you had hit the key so the blue is used as an "active" state and not pressed. Javier did the artwork and I did the nit picking (art direction).
Looks great.
I suppose it would be nice to add a little more contrast between the keys and the background, just like on the popover. And what if make the pressed key's state actually pressed?
When you see the pressed key in a couple of hours, you'll see there is such a contrast that we didn't need to press them down to make considered "pressed". Also you're seeing a snippet of the keyboard. When you see the whole keyboard there's plenty of contrast. It's the fact that you're seeing a small square image surrounded by dribbble's bright site that it looks less contrasty.
13 Responses
Pro
The Skins Factory
Part of the project we did for EXOPC's EXO U.I. 2.0 encompassed creating a touchscreen keyboard. What an incredibly cool task right? So we took advantage of the situation and created not one but two keyboards. As tablet users ourselves we recognized that if you're tapping away on keys at night in bed or a late flight on a business trip, you're not going to want to stare at a bright keyboard.
This shot is an early test for the hover state of a key, plus it's popover menu to access the variations of the letter. Next shot will show or more vibrant active state instead of just a glowing LED-like letter. We felt as sleek as this looked, it just didn't register enough that you had hit the key so the blue is used as an "active" state and not pressed. Javier did the artwork and I did the nit picking (art direction).
© 2011. EXOPC. All Rights Reserved.
You can view our website at: http://www.theskinsfactory.com
over 1 year ago
Pro
Mani
nice.
over 1 year ago
Pro
Meng To
Clean and cool.
over 1 year ago
Pro
Nigel Evans
Such a subtle sexy set of grads, and awesome use of outer glow :)
over 1 year ago
Pro
Diego Monzon
beautiful keyboard !
over 1 year ago
Pro
Adrian Mato
Looks great that blue glow!
over 1 year ago
Pro
Mladen Zivanovic
Would like to use that!
over 1 year ago
Cool keyboard :-P
over 1 year ago
Slick ! Love it...
over 1 year ago
WOAH.
over 1 year ago
Looks great.
I suppose it would be nice to add a little more contrast between the keys and the background, just like on the popover. And what if make the pressed key's state actually pressed?
over 1 year ago
Pro
The Skins Factory
When you see the pressed key in a couple of hours, you'll see there is such a contrast that we didn't need to press them down to make considered "pressed". Also you're seeing a snippet of the keyboard. When you see the whole keyboard there's plenty of contrast. It's the fact that you're seeing a small square image surrounded by dribbble's bright site that it looks less contrasty.
over 1 year ago
great job!
over 1 year ago