The trend of the web design of the magazine

Source: Internet
Author: User

Let's take a look at a few sets of changes:

In the past a long time, the style of interface design is in a gradual change, "flat" design is in just a few months in a short period of time quickly popular. In essence, this is not just a visual style change, but a design language and the evolution of the way of thinking.

Like the impact of the minimalist movement on the excesses of the last century in architecture, flat design could be a subversion of web sites and interfaces that have been used for years, or too fancy.

Flat design means the interface and icon in the material, shadow, three-dimensional disappearance and so on. In fact, for the interface design, just as people have the fresh needs of the visual senses and fatigue is inherent.

Make the interface more clean, easy to use, thin. Instead of interfering with the user when the user is immersed in the page reading. The complexity of the page comb is very easy to use.

 "Flat" = "magazine"?

Let's take a look at two pages:

(Figure 1) Microsoft Home

(Figure 2) "Time"

Times is the most influential Newsweek in the United States, with the world's "History of the Library," said.

(Figure 1) is the homepage of Microsoft, the obvious flat design.

(Fig. 2) is the website of time, certainly also appears the flat design style, but it and Microsoft's homepage style is different.

Web page magazine design, is flattened more specific embodiment, not remove the gradient, shadow and other complex modification, can be said to be a magazine of web design.

 Font & typography: Arranging routines

magazine design, built on the basis of neat and beautiful text typesetting, text typesetting for content creation structure and rhythm. In different fonts, and font size, color, design.

The official website design style of the plane magazine will be close to the magazine's design style, and it is more vivid than other information type website style, has its own magazine element to integrate in the webpage design.

(Figure 3) "ELLE"

The famous French fashion brand, elle, is fashionable, feminine, modern, positive, cordial, fashionable and full of life.

 Second, the layout: visual guidance

Flat with clear graphic elements to create the most concise visual effects, remove unnecessary lines and boxes, only the content itself to lay out the content, for the content to allow breathing space.

The magazine page, the different area, is good at using the line to divide the page, the solid line, the dash, the thick line, the thin line, different brightness lines, the segmentation is ingenious.

(Fig. 4) "Vanityfair" (Vanity Fair)

Famous American fashion magazine. The content of the report is more for the celebrity private life, at the same time its news, comments, essays and other content also has a certain depth.

Third, Function button: immersed in the content

button, page, scroll bar and other functions immersed in the overall content, not abrupt.

(Figure 5) The function button immersed in the overall design

  Four, the art of white: The design charm of negative space

Stay white--the importance and charm of negative space in design. The use of space in the interface to enhance the content of the white.

White space is an important part of the interface, leaving White is part of the content, as well as the content of the artistic conception of a stretch, excellent white space design, so that the content becomes more beautiful, full of vision.

(Fig. 6) "New Yorker" (yorker)

It is a comprehensive magazine of American knowledge and literature.

Regardless of the realistic design of the object or the flat design, how to surround the needs, let people immersed in their favorite content.

As a product of people and designers, we should not only care about the style and form, but more beautiful experience. "Users" are not just "users", they are people with hope and a wonderful experience. The products you build are designed to help people realize their dreams. How you look at users, help them inspire their inner talents and values, and you will win their hearts. That's not what we're after.

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.