Category: Layouts

Categories

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.

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.

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.

Graphics / 20 Feb 2017

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 that 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 users are 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.)

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.

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!