Are you a member? Register or Login

Open Menu
  1. Articles
  2. Layouts

Layouts - Page 3

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

Design Trend: Experimental Navigation Patterns

Layouts / 22 Mar 2017

Design Trend: Experimental Navigation Patterns

Long gone is the idea that navigation menus must be fixed at the top of a website design. While many designers opt for the safe, consistency of all caps navigation across the top of the screen with sans serif typography, more designs are breaking out of this pattern.

Experimental navigation patterns can be fun and interesting if they are intuitive enough for users to understand reasonably quickly. Different navigation styles can add interest to websites that are small, don’t have a lot of content or want users to move around in a specific way.

While experimental navigation isn’t for every design, it can be a fun alternative for the right project.

4K Video: How to Use It & Where to Find It

Graphics / 15 Mar 2017

4K Video: How to Use It & Where to Find It

Video on the web just keeps getting better. It’s an in-demand feature that everyone wants in their design for good reason. Moving images are engaging, and feel more interactive. A video clip can grab (and hold) the attention of a user quicker and for a longer time frame than just an image alone.

To celebrate a new offering from iStock, we’re looking at the newest trend in website video — 4K. This high-resolution video is a must if you are using video for a website design. Screens are so good and users are so accustomed to top quality visuals that if you aren’t thinking about 4K video, chances are that you might get left behind.

Here are a few ways to use it, and tips for finding great 4K video options to use in your projects.

7 Rules for Creating a Simple Design

Graphics / 18 Jan 2017

7 Rules for Creating a Simple Design

Keep it simple, stupid. This concept dates to 1960 when the U.S. Navy implemented the KISS principle, which maintains that most systems work best if they are simple, rather than complicated. The same is true of pretty much any design project as well.

Most graphic designers learn about KISS early in their careers. So how can you do it? Creating a simple design is a little more complicated than you might think. Here are seven rules to design by, that help you cut away all the clutter and create a beautifully simple account.

How to Break the Grid Without Making a Mess

Layouts / 16 Jan 2017

How to Break the Grid Without Making a Mess

A grid is the foundation of almost any website design. These invisible lines help create rhythmic space and visual flow, so each project carries a sense of organization and harmony.

But you don’t have to stick to the grid 100 percent of the time. You can even break the grid from time to time without making a total mess. Here’s how you do it, while still keeping a website that’s a pleasure to use!

How Does a User See Design?

Layouts / 30 Nov 2016

How Does a User See Design?

There’s often a disconnect between the way a designer looks at a website or brochure or package and the way users see it. As a designer, you can appreciate trends and attention to typography and details in a way that the common user might not.

Users only know whether they understand something when they interact with it. The details of how that interaction happens or why it is pleasing are often lost. It’s a pretty harsh reality.

But there’s a nugget of wisdom in understanding that disconnect. If you think about what users are thinking, you will be a better designer. (Even if you don’t particularly like their thoughts on design.)

How to Design for Long-Form Content

Layouts / 22 Nov 2016

How to Design for Long-Form Content

Forget what you think about user attention spans. Long-form content can be a valuable part of your design strategy (and doesn’t have to be a boring block of ongoing text). Users love a good story and long-form content is a great way to create an immersive and engaging experience.

To keep users interested – and scrolling – you have to design interactions that are visually pleasing and create a consistent experience from the first glimpse to the final act. Here are a few ways to design long-form content that meets those goals with a few examples that are anything but boring.

Choosing the Right Display Typeface: 5 Tips for Success

Graphics / 31 Oct 2016

Choosing the Right Display Typeface: 5 Tips for Success

One of the biggest trends in web design is a large hero image or video at the top of a page with a few words to guide users into the site. This kind of aesthetic puts a lot of pressure on the designer to come up with just the right display typeface to pull the design together.

With so many typefaces to choose from, this can be a bit of a daunting task. But you can find a great typeface with a little planning and luck. Here are five tips to get started with a few beautiful examples of display typography.

7 Tips for Creating a Memorable Design

Graphics / 10 Oct 2016

7 Tips for Creating a Memorable Design

It’s the goal of pretty much anyone with a website: to have users that come back again and again. They share your content; they engage with you regularly; they tell others about the website. They remember the website.

It doesn’t happen by accident. A memorable design is a tool that will help create this user connection. Here, we’re going to look at seven ways to create a lasting impression with seven stunning examples of how to do it. Learn how to create a design that sticks in the long term, and doesn’t fly under the radar!

Design Trend: What’s Up With All Those Tiny Corner Logos?

Graphics / 19 Sep 2016

Design Trend: What’s Up With All Those Tiny Corner Logos?

Have you noticed how small logos seem to be increasingly popular on websites? For a while, it seemed the focus in design was to “make it bigger.” That has shifted — in terms of logo size and placement anyway.

The biggest trend in website design right now is the use of the tiny corner logo. We’re going to break down the trend and look at a few great examples. Maybe you’ll find the inspiration to shrink the logo in your next project. Or maybe you’ll decide to keep it big and bold!

How to Create a Timeless Design: 7 Tips

Graphics / 12 Sep 2016

How to Create a Timeless Design: 7 Tips

The best designs never really go out of style. These classics are often rooted deep in design theory and have that certain something that helps them withstand the test of time. You know some of them – brands such as Nike and Coca-Cola have logos, colors and overall design personalities that have stood for decades.

Thankfully, that timeless concept is something you can apply to almost any project. You might not have the same visual recognition as the Swoosh, but you can create an aesthetic that can work for you for years to come. Here’s how to do it.

7 Tips for Better Responsive Photo Galleries

Layouts / 31 Aug 2016

7 Tips for Better Responsive Photo Galleries

We all know and understand the importance of designing websites on a responsive platform, right? That applies to images and photo galleries as well.

There’s nothing worse than navigating to a beautiful website and seeing images that just don’t “lock” into place or size properly. It almost leaves you thinking that the designer forgot something, or missed a step.

Today, we’re going to look at seven things you can do in the design process to create better responsive photo galleries. (We’re not talking code here; these are design processes that can help you and the developer, whether they are one and the same or not.)

5 Website Layout Ideas That Never Get Old

Layouts / 24 Aug 2016

5 Website Layout Ideas That Never Get Old

There’s always that moment at the beginning of a website design project where you think “where do I start?” You’ll battle the desire to create something totally different and new versus something tested and reliable.

Realistically, there are a few layouts that just never get old. These patterns are generally accepted by users, easy to understand and provide a solid framework for pretty much any design and content type. Here, we’ll look at these five “timeless” website layouts and how to make the most of them for your next project.