Login Form

by Rich Smith

Follow Following Blocked

Feb 22, 2013 | @2x

23 likes

413 views

12 Responses

Pro Rich Smith

Got bored and started playing around in Photoshop for a little practice. I haven't used it in a while, so I'm trying to work out some kinks here. Critique is welcome - thanks for viewing!

I used:
Batch Icons x @Adam Whitcroft
Blurred Backgrounds x @Cat Smith

1likes
3 months ago
Pro Cat Smith

Sweet! Thanks for using my background[s] hub.

I really like the simplicity to this. I'm a major fan of that. I think you should make the text on the input fields a bit darker though. The opacity being turned down and the color you used make it a bit hard to read the text. I know what it says, but that doesn't mean that others do. You also could avoid having "sign in" on both social media buttons by just saying "Log in with" and then put the two buttons with the name of the social platforms instead.

Also, it seems as if you have your light source coming from up top on all elements, but your drop shadows on your input fields are at 90 degrees and your social login buttons do not (they're to the left). Curious as to why you chose to do this? One last thing, the padding on the sides of the social buttons is not even on each side (left/right & top/bottom).

I think you're definitely headed in the right direction with this. I love the cleanliness and really like the font you chose for each. Great job. I cant wait to see more clean and crisp designs from you. Very nice!

3likes
3 months ago
Pro Mike Moloney

Nice, clean login. Just work on the opacity of the text, and maybe lower the size of the text for some of those buttons? Keep up the awesome designs, I cannot wait to see more!

3likes
3 months ago
Pro Coleman Tharp

@Cat Smith So many words, dont you guys work right next to each other?! :P

Great work. The text in the inputs needs more contrast and so do the icons. The FB & Twitter icons need a little work too, maybe size them down a little, they seem a tiny bit to big. Other than that it looks good!

4likes
3 months ago
Pro Cat Smith

Hahahah @Coleman Tharp yes we do but that doesn't mean I can't and shouldn't show him love on here ^_^

3 months ago
Pro Rich Smith

Hey Everyone, thanks for the constructive criticism! On second thought, I have no idea what I was thinking when I made the input field text so opaque. I was playing around with it for a while and for some reason thought it would look better this way, but I should have left it more visible for sure.

@Cat Smith - good pick up on the light source differences. I didn't even realize I did that! Will definitely work on that for next time.

@Mike Moloney - Thanks! I was also contemplating making the "sign in" text a little smaller, and I actually had it that way, but I wanted it to be closer in size to the text in the input fields. I think it would look good the way you suggested though.

@Coleman Tharp - Yeah, we do lol but we're not always around when the other is working, necessarily! Thanks for the feedback. I definitely agree, except I like the size of the buttons haha.

1likes
3 months ago
Pro Cat Smith

@Rich Smith, @Coleman Tharp actually meant the size of the icons within the buttons I think. It was a critique I was toying with mentioning but wasn't sure. I was iffy and because I wasn't sure, I didn't want to tell you it should be changed necessarily.

3 months ago
Pro Daryl Ginn

Good job, really. The layerstyles themselves are good.

The text needs work (but you already know that).

Keep it up.

3likes
3 months ago
Pro Jake Kwaschnefski

I like it! It's a good start and has some room for improvement.

Interesting use of a password icon. Would most people be able to recognize that as an icon for a password? Some people may not, so I think something like a lock, key, etc might be better.

Also, I think maybe the text should be a smaller font for the input fields? And I think that there should be more padding for the buttons, so either have the text smaller, or the background bigger.

I'm also curious how the buttons and input fields would look like with rounded corners.

1likes
3 months ago
Pro Rich Smith

@Daryl - Thanks, man. Yeap, I know the text needs work lol

@Jake - Also, thanks lol. I had the edges rounded at first, but I wanted it to have sharp corners like the input fields just for the sake of congruency. Good point on the password icon. I was just being lazy :-P

1likes
3 months ago
Pro Stanislav Hristov

Nice one, man!!
looking forward to seeing more of your work.

1likes
3 months ago
Pro Rich Smith

Thanks, @Stanislav Hristov!

3 months ago