Deviant Login Shop  Join deviantART for FREE Take the Tour
×



Details

Submitted on
November 24, 2013
File Size
5.3 MB
Submitted with
Sta.sh
Link
Thumb
Embed

Stats

Views
1,096 (6 today)
Favourites
8 (who?)
Comments
5
Downloads
62
×
OS XI Golden Gates - Settings by LabLayers OS XI Golden Gates - Settings by LabLayers
This was actually an old mockup I did in June shortly after WWDC 2013's announcement of iOS7/OSX 10.9 Mavericks and before I got my Mac. iPhone 5c rumours were spreading like a wildfire at the time, and that's where I got my colors from.

So after OSX (10.9) comes OSXI (11), because version a product 10.10 is just plain redundant. And with a new major release comes a major overhaul in how the UI works. I envision Apple creating something as simple as iOS7, while retaining depth of a desktop operating system. Many of the core features (like the unified top menubar and the dock) would be simplified for a better user experience.

The OS would definitely be more customizable and personalized with a universal color option that defines the color of every active UI element. In this mockup, blue is the dominant color because it is selected by the user.

The header bar would be simplified into one line with a the window controls moved the right so that the UI would read naturally for the user. A fourth blue button would serve to either guide the user to help or move the application to a fullscreen workspace. The application title would be displayed in bold within the top menubar anyways, so it is redundant to include it again elsewhere.

Coincidentally, ~DanRabbit released a blog post on Headerbars that you should check out that prompted me to share my ideas: elementaryos.org/journal/the-h… (however, this was actually not inspired elementary's journal)

Included in the download is a PowerPoint file containing the original mockup. The fonts used were Proxima Nova, Lato Hairline, and FontAwesome, however you can change the fonts under the theme settings to whatever you like. Slide 1 is the original mockup from June, slide 2 is a revised mockup with window buttons to the left and UI tweaks, slide 3 is the one shown above, and slide 4 is the same as slide 2 with the "Red Velvet" appearance option selected.

Photo credit: www.flickr.com/photos/66908024…

Let me know what you think in the comments below! I will be releasing a mockup for Safari in the next few days. ;)
Add a Comment:
 
:iconsearchprojects:
SearchProjects Dec 12, 2013  Professional Interface Designer
Nice Job details Good work
Reply
:iconlablayers:
LabLayers Dec 12, 2013  Student Interface Designer
Thank you! :la:
Reply
:iconsearchprojects:
SearchProjects Dec 13, 2013  Professional Interface Designer
You are welcome i hope check the gallery
Reply
:icontuishimi:
Pretty slick!
Reply
:iconlablayers:
LabLayers Dec 9, 2013  Student Interface Designer
Thanks! :la:
Reply
Add a Comment: