Category: Layouts

Categories

Layouts / 13 Nov 2017

Parallax Effects Compared: 5 Choices to Consider

Parallax effects remain one of the hottest web design trends. This animated scrolling technique happens when background and foreground move at different speeds while the user scrolls so that there are two independent layers moving at the same time.

This effect can be used for any number of website types and is a fun way to create – and increase – user engagement. The nice thing about parallax effects is that you don’t have to use them on every page of a design; parallax scrolling is a great homepage technique to help drive users to calls to action or other content.

Parallax effects create an element of depth and distance and a greater sense three-dimension than some other techniques, making users feel like part of the design.

The downside to parallax effects is that they don’t always work on mobile devices. (But there are some workarounds for that as well in the tutorial at the end of this article.)

Here are five parallax effects and styles to consider. (Make sure to click through the links to see exactly how each animation works.)

Graphics / 1 Nov 2017

Design Trend: Dark Color Palettes & Animation

Have you taken note of all the super dark design patterns lately? Designers are experimenting with some funky, dark design patterns that feature animation in the same color scheme.

These animations include everything from simple movements that happen on their own, to hover effects and full cinematic experiences. Let’s dive into this website design trend and explore a few ways to make it work for your projects.

Layouts / 11 Oct 2017

Coming Soon Landing Pages: Tips and Best Practices

What do you do when your website is under construction and you aren’t quite ready for launch?

Whether you’re generating buzz to release a new product or app, or just waiting for a new website project to be ready, a coming soon page can be the fix.

When used well, coming soon pages can help generate leads (with an email signup form) and drum up some interest for your website.

Graphics / 25 Sep 2017

What’s a Logo Grid, and Why Should You Use One?

So you need to design a logo. Where do you start? Shapes? Typography? A grid?

A logo grid or construction guide is a popular starting point for many designers looking to create a logo. The use of a grid system, especially for a design that might often render at extreme sizes – very large or small – can help you create something that has visual harmony, an organized aesthetic and purposeful design.

Layouts / 20 Sep 2017

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?

Graphics / 31 Jul 2017

7 Tips for Creating a Website Header That Wows

A website header is often the first thing that a user sees. It can make or break the user experience, your branding, and much more!

To help retain users and keep them moving through the design, you need to create a website header that wows. And not just on the homepage. On every single page of the design. (Remember, a significant number of users don’t go to your homepage first.) Here’s how you do it.

Graphics / 14 Jun 2017

Flat Design: An Evolving Trend

Is the flat design trend finished? We don’t think so. It’s not dead yet. But the trend has evolved to be less stark and more engaging for users.

The early days of flat design were marked by a complete lack of design elements such as shadows, gradients, or realistic elements with texture. Many of those design elements are back, but are being paired with the overall idea of flat design to create a website user experience that’s both simple and easy to engage with. Depending on what side you are on, it might be a better version of flat design.

Here’s a look at the flat design trend evolution, and where we are today.

Graphics / 5 Jun 2017

Poly Shapes: A New Design Trend We Love

There’s a new favorite shape in design these days – the polygon. These affectionately called “poly shapes” are popping up on websites, posters and in printed projects. And one of the best parts of this versatile trend is that each of these designs is so different.

Polygons are shapes that are defined in elementary geometry as a “plan figure that is bounded by a finite chain of straight line segments in a loop to form a closed polygonal chain.” The shapes can have any number of sides or orientation, can be filled or hollow and can have paths and strokes that intersect. Ploygons are typically flat, two-dimensional shapes, although in website projects some polygons animate move and seem to have more 3-D characteristics.

Polygons are a fun technique for new projects or can bring new life to a design that’s feeling a little stale. Here are a few projects with poly shapes to help jumpstart your next brainstorming session.

Graphics / 29 May 2017

4 Reasons Why Your Body Text Should Be Bigger

The body text on your website is too small. While desktop monitors and phone screens seem to be increasing in size, body font sizes have seemingly shrunk. While their original size is the same, they feel smaller than ever.

Too often, I find myself squinting at the screen to read content. And it shouldn’t be that way. Today we’re looking at the reasons for this increasing problem, and how you can fix it!

Graphics / 10 May 2017

Brutalism: A New Trend in Web Design

Some designs aren’t polished and clean. They are rough, jarring and ragged. Yet they still work and communicate effectively. This class of websites makes up the raw trend called brutalism.

While it is somewhat new to web concepts, it’s been around for decades as a popular technique for posters and art in the 1950s, 60s and 70s. Today’s brutalism is starkly different from what you are used to seeing… and that’s why it’s likely to catch your attention. Let’s take a look at what it is (and I’ll share why I’m already over it!)

Graphics / 1 May 2017

Stunning Examples of White Space… That Aren’t White at All

When you think of white space in web design, examples such as Apple or Google are probably the first ones that come to mind. While these companies do a great job of using white space in their designs, there are plenty of other ways to make the most of space.. even if it isn’t always white.!

White space is an important part of your design plan. Here, we’re going to look at the importance of space as a design tool and five examples of websites that are making great use of white space (that isn’t white at all).

Business / 10 Apr 2017

Good Design Starts With Real Content

You’ve probably heard the phrase “content is king.” Cliches aside, it really is. When it comes to website design, quality content is the cog that powers usability, user flow and conversions.

You need real and authentic elements to create a connection with users to engage them. The best designs start with content that is close to the final product, and designers should be reluctant to work with anything less. But what is real content anyway? Here’s a guide to get you started.