Layouts - Page 2

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

Vector vs. Raster: What Do I Use?

Layouts / 26 Aug 2020

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?

What Is a Wireframe & How to Design Them: A Beginner’s Guide

Graphics / 2 Jun 2020

What Is a Wireframe & How to Design Them: A Beginner’s Guide

Every structure, every building, every design starts with a wireframe. It’s an important part of the design workflow that determines the success of the entire project.

Whether you’re working with digital user interface designs or banner designs, wireframes should be part of your design process. In this guide, we’ll help you understand what is a wireframe and why they’re important.

We made this guide for both beginners and advanced designers to convey the importance of wireframing. You’ll learn everything from how to design wireframes to the best tools for wireframing, tips for avoiding common mistakes, and more.

Let’s get started.

15+ Creative Website Header Design Examples + Tips

Layouts / 21 Apr 2020

15+ Creative Website Header Design Examples + Tips

The website header, also referred to as the above the fold section, is arguably the most important part of a website. Mainly because it’s the first part of the website visitors see when they arrive on the website.

When it comes to websites, first impressions matter a lot. And the header section plays a major role in it. In fact, according to a study, the majority of website visitors only stay about 15 seconds on a website before they leave.

The header design of your website will play a key role in whether you can convince a visitor to stay longer than 15 seconds.

With the right header design, you can influence visitors to keep browsing the website. You can also design a header in a way that persuades visitors into taking action as well.

To help you find inspiration and learn a few tricks about effective header design, we handpicked some of the best website header design examples for your inspiration. These designs will surely help you make your own headers stand out from the crowd.

5 Tips for Creating a Web Form That Converts

Layouts / 2 Mar 2020

5 Tips for Creating a Web Form That Converts

Your web form might look good, but does it convert? A high-converting web form is a must if you want to capture user information, build a subscription list, or create a quick checkout experience. It isn’t enough just to have a form that looks inviting. It needs to function well!

Users are getting more and more spoiled to well-designed and functioning forms, leaving little room for those that are clunky, awkward, or just don’t quite work.

So how do you do it? Here are five tips for creating a web form that will help convert users and grow your online presence.

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.

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.

10 Ways to Simplify Your Design

Minimalist Graphic Design / 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.)

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.