Linear navigation Several years ago, designers and developers did everything to avoid linear navigation. It was all about menus and clicking paths. Then the single pagers arrived and stayed with us for good. Now it’s almost unimaginable that scrolling websites were considered something bad (yes it was, by many designers, clients, developers – still, you can hear about the “above the fold” myth). For 2016 web design trends, however, we aren’t looking for the best one-pagers of the year. Let’s try to find some of the new and innovative ways designers are creating linear navigation for web pages. 2016 web design trends: Linear Navigation (Julien Belmonte portfolio)Julien Belmonte online film portfolio film director Julien.
Belmonte’s website is all about films – so it’s brilliant to base the site’s navigation concept on them too. One film after another is highlighted in a horizontal left to right movement, with a moving thin, red line reminiscent of a time marker. Beyond that, there is almost no navigation. The text in the “About” section is not scrollable, evocative of a movie’s closing credits web design trends: Linear NavigationFrancesco Bertelli took an innovative approach with his online CV. His use of an interactive calendar is an aesthetic and effective way to special leads one’s own professional development. The navigation forces visitors to focus on one thing at a time by expanding the screen to tell about each particular event. At the same time, it remains fast and easy to navigate, helpfully crossing out the dates that you’ve already investigated article, Bagigia was an example of the “screen-after-screen” or “previous/next” navigation.
Traditional books accustomed us to the page-after-page navigation paradigm, so it is only natural to see more and more pages reusing this idea. 2016 web design trends: Screen after screen navigation manufacturer of Masterpieces Imperiali Geneve’s “Manufacturer of Masterpieces” uses a similar approach to Francesco Bertelli by focusing user attention on each individual screen to tell their story. The page is linear, but not freely scrollable. You move from screen to screen with no in-betweens. They use slide-in and slide-out navigation to mark the start and end of each screen. This way it resembles movie scene transitions, rather than scrolling a one-pager website. 2016 web design trends: Screen after screen navigation