Here is another peek at a web app I’ve been working on here at Espress Labs
This is the coded version, not a PSD.
If you want to see more shots like this follow on Instagram and Twitter
4 months ago
where can see the full version?
@Jeedoo Unfortunately the software is not for public use. As it progresses I will post more shots however
I really like where you are going with this interface; there are, however, two effects that I am not a huge fan of.
The first is the light shadow under the border stroke, to give that button can be pushed feel. The only reason I am not a fan of this is because the rest of the elements on its row do not share this attribute, at least I can not visually see this, so it just makes it seem like a rouge button.
The other element is the language select flag, none of the elements within the header share this, they are all flat based icons with no drop shadow; whereas the flag holds this attribute.
Personally, I'd remove all of the drop shadow on the elements and really let the contrast of colours show a call to action; rather than having a drop shadow suggest this for the interaction. It just seems off with the strange blend of drop shadow and non-drop shadow elements.
Otherwise I really like this and can't wait to see more! :)
@Tyler Allen (ModernBits) Thanks for taking the time to give feedback, I appreciate it.
"The first is the light shadow under the border stroke" Are you referring to the text shadow on the drop down buttons?
For the language flag, there is no drop shadow on the flag itself. Is that what you mean?
There is no box shadow (drop shadow) on any of the elements. The green and blue buttons kind of look like they have that in the photo
Here is some actual pixels so you can get a better idea http://d.pr/i/mEY1
I love to see this kind of UI after a long time with those flat interfaces everywhere. I had forgotten them.
@Fernando Thanks! Yeah me too. I like subtle gradients. Totally flat can be good too, but it's been overplayed recently I think.
@Mike Busby So the blue button with the 'x' has a lighter colour right below the border stroke; that old web 2.0 button trick that everyone used almost 3-4 years ago on almost every single button, ha.
As for the green and blue buttons, I guess it looks that way because of the border stroke, it's weird that it shows like that, but for the flag it deff looks like there is a drop shadow, but could just be how the flag icon was designed.
But yea the gradients I love, maybe its just the border strokes that are throwing me off. For me, I like to use the contrast of colours instead of hard lines to form the borders of elements. But I like it a lot. :)
@Tyler Allen (ModernBits) Ah yes, sorry was confused there.
Yeah I personally like that style, gives the button dimension, I try to make it as subtle as possible.
Yeah it's the border giving the effect. We have a different personal preference when it comes to that, I personally love hard lines. I feel it gives my designs "crispness"
This piece was something I've seen recently that really caught my eye, I love the hard lines http://drbl.in/ipIi I know it's not everyones taste though.
Once again thanks for your comments!
@Mike Busby That is a good shot there, and I used to use that style a lot, but then became fascinated by the minimalistic and simplistic form of design; the visual language of that style just seems to speak to me more. Ha, but not a problem, always sharing my thoughts. :)
Gud work :)
@Tyler Allen (ModernBits) It's good to have others thoughts, it gives new perspective on things.
@Alex Delis thanks!
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–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.