The development trend of web design: Deep learning flat design

Source: Internet
Author: User
Tags interface version version control system

Article Description: flat design is defined by the style of the plane: The interface is simplified by removing additional elements such as shadows, hypotenuse, textures, and gradients that create 3D styles.

Flat design, or flattened UI style, is one of the most watched web and graphic design trends of the year. and is often taken to compare with the flat to do is the physical and chemical design, the design of both the principle and design style completely opposite.

Designers may wonder, is this a sustainable design trend? or can only be popular, a flash in the pan. Aside from the future and regardless of these objections, most designers would like to try to use this design trend in their own work. Here, we will delve into what is flat style, track the historical roots of flattened design, and introduce how to start our flat design.

Before I start I have to give readers a reminder or a warning: flat design can be used to design a very beautiful and simple interface, but it does not necessarily fit every project. Think about what kind of visual effects you want to achieve and what you want to convey to your users.

What is a flat design?

As the name suggests, flat design is defined by the style of a plane: The interface is simplified by removing additional elements such as shadows, hypotenuse, textures, and gradients that create 3D styles.

The idea is to create a finished pattern that exists only in two-dimensional space and does not abandon the functionality provided by any "normal" interface. Flat design poses a new challenge to designers, because it is difficult to define the main behaviors and elements in the design by removing the decorative and effect of the interface.

The flat design stems from the desire to create more digital interfaces and create more open canvases on digital devices for interface reform. Here are some of the most famous Mac icons that are redrawn as flat versions on their own basis. You can easily see how the icons maintain their style and shape, even though they remove some details, shadows and textures.

The evolution of flat design

Historically, the trend of design has been constantly swinging between complexity and simplicity, as is the trend of style. This is more evident in the field of visual design, especially in the field of Web and multimedia interface design, where the design continues to be shorter and less durable than the traditional print design.

The term "flat design" is created and promoted by Allan Grinshtein in the designer's version control system Layervault. "The elegant interface is the interface that achieves the best effect with the least element," Allan said. The idea is that the simplest interface is better suited to interface functions than more modified, more complex interfaces. The community has adopted this idea on the basis of the idea that it has been bombarded with a simulation interface last year.

Since then, flat design has grown rapidly. Most of the flat design patterns have five features-no effects, simple design and UI elements, focus on fonts, color and overall minimized design. You may also need to download the Flat UI Free interface Toolbox

Flat Design and Microsoft

The biggest player in the flat design and the first one to bring the flat design style to the forefront is Microsoft. 2006, Microsoft launched the Zune music player. It is very expensive and applies DRM to music files, but it is a commercial failure. However, even if the Zune business is not successful, it is the first step in determining the next few years of Microsoft's design. The Zune interface is very concise and is an interface that focuses on lightweight and large fonts, without extra detail and elements.

From 2006 to today, Microsoft has developed the image and visualization interface based on Zune, making them more clear and flat. Other Microsoft products are also affected by this style, such as the Xbox 360 panel, which uses a simple icon and typography based on a rectangular interface. The "Metro UI" of Windows 8 may be one of Microsoft's biggest interface modifications. Its simple geometric interface was soon replicated in Windows Phone 7, a smaller and mobile version than the Windows 8 interface.

[1] [2] Next page



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.