Lion UI Experiment

Lion_ui

14 Responses

  1. Fabio Basile Fabio Basile

    I have been updating some of the UIs for an upcoming app designed by me and engineered by the clever people at ShinyFrog. This is just an experimental view I wanted to share :)

    likes

    over 2 years ago

  2. Glenn Hitchcock Glenn Hitchcock

    Interesting! I can only assume it means you're doing something radical with the menubar and window name area.

    over 2 years ago

  3. Toby Seers Toby Seers

    hmm, thats really interesting, I am not sure if there might be too much grey bar at the top if you know what I mean. but I can't see the whole image, so maybe not. either way its very interesting

    over 2 years ago

  4. Giancarlo Nicolof Giancarlo Nicolof

    I'm still not 100% sure about it. Would like to see how the full window looks like. But cool idea nonetheless.

    over 2 years ago

  5. Fabio Basile Fabio Basile

    Thanks guys!
    The toolbar needs some work, there needs to be quite a few buttons but not too sure if that space can be justified yet :)

    likes

    over 2 years ago

  6. Ryan Poolos Ryan Poolos

    This is very interesting indeed. The effect of that one little radius corner is insane. I can't tell if its above or below. Honestly not sure if its natural but its certainly having a unique effect on my perspective.

    For now its a like :)

    likes

    over 2 years ago

  7. Juan Gomez Juan Gomez

    i'm liking it, the only thing is that i'd prefer a smaller corner radius.

    likes

    over 2 years ago

  8. Max Di Capua Max Di Capua

    really nice, I think the reason the corner radius seems odd is that there are no other items with the same.

    Maybe matching it to the buttons above and the number badges a la: http://cl.ly/9OsN

    likes

    over 2 years ago

  9. Eugene Ho Eugene Ho

    I'm interested in seeing how this works out when the sidebar is collapsed.

    likes

    over 2 years ago

  10. Julian Burford Julian Burford

    Apple should hire you.

    likes

    over 2 years ago

  11. Really dig this concept! I added some details to your original.

    1. Corner Radius

    2. Line border color on black, blue and highlights.

    3. Underline border darkened on the blue selected state of the panel.

    4. 1 pixel drop shadow added to indent the top of the panel from the window controls.

    over 2 years ago

  12. New Leaders New Leaders

    I have been working on something similar in interface builder. It does seem like an evolutionary approach to the top of the sidebar.

    likes

    over 2 years ago

  13. New Leaders New Leaders

    Fabio you're curve radius is a little much, try just 5 or 7 pixels it will look tighter.

    over 2 years ago

  14. Anthony Lagoon Anthony Lagoon

    Very nice work. I love the polish!

    likes

    over 2 years ago

keyboard shortcuts: previous shot next shot L or F like