Category: Layouts


Layouts / 10 Nov 2014

Empathy and Design: What You Should Consider

Do you need to think about empathy when you design? (The answer is yes.) It may seem like a pretty common sense answer, but too often we get caught up in the design and message and not the user.

Who are you creating the design for? How will they connect with it? That’s where empathy comes in. Thinking about it from the start of the process can help you put together an even more successful project. (As you read through this post, look at the examples and think about the emotions these sites make you feel.)

Layouts / 27 Aug 2014

15 Tips for Creating a Great Website Footer

One of the most important locations on your website is the footer. Yes, seriously. It may not be the area of the greatest design or most impressive content but it is a place where users frequently look for information. So it is vitally important that you don’t neglect this area when planning a web design project.

But what elements should you include? How can you keep the footer organized and in line with your overall aesthetic without being obtrusive? You’ve come to the right place. Here we’ll look at tips for creating a great footer with examples of some websites that are doing it well.

How to Create Patterns in Design Projects
Layouts / 20 Aug 2014

How to Create Patterns in Design Projects

Think of how many patterns you follow in your daily routine. From waking up and getting ready for work to falling asleep each night, the day is filled with these small repeating elements that create order and calm. Patterns in design do the very same thing: These repeating elements can bring order to a project and create a sense of calm (or chaos) to set a tone.

That’s the true appeal of a pattern. It helps direct users through an aesthetic by following the pattern or series of objects and tells users how to interact with something. Designers can create patterns in a number of ways – with backgrounds, objects, color, words, panels or by using a combination of these elements.

Layouts / 18 Aug 2014

Designer’s Guide to Printing Book-Style Items

One of the most complex jobs you can take on as a designer is getting something ready for book-style printing. Not only will this type of project include a lot of pages, it can also come with options not available for other types of design projects and its own set of terms and lingo.

What are the terms you need to understand when getting something ready to be printed book-style? We’ve got the answers so you can tackle your first book-style or bound printing job.

Layouts / 23 Jun 2014

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 it 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 10 ways you can integrate a map today.

Layouts / 6 May 2014

Horizontal Harmony in Design: Keep It Between the Lines

Horizontal harmony. It’s one of those things that you seem to only notice when it is missing. Horizontal harmony is the relationship between elements across a design. It’s more than lines and rules; it’s also an invisible grid creates a sense of place for design elements.

How can you create horizontal harmony? While some techniques are easier than others, it is not an overwhelming concept. It just takes a little planning. By thinking about things such as a baseline grid, space between lines of text, positioning of elements and the overall aesthetic, horizontal harmony is just part of the design process.

Layouts / 17 Feb 2014

2014 Will Be Year of Parallax

A somewhat bold prediction: 2014 will go down as the year of parallax. Before you downplay this reemerging trend, think about it. With developments in HTML, CSS and jQuery, and more people running on high-speed internet connections it is not a stretch to think this nifty technique will really explode this year.

Parallax scrolling effects are fun, user friendly and allow for new types of creative thought in the website design process. The end result is a technique that can be fun to create and can create a highly visual and interactive experience for users.

Layouts / 3 Feb 2014

10 Design Trends I Don’t Want to See in 2014

We talk a lot about emerging trends and how to make them work in a variety of design projects. But there are some design techniques that I am, quite frankly, sick of seeing. They are overused, overdone and just not effective anymore. (And if you use them, you risk having a design that looks like a lot of other stuff out there.)

Today, we’re going to take a look at 10 design trends that have outlasted their time. Do yourself a favor and really think about removing each of these tricks from your 2014 projects.

Layouts / 19 Nov 2013

10 Crucial Elements for Any Website Design

While every designer may have a different plan when it comes to building a website, they do have a common checklist. No matter how you try to avoid it, there are a few elements every website should (and usually does!) include.

From plenty of whitespace and great images, to search functionality and clear calls-to-action, these common elements are the things that users expect when it comes to using a site with ease. Today we’re taking a look at ten elements you should prioritise on your website, perfectly designed examples of each, and tips on how to use each in your next website design project. As the saying goes, “the devil is in the details.”

Graphics / 3 Oct 2013

Designing With Circles: Tips and Advice

Once shunned by designers, circles seem to be making a comeback. The perfectly round shape – and its oblong counterparts – can be difficult to work with. The shape does not stack as well as the more standard rectangle and creates a much different overall feel.

The circle is a perfect shape, meaning that it is the same no matter how you look at it. It is complete and in harmony with nature – consider how many natural elements are circle-based. So, as a designer, how can you make circles work for you?

Graphics / 15 Apr 2013

Data Driven Design: A Simple Primer

Web apps are becoming ever-more prevalent on the internet. Some may argue that they are simply more complicated websites. Regardless of their definition; what happens when you are designing for large amounts of constantly fluctuating data?

There are a few examples of data driven interfaces and they all have to handle a lot of varied data that is constantly changing. The most common are admin areas and analytic dashboards. The data can take many forms; graphs, charts, tables or text. Each can be displayed in a variety of different ways depending on the context and meaning you are trying to convey with the data. One thing to remember is that you can rarely be sure of the length or amount of data you need to cater for; so think simple to start…

5 Important Lessons I’ve Learned About Mobile App Interface Design
Business / 25 Mar 2013

5 Important Lessons I’ve Learned About Mobile App Interface Design

I have been designing for a living since 2009 and, in the past three years, I have been focusing my skills on both web and mobile user interface design. During this time I’ve experienced the good and bad of the industry. Good clients, bad clients. Good ideas, bad ideas. Good developers, bad developers. There have been app approvals and app rejections.

Sometimes it can be frustrating, and although these so-called “bad experiences” can suck, they’ve taught me some important lessons. These lessons not only speed up my day-to-day workflow but also help me design a better user experience for the target audience.