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.
112,034,544,460 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
6 Responses
Pro
Patrick Noone
Here's my first try at a login page/interface.
Feedback would be greatly appreciated!
Check out @2x
2 months ago
Pro
Alex
Nice! I would recommend using a brighter, more saturated blue color to match twitter better. Also, I don't think the twitter logo at the bottom really serves any purpose, would look cleaner without it. Looks good though, great work!
2 months ago
Pro
Patrick Noone
@Alex , you're definitely right about the color. I think my brain found that blue more appealing haha. As for the logo on the bottom.. no. It doesn't really have a purpose. It can definitely be removed. Thanks!
2 months ago
Pro
Jake Kwaschnefski
I think all the rectangle shapes can have a smaller border radius, maybe somewhere from 4-8 px. And also when you put a stroke on something (like the sign up button) you should make it the same color but darker, so in this case a darker blue. It looks better than a gray stroke. Other than that looks great! :)
2 months ago
Pro
Patrick Noone
@Jake Kwaschnefski yeah I gave the buttons a bigger pixel radius because I felt as though they should have had a bigger radius compared to the textboxes for 'username' and 'password' Now that you mention it, they probably would look better even if they DID have the same radius. Definitely doable.
As for the stroke, that was a stupid mistake that I shouldn't have made and I'll chalk it up to this being a learning process.
Thanks!
2 months ago
Pro
Cat Smith
Sweeeettt. Love login screens ^_^.
I agree with the guys and their feedback. I also would check out your top and bottom padding of the gray container. Seems as though the padding below is less than the top. I'd also align your text in the sign up button - can be pushed up a few pixels.
I also think your gray divider can be much lighter. It's very dark at the moment. The "twitter" title up top, it has an inner shadow? if so, it's a bit hard to see so I'd try making the stroke darker and the inner shadow will stand out more.
I'd also try and work on the fonts used. There's a lot of different sizes, weights, and font styles happening. Makes it look a bit jumbled and inconsistent.
Great job overall and I'm looking forward to seeing more work from you.
2 months ago