20 Examples of one-page scrolling page design with exquisite heart

Single-page scrolling is currently a separate category in web design, navigation, menus and other elements of the design of Web pages have a unique approach. Very simple wind navigation bar design is actually not too much, after all, the navigation bar should be part of the comprehensive and resident page. And the existence of Hamburg menu allows navigation to have a better hiding, get rid of the scroll bar, pagination and complex drop-down box, so that the page more tidy, for visual design left more space, retain the user.

It is also worth noting that even if the navigation design is sufficiently hidden, users will not be lost between pages, and they are much smarter than the "ordinary user" we set out to design. Web page More than 20 years, we have been accustomed to the Top-down browsing, in the absence of additional logo reminders and navigation exists, users will subconsciously scroll down, which is a single-page design and no navigation design important prerequisite. Developers make full use of the single page and parallax characteristics, so that the page more vivid and natural, but also more in line with touch screen equipment. Smart designers will be the mobile end of the element is not easy to interact with the removal of the page design more unified, more compatible.

As a result, the new set of long scrolling page design seems to have more possibilities, eclectic design techniques can make the long scrolling page glow with extraordinary vitality. Today we've collected 20 unique, single page scrolling pages that are designed to be an alternative to page layouts and navigation designs. If you are looking for a well-designed web page, this case will brighten your eyes.

We Are Top Secret

We are top secret in the navigation design is quite mild, the designer did not use the eye-catching downward scrolling arrows to remind, there is no significant scrolling effect, only at the bottom with a small "Scroll down" tip visitors, and very high degree of integration.

Fixed Group

The Fixed Group's page design is extremely cool, and the navigation bar is hidden in the Hamburg icon in the upper-left corner. To guide the user down, the designer placed a very narrow arrow at the bottom of the page, which looks interesting. The slight folding effect in the page also "lures" the user to scroll the page.

Giampiero Bodino

This web page is also very prominent in the user experience and is especially good for touch screen devices. The designer highlights the features of the page's drag-and-drop browsing, which can be scrolled vertically or horizontally.

Lois Jeans

Lois Jeans's page design fresh and full of vitality, skillfully with the color and through the scattered text to create chaos in the orderly beauty. The navigation bar, which resides at the top, facilitates user positioning, and designers do not use page-flipping prompts that are common in single pages.

Less Love more

Less love is more of a pioneer Web page project, where the most characteristic interaction is its important feature. It does not use the usual horizontal or vertical scrolling, but to go into the "inside". To explore, you need to click on the zoom or Zoom Out button, with the mouse wheel or fingers can be easily operated.

Weltrade

Weltrade to create a gorgeous and gloomy scene, as a landing page, whether the desktop or touch screen can be easily operated, but the page is littered with diamond buttons, the best operating media or fingers.

The boat

Many sites want to tell stories, like the use of exquisite illustrations to strengthen the user experience, and this page is the way to do so. Scrolling down is the simplest and most intuitive way to interact, so this page has no paging instructions.

Storied

As the storied uses a large number of round controls to enhance navigation interactivity, such unconventional page designs often leave a deep impression on the user.

Urban Walks

Although urban walks uses a common single page design, using small dots on the right as a page-turn indicator, but the overall color and detail design is in place, can be called textbook-style web design.

House of Borel

House of Borel Design is really simple to the extreme, can omit visual elements are removed by the designer, even including navigation. The entire landing page has only one title, several buttons and a set of dynamic effects. And the last part, you need to interact with the mouse or your fingers.