Thorough visual refresh, creating an Edge that fully complies with the Fluent Design System design.

Occasional Contributor

I know that I have seen the new icon system. For non-professional users, what is the most intuitive and smooth design? I think it is "acrylic", we need acrylic, we need XAML controls (such as context menu), without these, I don't understand how this design can be called "Fluent design"?

 

1.Regarding the sidebar, I noticed that it is trying to be consistent with the new version of the sidebar, but it is still far from it.
https://github.com/microsoft/microsoft-ui-xaml/pull/4009

105546207-f1c33100-5cb1-11eb-8f50-cfce51aaea82

This is a new version of the navigation bar style discussed in the XAML/WinUI3 community.

 edge-startup-pages-option

Huge difference, for example, why is there such a huge margin? The character size and line height are also inconsistent, so this doesn’t even look like a company’s product, but Edge copied the Windows design.

 

2.The second difference is the context menu
https://github.com/microsoft/microsoft-ui-xaml/pull/3958

104769228-d7261080-5723-11eb-85cd-0981df226d77

This is a discussion about the context menu style in the XAML/WinUI3 community.

This is its style (unfinished)

This is the menu of the new Windows Insider touch keyboard
https://blogs.windows.com/windows-insider/2021/01/27/announcing-windows-10-insider-preview-build-213...

Updated-keyboard-menu

This is the menu of Edge

microsoft-edge-on-chromium-what-does-it-mean_379n.png

Microsoft Edge on Chromium: What Does It Mean?

I don't mean to say that you have to make the context menu like this, but if you use XAML controls, its style will automatically change with system updates. I noticed that some menus in Windows 10 2004 have adopted rounded rectangles. Another difference is that the menu has an acrylic effect, which I think is too important. If there is no transparent effect, I think it cannot be called a "fluent design"

 

3 Replies
I like the rounded right-click menus and the transparency effect on them

@Shompinice LOL I can't wait to ask you this:

 

Kam_0-1611945454763.png

 

 

Why is your profile pic to the left of the feedback button?!