Ooykun

Dropdown

by Oykun Yilmaz Pro Feb 1, 2012
in Web Start-up
Dropdown
51 buckets
Tweet
3,896 views
http://drbl.in/cUTQ
Icon-colordrop

Tags

  1. 59
  2. 55
  3. 48
  4. 21
  5. 17
  6. 15
  7. 12
  8. 7
  9. 6
  10. 2
  11. 1
  12. 1

16 Responses

  1. Pro Ooykun Oykun Yilmaz

    We are giving whole new direction to this project's UI. Here is a part of new design. It's the dropdown menu for user.

    You can follow me on Twitter for updates.
    Comments are much appreciated! Thanks,

    likes

    4 months ago

  2. Pro Twitter03 Ricardo Salazar

    Nice work

    likes

    4 months ago

  3. Pro 2012-02-12 18 Matthew Morek

    @♦ Oykun Yilmaz I think that overall it looks quite nice, though I'd use the same kind of embossing/style on a that menu arrow button for "active state", as you've used on the message counter.

    Also, I'd swap positions between the message icon and the message counter. It just feels unnatural the way it's displayed at the moment.

    Other than these two things -- I really like the green theme! :)

    likes

    4 months ago

  4. Pro Nash Avinash Tripathi

    green and grey are working well... and love the drop down

    likes

    4 months ago

  5. Pro Herp_derp Jonathan Mazaltov

    Very cool, I dig uniqueness of the drop down style.

    likes

    4 months ago

  6. Pro Untitled-2 Mani

    nice.

    likes

    4 months ago

  7. Pro Logo closer Richard Lowery Jr.

    I love it agree with Matthew about the message counter being moved and making the drop arrow match. The layout is so on point. Not sure about the Grey tho.. However I know you gonna kill it. I really wanna see the finished version. Is this still part of that secret project?

    likes

    4 months ago

  8. Pro 578856_663049092976_83504142_31964175_692682295_n Caleb Royce Lummer

    great stuff dude! (as always, of course)

    likes

    4 months ago

  9. Easy Daors Reka

    what the hell, this looks damn good

    likes

    4 months ago

  10. Pro Me-look Joshua McCowen

    I like how you incorporated the icons into the drop down to give a quick visual reference. This might not play out as well with larger menus, but think it's really nice here.

    likes

    4 months ago

  11. Pro Photo Corey Haggard

    right on! this looks great!

    likes

    4 months ago

  12. Pro Iphonepic Liam Wolf

    nice

    likes

    4 months ago

  13. Pro Ooykun Oykun Yilmaz

    Thanks folks!

    @Matthew Morek thanks! the arrow button has gradient in off case. this is just active state. ps wanted to keep the message icon aligned right since that block is right ailgned in header, and I didnt want message icon to keep moving left-right when notification comes. easier to navigate when it is consistent at a place.

    @Richard Lowery Jr. yes still super secret :)

    4 months ago

  14. Pro Screen_shot_2010-09-09_at_15 Jesse Mainee

    Absolutely love this Oykun. Really great job man.

    likes

    4 months ago

  15. Pro Img-20120101-wa0000 Olly Dobson

    Really nice. I'd agree with the feedback about the message counter. I understand your reasoning but I'm sure there's a solution out there that means you can have the icon not move around while still displaying the count to the right of it...for instance have a very subtle counter even when the count is 0, and then bring it to life when you have more than 0.

    Another very minor point - I'd suggest making the corner radius tighter on inner panels and buttons so there's a consistent gap around the edge.

    4 months ago

  16. Pro Screen shot 2011-07-03 at 4 Justin Roberts

    Looks good! The colour pallet particularly drew me to this shot, i love it... One thing bugs me though. The pixel bevel on the dropdown menu looks a little too harsh to me. Something about the inner black border isn't right. Looks out of place compared to the other bevels. Also agree with @Olly Dobson about the corners. Overall great work though!!!

    3 months ago

keyboard shortcuts: ← previous shot → next shot L or F like