First piece from this web design work, I can't share much yet. I'm still working on colors, I think I'm happy with this though, what do you think?
over 1 year ago
@Damian Hernandez @Ari Thanks folks!
Looks nice, like the logout button!
I prefer an actual text string than an icon for this kind of action (as a user). This looks good, though, of course.
nice colors :)
Nice my friend! perhaps a bit bigger off button/ logout? but perhaps it's bigger enough since it's not actual pixel on the shot :)
It's nice looking visually, but not very user-friendly. Depends on your target market I suppose, but I really think the word "log out" is important.
I really like it. Every one should can easily recognize that's logout. BTW, are you in vacation but still working?
I'm really loving how clean this is looking Oykun. The power button is boss. Does the avatar or username have a special behaviour or is that just a static link?
I want to click that button now :) its so slick man
Thanks for all comments folks, appreciate each!
@Ramy Majouji , @Riki Tanone Thanks, I like to do different stuff as long as it is still clear to user.
@Bady Thanks! It's actually actual size, the bigger that button goes, the more awkward it looks. I ended up this optimum size.
@Tanveer Junayed Thanks! I believe it is clear to everybody, plus gonna have hover title saying "logout". btw, not vacation yet :) going next week. I can't call it vacation though, going for boring paper/visa works and 2 days beach relax.
@Jesse Mainee Thanks dude! I didn't design hover states yet, but yes gonna have some clean styles.
@Paresh Khatri Thanks! I will ask developers to code asap, so that we can click :)
@Oykun Yilmaz I just thinking about the easy the button to click. If it is the actual size, it will be quite harder for me to point to that small circle. I mean you need to slow down your pointer movement to make sure you hit the button.. but this is just my thought mate ;)
@Bady yes, I got what you mean, actually the action area is gonna be bigger than the circle itself with square margin around it as link, almost closer to the avatar size. btw, I will take a good look again, thanks!
really looks nice !
again nice work @Oykun Yilmaz
@Kartik Mahant ✦✦✦ lol!
Really unique touch on that logout icon!
I like it. Definitely a teaser of what's to come.
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