Category: Layouts

Categories

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.

display-typeface
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.

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!

corner-logo
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!

timeless-design
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.

responsive-photo-gallery
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.)

website-layout-ideas
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.

creating-something-bad
Business / 3 Aug 2016

Have You Ever Created Something Bad… On Purpose?

Be honest. Have you ever created something that was just bad? Now, have you ever designed something bad on purpose? It’s a strange concept, but one that we’re going to be exploring more today.

Sometimes designing something bad can actually yield a positive result. Not sure about that idea? Read on and you just might change your mind. (Then think about each example of a “bad design” and how you could fix it.)

gradient
Graphics / 20 Jul 2016

Is the Gradient Making a Comeback?

One of the techniques shunned by designers at the beginning of the flat design era is making a comeback. Almost overnight, it seems that gradients are popping up in website designs everywhere.

From backgrounds to image overlays to subtle textures on user interface elements, the two-color effect is back in a big way. It’s also a little different this time around. Here’s what you need to know before using gradients again (and plenty of examples to spark your creativity).

consistency
Graphics / 13 Jul 2016

7 Tips for Designing Consistency

Consistency will make your design better, easier to use, and practically invisible. It gives the user plenty of room to experience the design in the way you intend.

Designing for consistency is a no-brainer in some cases and a little trickier to understand in others. Quite simply, consistency is the thread that ties together elements in a single design. It also ties together designs across a single campaign or brand, creating a product that is distinguishable, usable and effective. Take special note of all the examples below, each brand is a leader when it comes to consistent and usable design.

designing-with-data
Business / 10 May 2016

Data, Data, Data: How Do You Design It?

You are probably swimming in a sea of data. Analytics, reports, metrics and data-based facts are the new norm, and people can’t seem to get enough.

But how do you design with data? How do you take something that can be complex, requiring explanation, and break it down into something smaller and digestible without ruining the meaning of the information? It can be a tough task. Today, we’re going to look at different approaches to designing with data and hopefully provide some usable tips!

spacing
Layouts / 12 Apr 2016

Designing Interesting Websites With Space & Asymmetry

When an element uses asymmetrical space, it stands out against other surrounding elements. It will appear more vibrant, which is particularly helpful if you’re designing areas of a page where one link/button demands more attention than others.

Today we’re going to take a closer look at asymmetry expressed through contrast, spacing, and layout. We’re thinking about observable contrast, and how space drives attention.