Web design trends you can expect to see in 2013

0 Flares Twitter 0 Facebook 0 Google+ 0 StumbleUpon 0 LinkedIn 0 Pin It Share 0 Email -- 0 Flares ×

Well, it is that time of year where we start to reflect on the past year and look forward to the new year. In 2012 we have seen several new trends appear in web design, one of the most notable being the rise of responsive design.

With just days until we ring in the new year, let’s go out on a limb and make some predictions for 2013, shall we? In this article, I’m going to share with you ten predictions I have about web design trends that could make their way into 2013.

1. Responsive website design.

Boston_Globe_responsive_website-520x292

Duh. It should be no surprise that responsive web design is here to stay, so why do I predict it as a trend in 2013? Simple: the methodology behind responsive design is still changing and being established. For instance, the start of 2012 brought the idea of responsive design catering to breakpoints per device. When new devices hit the market such as the iPad mini, this idea was challenged, leaving us with the idea that the breakpoints should be made when the design falls apart instead.

My prediction is more attention will be made earlier in a website design project to ensure that the responsiveness of the site is based on the design and not the vast variety of devices out there. The idea of forgetting about the size of devices will help drive better responsive design, so we will start seeing websites designed with breakpoints of all types.

2. Typography will take center stage.

Screen-Shot-2012-12-22-at-4.13.57-PM-520x358

Web designers and developers are always focusing on the weight of things such as images and Javascript when they start building their websites. As the last couple of years have seen the first breakthroughs in web type in a very long time, this combination will inevitably drive the increased usage of typography as the central element in website design. While there are things such as @font-face to serve fonts from the server, some of which are heavily weighted — the weight of fonts used for website design are often lighter than their image and script counterparts.

Also, typography and layouts that are based on content are inherently easier to make responsive than really complicated layouts with different types of images and JavaScripts. As an added bonus, don’t be surprised to see more inventive ways of typography being displayed on websites either.

3. Large images used for large impact visuals.

Screen-Shot-2012-12-22-at-4.17.54-PM-520x369

This goes against my prediction above about typography being used more than images due to the site weight. However, more websites are using large images on their home page to make an impact. These same websites are also keeping bandwidth and data usage in mind by only serving large images to those with large screens.

We are seeing more and more websites using large images as visuals on their home pages, and I don’t see this slowing down any time soon. It’s true that these large images make an impact, and companies know this. So, I predict this trend will continue through at least the first half of 2013.

4. Give me (more) white space!

Screen-Shot-2012-12-22-at-4.21.10-PM-520x355

Toward the end of 2012 websites were being designed with more white space. I predict this will continue as we move into 2013. Responsive web design and a clean design aesthetic (with the new Myspace leading the way) are both factors. These white space heavy designs lend an air of gravitas, and who doesn’t want their website to make them seem professional and knowledgeable?

5. Mobile apps will start to replace mobile browsing.

129223342-520x353

Even though there is a push to make websites work on all devices, including mobile ones, certain websites seem to work better when they are used through their own app. Twitter, Facebook, Pinterest, etc are all examples of such websites where their apps are much better than their mobile browsing experience.

The movement from mobile browsing on certain sites to apps that will serve the same content will become accelerated in 2013 as more and more people are using their phone for everything.

0 Flares Twitter 0 Facebook 0 Google+ 0 StumbleUpon 0 LinkedIn 0 Pin It Share 0 Email -- 0 Flares ×

Leave a Comment



  • http://www.cssmatter.com Manish Salunke

    Informative stuff.

Author:

I'm a hardworking web person from Mumbai, India. My main skills in the front-end development of websites. I'm very friendly so please don't hesitate to get in touch regarding any quotes or general inquiries you may have. I founded CSS Matter in 2013 with the sole ambition of design, development, creativity and innovation on the Internet, which recognize and promote the best web designers, developers and web users in the world. I'm skilled, talented, creative and very passionate about my work. - I can make websites that look and function great. - I can design branding that portrays your organization or business perfectly. - I can make eCommerce stores so that you can sell goods or services online. - I can make content manageable websites that are flexible and simple to operate. - I can make any website look great on every mobile device that exists, - I can do loads of stuff. I like to work closely with people to ensure that each stage of a project goes great every step of the way. I like to ensure that all of my finished projects/work reflect how highly I would like to be perceived. I'm confident that with your ideas and my expertise we can create something that makes us both smile. If you like what I do, and think we could work together then don't hesitate to get in touch with me. Skype IM : cssmatter And Email


Want to write for CSS Matter?

If you’re interested in becoming part of the CSS Matter team of authors, please send an email to Manish Salunke. It’s best if you already have article ideas in mind – but if you don’t, he’ll help you find a good topic to cover.

Twitter

Do you want to get real-time updates, interesting web links, site news and announcements via Twitter? Follow CSS Matter on Twitter.

Subscribe to the RSS feed

The best way to keep up with CSS Matter articles regularly is by putting the CSS Matter RSS feed into your feed reader.