keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
121,536,361,005 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
29 Responses (page 1 of 2)
upcoming UI, what do you think?
almost 2 years ago
I like where you're going with the lighting. I think I like the top one a little better, or are they just in different states?
almost 2 years ago
@Karem The bottom one should be inactive. Maybe I should use some light indicator for this.
almost 2 years ago
Actually now that you told me, it does make sense, in real life if there is no path you can't really use the switch. Although it might be a little confusing on a web UI because most users are used to seeing very inactive states (extremely greyed out) and lazy to think what makes sense and what doesn't.
almost 2 years ago
I think a blend of both and your right there.
almost 2 years ago
@Karem @facecjf but I want it visible. The idea is NO rail = NO possibility to move. But I agree it shouldn't be enough. Let me think about it...
almost 2 years ago
I like it )
almost 2 years ago
Up is better I think, because selecting the three options is more vissible. Nice Ine by the way, wanna see more ;-)
almost 2 years ago
@RepixDesign there will be more ;)
almost 2 years ago
I hate it. This is terrible. Don't use it ever. Can I have it? kthx. :)
almost 2 years ago
Loving how realistic this looks.
almost 2 years ago
1000th viewer yay :)
On a more productive topic, I like the top but I agree that the disabled state needs to be more obvious to the user.
almost 2 years ago
@Matthew @Philip Thank you
@Evan I'm working on it. I will post it with another UI elements. Stay tuned :)
almost 2 years ago
For the inactive/disable state - perhaps make it flat with just a groove around the area? Just as if there's a filler strip inserted that plugs the recess used for moving the slider.
almost 2 years ago
— Nice!
almost 2 years ago
the indent "looks" off centre. Other than that its really nice :)
almost 2 years ago
Nice lighting. Looks good. Only critique is how the little circular depression in the centre of the slider is not exactly vertically central. Perhaps intentional?... But I think it works better nudged down by one pixel, so it's vertically aligned on the slider toggle. Measuring 5px from the top and the bottom of the depression circle to the outer edge of the slider toggle circle.
almost 2 years ago
@Rich @Ralph I think off-center look creates more realistic view. Just my opinion.
almost 2 years ago
nice!!
almost 2 years ago
Well done =)
almost 2 years ago
very nice
almost 2 years ago
The shades are amazing. I really love it.
almost 2 years ago
Like the almost mechanical feel of the top version. Agree that the inactive state needs some consideration (maybe the button is 'popped in' - like the choke button on an old car). However I'd see the inactive state being driven somewhat by other UI conventions you'd plan to use on the page. From a personal perspective, I'd expect to be able to choose kidult.
almost 2 years ago
I like the idea and the rendering looks good. You however might want to double check your highlight and shadow directions based on your light source – I see some inconsistencies. If the light source is directly above ( 90˚ ) then the shadow that is thrown by the switch is not correct from what I can see.
Also, the right side of the track has a edge highlight visible but not the left side. Again, this comes back to making sure you stay consistent with highlight and shadow based on your light source.
Just my 2¢. Cheers.
almost 2 years ago
@Gody The light source should be on the left top side
almost 2 years ago