Are you a member? Register or Login

Open Menu
  1. Articles
  2. Layouts

Layouts

Advice for crafting layouts and structure that can create a clear, original web design. Break the mould, and build a unique layout!

10 Ways to Use Mapping in Web or App Design

Layouts / 14 Aug 2019

10 Ways to Use Mapping in Web or App Design

Almost everywhere you look these days, you find a map or location-based nugget of information. Almost every app asks for a location, and their presence is becoming more and more common on desktop websites as well.

But if you have not branched out into the world of mapping or location data, it may seem a little intimidating.

How can you effectively use mapping services for your website or app? We’ll take a look at ten ways you can integrate a map today.

15 Tips for Creating a Great Website Footer

Layouts / 9 Jul 2019

15 Tips for Creating a Great Website Footer

One of the most important locations on your website is the footer. Yes, seriously. It may not be the area of the greatest design or most impressive content but it is a place where users frequently look for information. So it is vitally important that you don’t neglect this area when planning a web design project.

But what elements should you include? How can you keep the footer organized and in line with your overall aesthetic without being obtrusive? You’ve come to the right place. Here we’ll look at tips for creating a great footer with examples of some websites that are doing it well.

10 Web Design Trends We’re Already Over

Graphics / 29 May 2019

10 Web Design Trends We’re Already Over

Design trends have to be used cautiously. Just as quickly as many trends come into fashion; they can fall out of favor and make a design feel dated.

Don’t ignore them completely — testing out trends can stretch your creative muscles and help you create something you might not have tried otherwise. But do be aware of what’s fresh, what’s timeless, and what’s out of date!

Here are 10 design trends that are over (or should be anyway).

Single Page Website Design: 10 Tips + Ideas

Layouts / 22 Apr 2019

Single Page Website Design: 10 Tips + Ideas

Long live single page website design! There’s something almost magical about small-scale websites that fit on a single page. They can be graceful, easy to navigate and provide optimal user experiences in a contained space.

While there was a time when we shied away from single page websites, users are embracing them again (thank you, mobile!) and you should, too.

We’re looking at ten tips, ideas, examples, and suggestions to help spark inspiration for your next piece of web design work. It might be just the right time to keep it simple, and embrace a single-page strategy!

10 Unique + Innovative Website Layout Ideas

Layouts / 27 Feb 2019

10 Unique + Innovative Website Layout Ideas

The idea has been floating around for a while – web design has a sameness that’s just kind of boring. Let’s dive into some unique and innovative website layouts that can break the mold!

Blame user patterns, too many projects for too few designers, or just the desire of clients to have their site looks like something they’ve already seen and understand. But all is not lost. Even though some people are snoozing at what’s out there, designers are still experimenting and having fun with website design.

Today, we’ll break the routine and dive into ten website designs that feature unique or innovative ideas. If nothing else, it should break you out of any creative rut you might be having.

8 Rules for Creating an Effective Responsive Website or App

Layouts / 5 Nov 2018

8 Rules for Creating an Effective Responsive Website or App

Users are spending a lot of time interacting with websites on mobile devices, rather than desktops. And that number seems to be growing daily. According to eMarketer, adults in the U.S. spend an average of 3 hours and 35 minutes on their phones, and the amount of time engaging on these devices is expected to pass TV viewing next year.

That has significant implications for all web designers and developers. You must be creating effective responsive websites or apps to meet this need. Today, we’re exploring eight rules to make sure you follow whenever you’re designing a responsive experience (whether for a website or an app).

Infinite Scrolling: Pros and Cons

Layouts / 26 Sep 2018

Infinite Scrolling: Pros and Cons

One-page websites are a major design trend. Especially when it comes to one-page designs packed with content, thanks to infinite scrolling techniques that allow designers to continue a webpage indefinitely.

This technique is great for some sites and content types, while for others it can be cumbersome and frustrating. Like any other design technique, you shouldn’t do it just because you want to try something new; it should be a strategic part of your design framework. So how can you decide? Let’s take a look at the pros and cons of infinite scrolling websites.

The Golden Ratio in Design: Examples & Tips

Layouts / 24 Sep 2018

The Golden Ratio in Design: Examples & Tips

This might feel like a math lesson but hang in there. The golden ratio combines a little bit of math, a little bit of nature, and a lot of practical application for designers. Let’s take a look at what the golden ratio means for design, and a few tips for using it in your design projects.

The golden ratio has been used throughout history to create design elements that have an ideal visual appeal. Because the shape is rooted in nature and mathematics, it’s the perfect combination of balance and harmony. And it’s a superb tool to have up your sleeve as a designer.

10 Ways to Simplify Your Design

Graphics / 25 Jul 2018

10 Ways to Simplify Your Design

It’s no secret that simple is often better when it comes to website design. An interface that’s simple to understand—and just as simple to use—is more likely to turn visitors into active users who will return to your site later.

But how do you simplify your website? Even if you aren’t building something new from scratch, the trick is to set goals and then look at the path to reaching them for users. Anything that gets in the way of that path should be eliminated. Anything that makes understanding what a user is supposed to do should be removed from the design.

That’s what we’re going to look at today – a few tricks that you can use to simplify your website design. And these ideas work for existing sites and new builds. (This article features examples of stellar simple designs, visit each site for even more inspiration.)

Vector vs. Raster: What Do I Use?

Layouts / 18 Jul 2018

Vector vs. Raster: What Do I Use?

With all of the image options and file formats out there, it can be a little overwhelming when you are choosing what file type to use (and send to clients). Compatibility is always a concern when you are working with different file types, but when it comes to graphics and images the type of computer graphic format you use is essential to how the image renders.

There are two types of digital graphics files – vector and raster. Vector images are made of hundreds of thousands of tiny lines and curves (or paths) to create an image. Raster images are composed of pixels. But how do you know what format is best for your next project?

7 Tips for Designing a Large Footer

Layouts / 28 Jun 2018

7 Tips for Designing a Large Footer

Not all website footers are made equal. While footer design might not be a sexy part of the web design process, a great footer can help users find information, contact you, and better engage with a website. Here’s how you design one that’s functional, and beautiful.

A large footer can also help organize information and make navigating a complicated website that much easier – think about the massive, multi-layer footer on Amazon’s website.

The trick to a large footer is content organization. Once you figure out what the footer design should help users do, it is easier to design a bottom-of-the-page element that you can be proud of. Let’s dive into some footer design tips.

7 Tips for Creating a Time-Saving Design for Users

Layouts / 30 Mar 2018

7 Tips for Creating a Time-Saving Design for Users

Users have short—very short—attention spans. That’s probably evident just looking through your website analytics. This makes it more important than ever to deploy design techniques that help users scan and get the most information from your website in the shortest time possible.

It is your job to understand what users need to glean from the design at a glance and help them get that information, so maybe they’ll stick around and explore your website. Here are a few ways to do it!