How to create a user interface with the same style that was used in Visual Studio, Office 2013, Github for Windows, etc?

Question

How to create a user interface with the same style that was used in Visual Studio, Office 2013, Github for Windows, etc?

Asked 10 years, 6 months ago

Viewed 1,648 times

19

I would like to know how to create UI as used by Visual Studio, Office 2013, Github for Windows, etc.

I searched the internet and found a theme for WPF called Cosmopolitan Theme, but noting some details you realize that it is not the same, and I think that because it is a third party project Microsoft would not have used it to make the VS2012/VS2013 and Office 2013.

To show the difference I took some screenshots of these programs:

Interface I want to build:

Visual Studio:
Office 2013 (Excel):
Github for Windows:

Common interface:

enter image description here

The difference between these programs is in the style of their user interfaces. I’ve searched if there is a template in Visual Studio Express for Windows 8, Visual Studio Express for Windows Desktop, Visual Studio Ultimate 2012 and Ultimate 2013, but apparently there is no template like this.

Apparently these Uis are a WPF customization, but I can’t find anything official concerning this.

What is the name of this "theme"? Can anyone use it or is something paid for? It is something like the Ribbon that was first used (I think) in Office 2007?

2

The answers from the OS in English have been helpful?

– talles

2013/12/16 at 16:06
@No, because they all suggested third-party technologies.

– Zignd

2013/12/16 at 16:07

4 answers

15

In the case of Github the Github team posted on their blog how they did the layout, how they designed and made the shaman. Read here.

According to another post on their blog to make the visual part they used two frameworks: Calibur.Micro and Reactive.UI. But these frameworks don’t leave him with the whole Github for Windows look. Many things the team did at hand.

In the case of Visual Studio, as @Almeida said, is using WPF and themes or customizations. You will not find easy the even Microsoft theme giving soup around, or paid, at most similar themes.

A similar is the Modern UI for WPF Templates. You’ll have to search for existing templates until you find one that you really like.

Good luck!

5

Congratulations on Sopt’s first Necromancer Medal for that question!

– Emerson Rocha

2014/02/25 at 02:07
wow, thank you!

– MayogaX

2014/02/25 at 15:24

Browser other questions tagged visual-studio-2012 visual-studio-2013 wpf themes office-2013

You are not signed in. Login or sign up in order to post.

by Vargas • **353** points · Answer 1 · 2013-12-16T15:59:55+00:00

2

I believe you’re referring to Metro UI.

On the Microsoft website there is documentation and examples.

6

I don’t think it’s Metro UI. Applications run the same visually on previous versions of Windows and in desktop mode, cannot be using a Windows 8-exclusive API. I may be mistaken.

– Guilherme Bernal

2013/12/16 at 16:05

by Almeida • 11 points · Answer 2 · 2014-01-31T10:51:54+00:00

Visual Studio is done in WPF with normal customizations that any user can do (including using themes). The Office if I’m not mistaken is still done in Winforms, and at that point his Ribbon is better than WPF. And Github seems to be WPF customized to look like a Metro (with WPF you can do almost anything, just be patient to customize the components).

by ferhrosa • **111** points · Answer 3 · 2014-02-24T19:57:24+00:00

It’s not exactly what you want, but depending on the type of application you’re developing, you can use Visual Studio Shell, and only create the plugins for the application. Then the program gets exactly the face of Visual Studio and has the desired functionalities.