redheeler
macrumors G3
Yeah, you're rediscovering a lot of the same ideas they already used in retro Aqua. Light angled from the top to form a glossy reflection which visually reinforces the idea of a sphere, and extensive use of drop shadows to show depth which wasn't nearly as common for interfaces of that era as it became later. For early OS X traffic lights they used harsh outer drop shadows, then in Panther switched to more subtle inner shadows (what is pictured here) so the buttons look recessed into the window. Always thought that was a cool look.They just look likeeggsovals from the distance. I observed that too when I tried to redo some liquid-glass-buttons on one of my HTML projects (I never will run of ideas as long as Apple brings me new). My solution was to put an angle onto the highlighting, as well as balance the brightness and darkness of the borders. A shadow (even barely visible) makes the element look more circular aswell. If you look closely, you'll see that the yellow button in the post above has a yellow halo that might try to do the same.
edit: Side note, years ago I tried to create an Aqua styled button from OS X Mavericks using HTML/CSS and got very close, I'll have to see if I can find that. I also tried to recreate one of the newer flat gradient buttons introduced in Yosemite. You can guess which one took more time...
Last edited: