Here's my first try at a login page/interface.
Feedback would be greatly appreciated!
Check out @2x
2 months ago
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!
@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!
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! :)
@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.
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.
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.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter