Web design trend and trend

Source: Internet
Author: User
Keywords Designer trend trend web design

It was originally published in the 7th issue of "Programmers" magazine 2010. Author: Siccio

19 years ago, the world's first web page was born, it has no design to say, composed of text and URLs, style only the most basic <h1><p>. Now, web design has grown into an independent and huge design category, the creation of a Web page requires a number of jobs, a variety of technology participation, the complexity and challenges of the process has surpassed any traditional design categories.

Over the past 19 years, the site's owners have become more aware of their goals, and designers have become more rational and focused, and people are constantly seeking business demands, users, aesthetic and technical balance points. Every year in the past, there are countless outdated styles, feature elements, and implementation techniques that are left behind.

The trend of design reflects a period of people's specific style, taste, aesthetics, technology and even the concept of various models or characteristics of the following. The development of new technology, the change of media carrier, the birth of new website type, the influence of global design trend, the change of industry leader, the bright spot of the individual star designer, all these factors are driving the change of the trend. You can recall the patterns that were once rage: retro pixel style, Google's simple wind, Korean-style fresh illustration wind, the rise of the flashsite of irregular layout and animation of abuse, Apple's pursuit of texture, the awakening of user and situational awareness, attention to detail The wide use of rounded corners and shadows; typical color and feature elements in the Web2.0 design craze;

09 Popular Translucent Style:

Space and level sense of magic:

The emergence of tidal currents is the clash of social unity and individual differentiation, each of which pushes the industry forward.

Let's take a look at the changes in these occurrences:

simple, concise, minimalist

Minimalism (minimalism) was hot in the year. There are 4 reasons:

1, the occupancy of hand-held portable devices has gradually increased, people's access to the way has changed, the small size of the screen required to streamline the way in turn affect the overall design trend.

2, Apple is concise, focused, full of temptation design philosophy to regain the trend, many imitators.

3, from the impact of the global design trend: Minimalism, Zen, humanities, space sense of the "Japanese style" in the publication, Fashion design, packaging design, industrial design industry are popular.

4, the site's professionalism and targeted in the further strengthening, people choose a site to do a good job, to achieve the ultimate, rather than blind expansion. This also makes "streamlining" more space for implementation.

Minimalism embodies the designer's powerful control over intention, audience and situation. is not simple to do subtraction can be, if not very good grasp the purpose and reason for the choice, a minimalist for the simple effect of the page may look vulgar unbearable, is "contrived" to leave white.

Fencing This style requires a full confidence and understanding of the work, more attention to detail and layout, grasp the appropriate contrast, emphasis.

Balanced beauty from layout and white

Minimalist style is ideal for websites with pictures as the main body

In the minimalist craze, there are many single-page websites. All content is placed on a page to render, through the screen to cleverly decorate the pattern, no longer has the jump and complex site structure, at a glance.

more humane and interesting design

Operational focus allows designers to put more emotion into the design, and more targeted to please audiences. From the conservative, indifferent, utilitarian old style, the emergence of more vitality and fun products.

Twitter has been a huge success and the lovely bird image has been deeply rooted. Animal-themed logos and website mascots have also been popular.

The reason for this change:
1 is a large number of targeted small and medium sized service and application sites.
2 is the power of the demonstrator.
3 is the inevitable trend of pluralism.
4 In addition to the functional, normative and user experience, designers are looking for things that have never been seen that can impress the user more deeply-"a thing that wins people's affection emotionally."

Affinity, lively, full of appeal, color and fresh, using natural elements as decorative objects.

Once very unusual high saturation color, this full of dynamic and vitality of high-profile design people full of surprises.

Exquisite and interesting details

Original link: http://blog.xiqiao.info/2010/07/19/719

The reference of

to traditional design

Web Design This young branch of the growing self is also constantly absorbing nutrients from the traditional design. In terms of layout and layout, designers have been looking for better performance techniques, so try to seek inspiration from the traditional design media, magazine layout (Magazine-style Layouts) since 09 began to hot, not only large news networks have to change, The magazine layout of WordPress Themes is also hot. This change is not only the formal pursuit of traditional design, more important is to try to learn from the attitude of integration.

Times and Financial times are foreign established media, their website layout combined with traditional paper media layout has many trendy bright spots, such as vertical fluid layout, graphic mixed row, headline emphasis, by the title of the changes brought about by the level of difference.

The majority of such websites in China are still very traditional horizontal block layout, high information density, the layout lacks rhythm and rhyme.

By comparison, the trend of the foreign large capacity information web site is to reduce the information density of the home page, to spread the content to level two channel;
Because of the difference in the value of advertising profits, such sites in the country or the use of high information density index mode, so it looks more like a diversion volume of the "Yellow Pages" rather than the media can be read by heart. In the case of information density and mode can not be changed, copying the layout of foreign countries is very dangerous.

In addition to the style of reference, the traditional layout design of many classic implementation techniques are also transplanted over, the most famous is the gold ratio and grid system (grid systems). The grid system has a history of more than 300 years, using rigorous geometric grids to guide and standardize the distribution of components. The traditional grid transplantation to the web design system, not only created a tool, but also produced a general aesthetic norms and tendencies. Whether you choose to follow the rules or break the rules, it is a push.

960px Wide Web Grid system 960 grid systems:

the changes brought about by individual style

Who represents the trend? Some people think that the changes the designers are after represent the trend, some people think that the top100 is the general trend. To be subtle, two statements are inaccurate, and Top100 does not represent the design Top100, for a variety of reasons, it is likely that they are the most conservative camp. But you can't ignore their impact on the user/customer's aesthetic and visual habits. While designers are willing to challenge and try to change, in the face of personalized design and business design, their trade-offs are often different.

Giants and individuals have been influencing and penetrating each other in the design style. So you should never underestimate the creative designs that appear to be "personalized" and "niche". The best stage to observe them is the designer's blog and profile station.

Below these points are from now on the popular website, slowly by many general public website design trend of characteristics.

larger header area, more eye-catching logo and logo, larger font size title.

The content is more good, but the user can't remember "who are you?" "is also in vain. The larger header area strengthens the user's memory of the brand and style, giving you more leeway to perform.

use the appropriate texture in the background.

More than 10 years ago, in the age of beautification, people also like to use the texture in the background, but mostly only achieved the effect of glitz and noise. Now designers have learned to use textures rationally and quietly to create style, improve quality and bake

Outdoor Apparel Electronic Mall. The rough cement texture was used:

The electronic Mall for baby supplies uses a clean, soft dot texture:

to use the footer area

This is the typical impact of the blog design trend, in the footer area put more information, signs and shortcut entrance.

more attention to quality, more grasp the design of the user's eyes

This change is evident on websites linked to consumption. Designers focus on the use of design psychology and visual communication skills, using emphasis and contrast strategies to guide the user's visual focus. More eye-catching headlines, high quality images, and the use of slideshow to create more space for presentation, all of which emphasize the areas where users are interested.

The professional, direct and effective interface design of Apple's Web site not only touched the hearts of consumers, but also attracted many developers to follow suit, and a lot of app sites are proud to use Apple's style.

IPhone 4 when released apple.com home page: All unrelated to have been omitted, the performance of the subject is infinite emphasis, it firmly grasp the eyes of people, convey the most direct temptation:

Trends in Consumer Web sites: Use more eye-catching headlines, larger-quality product images, and allow users to form sensory perceptions, not just columns of information.

High quality commercial photography is more and more appearing in the site map. Carefully handled the bottom of the picture with a simple overall design, E-commerce site in recent years the trend.

Slideshow's use is in the limelight. Used to show more information in a limited space (usually to put down more big pictures), to increase the movement of the page and the smoothness of the viewing.

Using visual charts on the page is also a trend, and some form manipulations are also processed as interactive graphs. Visualize information or data to help readers understand their meaning more deeply and intuitively.

more effective but low-key interaction.

Interaction is so important in web design that in order for users to communicate better with the interface, many designers have been overly focused on interaction, especially in detail and fail in the overall situation. A large number of interactive behaviors are overly designed and become a burden to users. Many interactions can be avoided if information can be better matched or rendered. In the future, designers strive to reduce interaction by optimizing information architecture and use processes, more mature use of situational menus (contextual menus), and handling of operational feedback more invisibly and naturally.

The design of interaction will develop in a direction that is directly effective, more low-key, and promotes the use of fun.

coda.co.za This site interactive feedback, very simple and elegant, the effect of nature.

When you move the mouse over a CD, the information is displayed by hiding the CD on the right. This feedback is more natural than a floating frame.

Interactive experience consistent with the physical world operation

More and more Web operations allow shortcut keys to participate. Allowing shortcut keys can enhance the efficiency of advanced users, increase the use of fun, but also to improve access to accessibility, and care for users with poor eyesight or mouse.

Original link: http://blog.xiqiao.info/2010/07/19/719

conclusion: Where to capture and observe trends.

Compared with this wave of foreign waves, the domestic designers do not have much action, many reasons for them to face these changes, or conservative or lag. At the same time, a lot of blunt plagiarism and imitation are hurting the domestic design industry, from templates (many are outdated and tort) to start, take the shortcut "doctrine" not only in the corrosion of a designer's creativity, but also the value of the entire industry practitioners.

I hope that young designers as much as possible to pay attention to foreign professional blog and Works Gallery Station (Gallery), bow to work at the same time, looked up the road. In order to provide their own professional judgment in the team, not just a passive "art".

Professional Blog:www.smashingmagazine.com can be said to be now the world's highest content quality web Design Professional blog. Subscriptions are close to 200,000. Designers must not be missed. Sixrevisions.com, led by several technical experts, provides a wealth of skills, tutorials, and resources that are useful to web designers and developers. There are many forward-looking analysis articles. Abduzeedo.com is a big update, and if you're stuck with the design, it's a great place to look for inspiration. Work sharing and Inspiration Collection station: Deviantart.com The world's largest designers show and share the creation platform. Its web site itself is also very characteristic of interactive design. Ffffound.com Picture Class Delicious service, a community where you'll never get the registration code, but it's active in a number of world-class designers and creations. Web Design Gallery (Gallery)

designshack.co.uk (can be filtered by color, layout, and type)

Reeoo.com (can be filtered by color)

Siteinspire.net (can be filtered and sorted by style, subject, site type)

Coolhomepages.com (can be filtered and sorted by type)

It was originally published in the 7th issue of "Programmers" magazine 2010. Author: Siccio

Original permanent link: http://blog.xiqiao.info/2010/07/19/719

Related Article

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.