Leopard GUI mockup

Jump to First Reply
Posted:
in macOS edited January 2014
Well i started to work on a leopard gui mockup. all i've done so far is (from scratch, no cut and paste) make a basic window, a scroll bar, and 2 possible types of buttons.



Here it is on flickr, the size was too large to post directly on the forum.

and heres a smaller version medium size



please give me your input, i will continue to work on it. any suggestions for tweaks and additions are welcomed. tell me what you think of hte current one too.



i got my ideas from iTunes 7, Mac Os X download page, and the Apple store online.



btw, i am VERY new to photoshop so its not perfect, but i think it sort of gets the job done.

Comments

  • Reply 1 of 16
    fishafisha Posts: 126member
    personally, i still think there'll be a touch of gloss/aqua left in the buttons. Nothing as obvious as the current setup, but some hint of it . . . which you buttons dont show.
     0Likes 0Dislikes 0Informatives
  • Reply 2 of 16
    Lets revive this thread



     0Likes 0Dislikes 0Informatives
  • Reply 3 of 16
    irelandireland Posts: 17,802member
    I think someone's taking that invitation too far.
     0Likes 0Dislikes 0Informatives
  • Reply 4 of 16
    Quote:
    Originally Posted by Ireland View Post


    I think someone's taking that invitation too far.



    You're right...

    I do think it's a clue however...



    it'll just be a little more tasteful than this
     0Likes 0Dislikes 0Informatives
  • Reply 5 of 16
    Marvinmarvin Posts: 15,584moderator
    I wish they'd just put in native support for say the shapeshifter themes. There's tons of them.



    http://interfacelift.com/themes-mac/details.php?id=109

    http://interfacelift.com/themes-mac/details.php?id=166



    I'm really getting tired of rounded edges on windows. What's wrong with square edges?
     0Likes 0Dislikes 0Informatives
  • Reply 6 of 16
    Quote:
    Originally Posted by Marvin View Post


    I wish they'd just put in native support for say the shapeshifter themes. There's tons of them.



    http://interfacelift.com/themes-mac/details.php?id=109

    http://interfacelift.com/themes-mac/details.php?id=166



    I'm really getting tired of rounded edges on windows. What's wrong with square edges?



    To be honest, i prefer square edges. I was just going on the material that was out there (WWDC Invite, Apple site etc). Shapeshifter themes are great but Apple seems to prefer the uniform look across their products. \
     0Likes 0Dislikes 0Informatives
  • Reply 7 of 16
    galleygalley Posts: 971member
    Quote:
    Originally Posted by Marvin View Post


    I'm really getting tired of rounded edges on windows. What's wrong with square edges?



    Uh, they'll put your eye out?
     0Likes 0Dislikes 0Informatives
  • Reply 8 of 16
    Quote:
    Originally Posted by Marvin View Post


    I'm really getting tired of rounded edges on windows. What's wrong with square edges?



    "Now everybody, take out your circle of paper!"
     0Likes 0Dislikes 0Informatives
  • Reply 9 of 16
    Quote:
    Originally Posted by Marvin View Post


    I'm really getting tired of rounded edges on windows. What's wrong with square edges?



    Getting rid of the rounded edges windows in the Mac OS? Nope, it won't happen, because according to Steve Jobs, "Rectangles with rounded corners are everywhere!"



    Quoted from: http://www.folklore.org/StoryView.py...Everywhere.txt



    Quote:

    Bill fired up his demo and it quickly filled the Lisa screen with randomly-sized ovals, faster than you thought was possible. But something was bothering Steve Jobs. "Well, circles and ovals are good, but how about drawing rectangles with rounded corners? Can we do that now, too?"



    "No, there's no way to do that. In fact it would be really hard to do, and I don't think we really need it". I think Bill was a little miffed that Steve wasn't raving over the fast ovals and still wanted more.



    Steve suddenly got more intense. "Rectangles with rounded corners are everywhere! Just look around this room!". And sure enough, there were lots of them, like the whiteboard and some of the desks and tables. Then he pointed out the window. "And look outside, there's even more, practically everywhere you look!". He even persuaded Bill to take a quick walk around the block with him, pointing out every rectangle with rounded corners that he could find.



    When Steve and Bill passed a no-parking sign with rounded corners, it did the trick. "OK, I give up", Bill pleaded. "I'll see if it's as hard as I thought." He went back home to work on it.



    Bill returned to Texaco Towers the following afternoon, with a big smile on his face. His demo was now drawing rectangles with beautifully rounded corners blisteringly fast, almost at the speed of plain rectangles. When he added the code to LisaGraf, he named the new primitive "RoundRects". Over the next few months, roundrects worked their way into various parts of the user interface, and soon became indispensable.



     0Likes 0Dislikes 0Informatives
  • Reply 10 of 16
    Marvinmarvin Posts: 15,584moderator
    Quote:
    Originally Posted by VL-Tone View Post


    Getting rid of the rounded edges windows in the Mac OS? Nope, it won't happen, because according to Steve Jobs, "Rectangles with rounded corners are everywhere!"



    Quoted from: http://www.folklore.org/StoryView.py...Everywhere.txt



    So they rounded them to be more like real life. I know they do that in 3D using bevelling to catch specular highlights but in 2D it seems unnecessary. I don't see a rounded rectangle on my screen and think 'wow, just like in real life'. I see that even in Tiger, they have bevelled the top of the window at least - it's subtle. I don't mind the corners being rounded if it's done in a very, very subtle way.



    Here's the thing though, it's just a theme. When you install Uno, it removes the rounding from the bottom of the window. I might actually try modifying the files myself and see if I can get square windows back.
     0Likes 0Dislikes 0Informatives
  • Reply 11 of 16
    But what is the problem with rounded edges?
     0Likes 0Dislikes 0Informatives
  • Reply 12 of 16
    Marvinmarvin Posts: 15,584moderator
    Quote:
    Originally Posted by aryayush View Post


    But what is the problem with rounded edges?



    They're ugly.



    Look at the difference between Safari/Finder and itunes rounding on the corners. Itunes I don't mind but the other just look horrible to me.
     0Likes 0Dislikes 0Informatives
  • Reply 13 of 16
    I never even noticed the difference until you mentioned it and even after noticing, I think both of them look just fine.
     0Likes 0Dislikes 0Informatives
  • Reply 14 of 16
    nijiniji Posts: 288member
    Quote:
    Originally Posted by aryayush View Post


    But what is the problem with rounded edges?



    rounded edges are verry mac.

    it comes from the need/benefit of being able to get to the desktop when an app misbehaves.

    try it: open safari. maximize it to the full extent of yr screen.

    move the cursor to the rounded edge and you can touch the desktop.

    it comes in handy when you want to foce quit a misbehaving app.
     0Likes 0Dislikes 0Informatives
  • Reply 15 of 16
    Quote:
    Originally Posted by niji View Post


    rounded edges are very mac.

    it comes from the need/benefit of being able to get to the desktop when an app misbehaves.

    try it: open safari. maximize it to the full extent of yr screen.

    move the cursor to the rounded edge and you can touch the desktop.

    it comes in handy when you want to face quit a misbehaving app.



    Bingo. This is an excellent point. Think of it as extra redundancy. I know that there are other ways to switch apps, like the Command-Tab switcher, and the dock, and expose, but here's how niji's solution saved me from a reboot:



    My keyboard stopped responding (happens every now and then), as did safari. expose was setup through the keyboard so that was out. the dock refused to open anything, even the finder. so I clicked in the little open space created by the rounded corners, and bingo: it switched to the desktop.
     0Likes 0Dislikes 0Informatives
  • Reply 16 of 16
    You could also use cmd-tab to switch to the Finder (or any other app). I always use it when an app freezes with a full-screen. Works great.
     0Likes 0Dislikes 0Informatives
Sign In or Register to comment.