ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

7 Web Design Trends to Consider in 2017

Updated on January 19, 2017

This can be the time of year where everybody starts to think “new.” New year. New resolutions. New design styles.
You will find lots of indicators;t say for certain what the largest theories of 2017 will be, while we may&rsquo. Late year tendencies often indicate things to come in design. Some of it will be device-driven, other tendencies are rsquo;ve seen in the past & recycled touches of things we. In either event the brand new year is a great time to step back and think about what innovative design components this year you plan to attempt.

1. Serif Typefaces
Go over Helvetica, a brand new group of typefaces are about to take home pages over. Large, bold typefaces have been a huge deal for a few time because powerful hero is used by a lot of design -style pictures with text overlays.
Sans serif choices have been focused on by nearly all these designs. However, not anymore.
Serif typefaces may be an attractive option to (dare-we-say) sans serifs which were ruling web site design for a long time. There’s a reason supporting the change.
Sans serifs have for ages been considered to be more readable on displays. Narrow switching strokes and serifs can disintegrate at screen resolutions or specific sizes. But more people have hi def displays on all their apparatus, leading to increased readability. So go use those serifs!

2. Dim Aesthetics
Shadowy backdrops are returning to fashion while 2015 and 2016 found plenty of web site designs that are minimal with light or white backgrounds.
What’s fine about it tendency is it is simply a flop of the aesthetics to be on trend with light elements becoming dark and dark components becoming light. So long as enough contrast is provided by your emphasis colours it could possibly be an enjoyable manner to ignite new interest in an older design.
Another thing that’s beginning to emerge with web sites that were dark is a more monotone colour palette with only several colours or colour rsquo & that;s earmarked simply for photos. While this may sound crude in the beginning, a look at these designs reveals that the contrast between dark and pops of colour is a great way to attract on the eye and support user interaction.

3. Neutral Colour Palettes, natural
Pantone decided ndash; Greenery &ndash & a natural neutral because of its colour of the year; this will probably be an important colour style in 2017, and if what we’ve learned in previous years holds. Colour trends are often shaped by Pantone colours of the year for the year to come, as opposed to showcase styles which have come and gone.

Neutral or more natural palettes continue to play minimal aesthetics off, giving a hint of colour to designers without changing to a super-brilliant palette. A great deal of the colour varieties grays contain natural colours – greens, browns and blues – or metallic neutrals like gold or rose gold.

4. Aspects that are geometric
From circles to squares to triangles, geometric emphases are taking over. The geometric designs that are top aren’ offer user interaction clues and t that clear

5. Oversize Sort
While some designers have already been using oversize typography for a few time, in your face lettering is going to carry on to get more daring and larger. From single word homepages that ask users to move to words in intriguing typefaces throughout the design on a whim or with dashes of colour, text is more crucial than in the past.
The logic behind these sort choices is to capture focus. Every designer has to come up along with a method to make their design stand out from the rest. What likely to capture someone’s focus in the busy internet landscape? It& rsquo likely something distinct; something with a lot of comparison or a super-powerful visual.
Super-sized lettering can often fit the bill. Defeat Cycling does an excellent job with typography. They only a hint sudden and is intriguing whilst the colour choices bring on the use to the design.

6. VR Wannabes
Virtual reality appears to be all we are speaking about today. The apparatus have there and a certain cool factor ’s lots of discussion on how to assemble design for all these apparatus that is distinguishing -based encounters. It's also possible to falsify it.

A lot of designers are creating apparatus-less VR encounters in their website designs. Including everything from games to 360-degree video to film-like encounters. The only real commonality is the fact that each of these designs has a target of creating the user look like they are part of the encounter, plus they don’t wish to depart at this world that is imaginary.
There aren’ for just how this appears, t rules. VR designs differ from displays that are naturalistic to fully animated fantasies. All depends upon the sort of user you aspire to bring to (and thru) your web site design.

7. New Navigation Designs
Designers happen to be trying a lot with different navigation designs. For many time every menu appeared to be anchored to the very top of the page.
But with broader aspect ratios on concealed navigation and displays becoming normal on mobile apparatus, the design has started to transfer to concealed and side fashions for background web sites as well.

This little shift entirely shifts changes the size of the canvas to be designed – look how slick the side navigation is on the Okinawa website – and the point of view of the internet site. It creates several types of spaces, which may be intriguing without plenty of dash that is other.
Concealed navigation that pops right into a full screen menu is the fashion that’s a lot more than likely to rule however. The user routine has already been comprehended and recognized due to prevalent use on mobile apparatus. Background users don’ with a “tacky” icon for the menu, it could go through the website without getting in the way of other content and t fumble with this kind of navigation.

Let's know

What styles are you most excited looking forward to in the brand new year of design or about? Is there something you're finding that we missed in this roundup? See and drop us line on


    0 of 8192 characters used
    Post Comment

    No comments yet.


    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

    For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at:

    Show Details
    HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
    LoginThis is necessary to sign in to the HubPages Service.
    Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
    AkismetThis is used to detect comment spam. (Privacy Policy)
    HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
    HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
    Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
    CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
    Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the or domains, for performance and efficiency reasons. (Privacy Policy)
    Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
    Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
    Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
    Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
    Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
    VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
    PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
    Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
    MavenThis supports the Maven widget and search functionality. (Privacy Policy)
    Google AdSenseThis is an ad network. (Privacy Policy)
    Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
    Index ExchangeThis is an ad network. (Privacy Policy)
    SovrnThis is an ad network. (Privacy Policy)
    Facebook AdsThis is an ad network. (Privacy Policy)
    Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
    AppNexusThis is an ad network. (Privacy Policy)
    OpenxThis is an ad network. (Privacy Policy)
    Rubicon ProjectThis is an ad network. (Privacy Policy)
    TripleLiftThis is an ad network. (Privacy Policy)
    Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
    Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
    Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
    Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
    ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
    Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)