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!
Batch Icons x @Adam Whitcroft
Blurred Backgrounds x @Cat Smith
3 months ago
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!
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!
@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!
Hahahah @Coleman Tharp yes we do but that doesn't mean I can't and shouldn't show him love on here ^_^
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.
@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.
Good job, really. The layerstyles themselves are good.
The text needs work (but you already know that).
Keep it up.
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.
@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
Nice one, man!!
looking forward to seeing more of your work.
Thanks, @Stanislav Hristov!
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