Shop Mobile More Submit  Join Login
×




Details

Submitted on
August 8, 2012
Image Size
346 KB
Resolution
1286×837
Link
Thumb
Embed

Stats

Views
7,390 (1 today)
Favourites
37 (who?)
Comments
31
Downloads
187
×
Word 2014 Preview for OS X - Concept by winsontsang Word 2014 Preview for OS X - Concept by winsontsang
Please hit 'download the image' for the best resolution

The background is my mod of the Mountain Lion background wallpaper, you can download it here: [link]

About this Piece

I haven't designed a user interface in a while, so I thought it would be a fun idea to recreate an existing application. After the initial brain storm of ideas, I picked the Microsoft Office Suite (more precisely Word). After reading about the new version of Office for Windows, I wanted to re-imagine the interface for Mac. The main idea behind the concept was to make the user interface a little more like OS X, by replacing the coloured elements with grey elements. This included remaking the ruler, and implementing the iOS scrollbar. I've also included the full-screen button and made most or all elements grey with a hint of a dark gradient (OS X is filled with these).

Recreating all the small elements wasn't a easy task, but I think I like the idea behind my concept. After much fiddling with the design, I decided to just publish it. Here's some of the improvements that I would've made if I worked on it longer.

- The rulers are missing numbers
- Maybe do a version with a full tabbed panel. (File/Home/Layout/Elements/Tables/Charts/Smartart/Review etc.)
- Show more of the interface through other pages and windows.

Also here's a mock feature list

- Retina Text (Yay!) for the next generation MacBook Pro
- Full-Screen Supported (OS X Lion / OS X Mountain Lion)
- Simple Mode (A panel of tools you use the most, you can 'configure' tools to be shown or hidden. You can switch to the Traditional Mode or Advanced Mode for more tools.

About the last mock up feature, I've always wanted to just hide 80% of the tools that I don't use when I'm doing something that doesn't require those tools. This mock feature would allow me to show the ones I use the most, and unclog some of those tools that are shown, that I never touch.

- Thank You for viewing. Please favorite and watch my profile if you like what you see.
- Created by W.Tsang / Devout
Add a Comment:
 
:iconinfinityforge:
InfinityForge Featured By Owner Jan 19, 2013  Hobbyist Digital Artist
It reminds me a bit of Adobe, but that definitely not a bad thing. Only if Windows had this good of designers. Great work!
Reply
:iconwinsontsang:
winsontsang Featured By Owner Jan 20, 2013
Very kind words :)
Reply
:icondr-vark:
Dr-Vark Featured By Owner Nov 8, 2012
Great! Really great work!
Reply
:icontintinytdj:
Tintinytdj Featured By Owner Oct 16, 2012  Hobbyist Digital Artist
HOME LAYOUTS ELEMENTS SCREAMING CAPSLOCK KILL YOURSELF
Reply
:iconazzad10:
azzad10 Featured By Owner Apr 8, 2013
its the same as Word 2013 for Windows - did you have the same reaction?
Reply
:icontintinytdj:
Tintinytdj Featured By Owner Apr 20, 2013  Hobbyist Digital Artist
Yes I did, actually.
Everytime I use the newest Office I just get the worst headache.
It's such a shame because it's actually far superior to word 2007 in layout, functionality and visual style.
Reply
:iconmanuss:
manuss Featured By Owner Oct 3, 2012  Student Interface Designer
looks great, nice work. I'd install it :O
Reply
:icondpcdpc11:
dpcdpc11 Featured By Owner Aug 29, 2012  Professional Interface Designer
nice one... too bad office for mac sucks ass... at least Microcrap could bring it to the default dpi of OSX so users wouldn't have to work at 125% zoom!
Reply
:iconwinsontsang:
winsontsang Featured By Owner Aug 29, 2012
lol Microcrap.
Reply
:iconivicis:
iVICIS Featured By Owner Aug 28, 2012  Hobbyist Interface Designer
Like it!
Reply
:iconflahorn:
Flahorn Featured By Owner Aug 27, 2012  Professional Interface Designer
OS X + ribbon ui really nice
Reply
:iconedrp96:
edrp96 Featured By Owner Aug 17, 2012  Hobbyist Interface Designer
It looks veeeery cool
Reply
:iconwinsontsang:
winsontsang Featured By Owner Aug 17, 2012
Thanks!
Reply
:iconevthan:
evthan Featured By Owner Aug 12, 2012
what is the font in your "Word 2014"?
Reply
:iconwinsontsang:
winsontsang Featured By Owner Aug 15, 2012
It should be Segoe.
Reply
:iconrobotkoer:
robotkoer Featured By Owner Aug 12, 2012  Hobbyist Interface Designer
Great. Create one for Windows (no Metro, please) to earn my favourite ;)
Reply
:iconwinsontsang:
winsontsang Featured By Owner Aug 12, 2012
But Office 2013 Metro looks really good....HAHAHA
Reply
:iconrobotkoer:
robotkoer Featured By Owner Aug 15, 2012  Hobbyist Interface Designer
I hate Metro.
Reply
:iconbluefisch200:
bluefisch200 Featured By Owner Aug 20, 2012
You have just no taste..
Reply
:iconrobotkoer:
robotkoer Featured By Owner Aug 26, 2012  Hobbyist Interface Designer
Colorless 1D icons that show that developers are too lazy to make 3D images. A downside from the developer community. Laziness, ugliness and being unprofessional.

