Leading the trend! Top 24 winning webpages

Today's web design has changed a lot compared with the past few years. It has completely changed the concept of Web Design for designers and will develop in full swing in the next few years. We have come into contact with vertical scrolling, flat design, retro color, minimalistic color, and magic lamp animated display. Of course, responsive design is the most popular trend.

Recently we have seen transparent slides and long projection designs. In this case, we will see that these trends have a huge impact, they have overturned the previous design of anthropomorphic objects and become a new round of trend. With the increasing use of mobile devices, designers are more and more responsible. How to inject ideas into new design trends is a key point.

Award site DANIEL J DIGGLE

CSS design award, January 5, 2013

This combination contains many current design trends and is seamlessly presented. It has a grid layout landing page. When you click a link, it will jump to the corresponding content block. The page is very clean.

PAPER TIGER AGENCY

Award received in January 1, 2013

The text on the homepage is in two-line layout. The red part changes. The first line is composed of a white static "Paper Tiger" and a pink font. The pink font is flipped and changed, including "Develops/Consults/Designs ". The static white font in the second line is "for the", and the dynamic red font is "Brand Message/Business Goal/User Experience ". Therefore, the entire sentence contains many combinations. The background is an animated image of playing a black rubber record. It is a well-thought-out homepage of a website. The color scheme is black, white, and red, classic.

MICHEAL NGO

Award received in December 31, 2013

This is a single-PAGE vertical scroll Design website. The designer on the landing page blinks his glasses. When you scroll down the page, you will see a set of black and white grid layout content, the bottom of the page is the feet of the designer standing. The information provided by this website is that the designer raises his own single-page website! Very valuable.

ALEE FOROUGHI

Css design award, December 26, 2013

This website has a very beautiful vertical scroll effect. There is also a triangle-based grid layout in the middle. The entire website is simple, generous, and beautiful.

ETEC MINDS

Css design award. December 12, 2013

The landing page of the website is an office work animation scenario of Etec Minds. The homepage has a good vertical scroll effect and some nice flat designs. It is not a responsive website, but it has a dedicated mobile version for mobile terminals.

FIXATE

Css design award, December 9, 2013

The home page of this website is very bright! All elements are in the form of a line drawing, but they are not messy at all, but they are very beautiful.

Departement Creatif

Award received in December 8, 2013

Unlimited rolling and responsive websites. Flat design. Grid layout. Word: Cool!

ANTRO

Award received in November 27, 2013

The landing page of the website has a geometric animation. When you scroll down, you will find that the design of all elements is small and exquisite. Flat design. Next, there will be four slides. If you click the arrow, the slides will automatically expand to the page size. When you continue to scroll down the page, the slides will automatically change back to the original size. This is a very beautiful and creative website.

ELEGANT SEAGULLS

Award received in November 20, 2013

Another rolling website. Responsive and flat design. Although the rolling process is not smooth and natural, it is also wonderful.

TEAMGEEK

Award received in November 16, 2013

Teamgeek shows all current design trends: vertical rolling, flat design, retro color, minimalism design, and grid-based layout. But it is not a responsive website, but it has another version for mobile terminals.

STEREO CREATIVE

Award received in October 13, 2013

Rolling websites are about to burst ~ Flat design, retro color, and display of slides. Like the one above, it is not a responsive website, but there is another version for mobile terminals.

TRIA

Award received in October 12, 2013

To open this page, you must carefully grasp your mouse position =. = Don't be confused when you see a girl blowing gum bubbles. = When you move the cursor around the page, the girl on the page will naturally disappear, and the text link will pop up to your eye. Click them under the bubble and you will enter a new world! This page is very creative and won't hesitate to win the grand prize.

CINNAMON TOAST

Award received in September 21, 2013

The website's landing page has a video clip of workaholics. This is a parallax rolling site. During the scrolling down process, the video in the header is always there. This design makes you feel refreshed. In addition, the website is fully responsive.

MIAGUI

Award received in September 12, 2013

Another site that includes many design trends. For example, vertical scrolling, grid layout, and flat design. However, it is a pity that the website only has a pc without a mobile version and can only be viewed on a computer or tablet.

ABBEY PUTINSKI

Award received in September 7, 2013

Wipe! Creative websites! It's an adventure! Open the homepage, close the notification bar, and then display a map in front of us. Flat and translucent design. The mouse has changed to a hand at this time. Drag the PAGE map to extend it! I'm not sure how big the map is, maybe a city? Maybe this Earth? In any case, it is responsive.

THE BIG BAD WOLF

Award received in September 7, 2013

Oh! Grid, grid, grid! There is nothing else about this website, that is, there are a lot of grid la S. Black and white colors are very attractive.

MOVING THINGS DESIGN

Award received in August 31, 2013

This website is nothing more than flat design, vertical scrolling, full response, grid-based layout, and a large number of solid colors ...... Do you still need to add other elements? This website deserves a big prize.

AGENCE XY

Award received in August 19, 2013

I have to admit that this site is like performing magic... Click on each connection, and the transition form is very beautiful! In addition, this website is responsive.

NIQUE WOODHOUSE

Award received in July 29, 2013

The navigation method of this site is very unusual. You can drag the page to convert the page horizontally or vertically. There is a small navigation bar in the upper right corner to show you your page. You may not be able to adapt to such a high-end design at the beginning, but it is perfect.

LUCAS NIKITCZUK

Award received in July 28, 2013

The designer's personal parallax rolling website. As the page goes down, the circle shows the designer's personal project. Uses a flat design to provide sufficient response.

THE SECRET HANDSHAKE

Award received in July 21, 2013

The website is based on grid layout, flat design and big font design. Full response.

ADAM RUDZKI

Award received in June 7, 2013

Well, it is also a website with many design trends: vertical scrolling, flat design, huge color blocks, and grid-based layout. But not responsive.

Summary

In fact, we have seen these trends have been popular for some time in the past few years. Some of them are emerging and may not be able to withstand the test of time. With the popularization of responsive design and flat design, in fact, a lot of creativity cannot be injected into the website design requirements. From the above example, we can find that responsive design is ignored, instead of the content that must be displayed. However, most websites will still go out for another mobile version.

In general, if you want to make responsive, some good ideas may be abandoned halfway.
Do you think flat design and responsive design will survive with time? To emphasize these two designs, what can you do? Transparent design and long projection may be a trend! Leave your comments on the Web Design Trend in the comment box!

Link: http://www.cnblogs.com/oooweb/p/24-winning-webpage-design.html

Via uisdc