Windows 10’s new Start Menu vs previous Start Menu: What’s modified?

0
114

Earlier this yr, Microsoft launched a brand new iconography design for Windows 10 that incorporates a vibrant and vibrant look.

As a part of the brand new design makeover, Live Tiles shall be fading into the background, and new icons can be entrance and middle versus the present monochrome design we’ve. With Windows 10 model 20H2 replace, we’re lastly getting a extra unified Start Menu expertise.

This replace would introduce a fluent-based theme for the Start Menu versus the present design with the brilliant colors that aren’t according to its Fluent Design System.

Currently, we’ve a Start Menu with massive colored squares (stay tiles) that aren’t according to its Fluent Design System and Windows 10’s darkish or mild theme.

                #td_uid_1_5f5e6f0bbdc08  .td-doubleSlider-2 .td-item1 {
                    background: url(https://www.enter21st.com/wp-content/uploads/2020/09/Old-Start-menu-in-light-theme-80x60.jpg) 0 0 no-repeat;
                }
                #td_uid_1_5f5e6f0bbdc08  .td-doubleSlider-2 .td-item2 {
                    background: url(https://www.enter21st.com/wp-content/uploads/2020/09/Old-Start-menu-in-dark-theme-80x60.jpg) 0 0 no-repeat;
                }


            <div id="td_uid_1_5f5e6f0bbdc08" class="td-gallery td-slide-on-2-columns">
                <div class="post_td_gallery">
                    <div class="td-gallery-slide-top">
                       <div class="td-gallery-title">Windows 10's previous Start Menu</div>

                        <div class="td-gallery-controls-wrapper">
                            <div class="td-gallery-slide-count"><span class="td-gallery-slide-item-focus">1</span> of 2</div>
                            <div class="td-gallery-slide-prev-next-but">
                                <i class="td-icon-left doubleSliderPrevButton"></i>
                                <i class="td-icon-right doubleSliderNextButton"></i>
                            </div>
                        </div>
                    </div>

                    <div class="td-doubleSlider-1 ">
                        <div class="td-slider">

                <div class="td-slide-item td-item1">
                    <determine class="td-slide-galery-figure td-slide-popup-gallery">

                            <img src="https://www.enter21st.com/wp-content/uploads/2020/09/Old-Start-menu-in-light-theme-750x420.jpg" alt="Old Start menu in light theme">


                    </determine>
                </div>
                <div class="td-slide-item td-item2">
                    <determine class="td-slide-galery-figure td-slide-popup-gallery">

                            <img src="https://www.enter21st.com/wp-content/uploads/2020/09/Old-Start-menu-in-dark-theme-750x420.jpg" alt="Old Start menu in dark theme">


                    </determine>
                </div>
                        </div>
                    </div>

                    <div class="td-doubleSlider-2">
                        <div class="td-slider">

                <div class="td-button td-item1">
                    <div class="td-border"></div>
                </div>
                <div class="td-button td-item2">
                    <div class="td-border"></div>
                </div>
                        </div>
                    </div>

                </div>

            </div>

As you may see in our before-and-after demonstration, Microsoft has changed the colored tiles with translucent squares and rectangles with icons inside.

                #td_uid_2_5f5e6f0bbe3cf  .td-doubleSlider-2 .td-item1 {
                    background: url(https://www.enter21st.com/wp-content/uploads/2020/09/New-Start-Menu-in-dark-theme-80x60.jpg) 0 0 no-repeat;
                }
                #td_uid_2_5f5e6f0bbe3cf  .td-doubleSlider-2 .td-item2 {
                    background: url(https://www.enter21st.com/wp-content/uploads/2020/09/New-Start-Menu-in-light-theme-80x60.jpg) 0 0 no-repeat;
                }


            <div id="td_uid_2_5f5e6f0bbe3cf" class="td-gallery td-slide-on-2-columns">
                <div class="post_td_gallery">
                    <div class="td-gallery-slide-top">
                       <div class="td-gallery-title">Windows 10's new Start Menu</div>

                        <div class="td-gallery-controls-wrapper">
                            <div class="td-gallery-slide-count"><span class="td-gallery-slide-item-focus">1</span> of 2</div>
                            <div class="td-gallery-slide-prev-next-but">
                                <i class="td-icon-left doubleSliderPrevButton"></i>
                                <i class="td-icon-right doubleSliderNextButton"></i>
                            </div>
                        </div>
                    </div>

                    <div class="td-doubleSlider-1 ">
                        <div class="td-slider">

                <div class="td-slide-item td-item1">
                    <determine class="td-slide-galery-figure td-slide-popup-gallery">

                            <img src="https://www.enter21st.com/wp-content/uploads/2020/09/New-Start-Menu-in-dark-theme-750x420.jpg" alt="New Start Menu in dark theme">


                    </determine>
                </div>
                <div class="td-slide-item td-item2">
                    <determine class="td-slide-galery-figure td-slide-popup-gallery">

                            <img src="https://www.enter21st.com/wp-content/uploads/2020/09/New-Start-Menu-in-light-theme-750x420.jpg" alt="New Start Menu in light theme">


                    </determine>
                </div>
                        </div>
                    </div>

                    <div class="td-doubleSlider-2">
                        <div class="td-slider">

                <div class="td-button td-item1">
                    <div class="td-border"></div>
                </div>
                <div class="td-button td-item2">
                    <div class="td-border"></div>
                </div>
                        </div>
                    </div>

                </div>

            </div>

The modifications are seen even if you happen to don’t pay shut consideration to the stay tiles. The chaotic colored squares are gone and Microsoft’s new replace gives a visually unified design for the Start Menu.

Microsoft has additionally confirmed that this alteration will provide higher help for system-wide mild and darkish modes.

Windows Start Menu

Fluent Design icons for apps like Edge, Films & TV, and Excel are not overshadowed by dominant accent colors. Without these chaotic colors, every app’s icon stands out and the interface is extra constant.

The way forward for Windows 10’s Start Menu and Live Tiles

Microsoft is exploring methods to make the icons pop and match the theme choice of Windows 10. Currently, Microsoft plans to proceed supporting Live Tiles, however as I reported earlier this yr, Microsoft is slowly making its method in direction of the dying of stay tiles.

It’s probably that Windows 10’s Start Menu would possibly quickly look loads like the brand new Windows 10X Start Menu ‘Launcher’. While technically it’s attainable to swap out the previous Start menu with Windows 10X’s Launcher, Microsoft shouldn’t be prepared to do this simply but.

This is as a result of Microsoft presently plans to attend for the suggestions from the early adopters of Windows 10X, which suggests the corporate’s modular OS will decide the way forward for the Start Menu.

The publish Windows 10’s new Start Menu vs previous Start Menu: What’s modified? appeared first on Windows Latest

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.