Really?
Reply
:iconbluefisch200:
bluefisch200 Featured By Owner Aug 30, 2012
Minimalism...
Reply
:iconwinsontsang:
winsontsang Featured By Owner Aug 15, 2012
hehe, I was being sarcastic. Well you're going to LOVE Windows 8. (^^)
Reply
:iconrobotkoer:
robotkoer Featured By Owner Aug 26, 2012  Hobbyist Interface Designer
As an OS with cool features, yes. But looks - I would try to find Windows 7 theme for it as a first thing.
Reply
:iconnilskeesmekers:
NilsKeesmekers Featured By Owner Aug 12, 2012  Hobbyist Artist
Very nice! If Microsoft continues the Office for Mac-development at all, I sure hope Microsoft is going to respect Cocoa GUI instead of using Metro-elements, though. That just doesn't match.
Reply
:iconscritperkid2:
scritperkid2 Featured By Owner Aug 11, 2012
That is really nice! Because my OCD compels me:
- In the feedback bar, "smily" should be "smiley".
- "New Document.docx" should be "Document1.docx".
Other than that, it's great! :)
Reply
:iconwinsontsang:
winsontsang Featured By Owner Aug 11, 2012
It never existed ^^.
Reply
:iconscritperkid2:
scritperkid2 Featured By Owner Aug 11, 2012
That was quick! :D
Reply
:icontheintenseplayer:
theIntensePlayer Featured By Owner Aug 10, 2012  Hobbyist Interface Designer
This falls nothing short of amazing. This UI looks MUCH better than the current Office 2011 UI but I think the status bar is a bit too long.
Reply
:iconwinsontsang:
winsontsang Featured By Owner Aug 11, 2012
Thanks. I was actually playing around with OS X window at 66.6% and when I zoomed in, it turned out the window was much bigger, hence why I create a very big status bar :P. Resize will fix those woes. ^^
Reply
:iconldigitals:
LDigitals Featured By Owner Aug 10, 2012  Hobbyist Digital Artist
LoL man! I want Microsoft to hire you and use this GUI :)
Modern, solid and fking awesome :D
I'm I'm going to wet my pants :D
Reply
:iconbowlandspoon:
bowlandspoon Featured By Owner Aug 9, 2012  Hobbyist General Artist
Really nice work, I sincerely hope microsoft take a leaf here.
Reply
Add a Comment: