Layouts Archive

aspect-ratios

Understanding and Working With Aspect Ratio

aspect ratio

Every image, every canvas, every frame has a shape. And often that shape is a rectangle. Even more common is a rectangle of a particular proportion based on medium.

From cameras to television to movies to computer screens, every medium has an almost distinct shape on to itself. That can be a challenge for designers, especially when you have to crop and convert content and information to fit a variety of mediums. Because of all these different shapes, understanding aspect ratios can help you easily move images and designs from one medium to another.

February 17th, 2015 Posted in Layouts
hublot

Infinite Scrolling: Pros and Cons

infinite scrolling

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.

February 10th, 2015 Posted in Layouts
phi-thirds-lede

Looking at Images: Phi Grid vs. Rule of Thirds

images

When you are thinking about images, do you consider framing and the shape of the crop? The answer does not lie in the shape of the box you just created on a design canvas. It has a lot to do with the content of the image itself.

How you frame and crop images can impact engagement and even how a person looking at the image feels about it (whether they know it or not). Here, we’re going to look at two different ways of thinking about images – using the phi grid and rule of thirds — and how you can apply them to your work.

February 9th, 2015 Posted in Layouts
u-strands

How to Balance Text and Visual Content in Design

text and visuals

We’ve all heard the phrase “sex sells” but when it comes to design, what does the selling? Text or images? The reality is that both are essential parts of almost every design project. What makes the difference between a project that works and one that falls short is striking the right balance between the two.

While visuals are often processed faster, text can provide greater understanding. Creating balance between text and visual content is a combination of understanding your project and the best method of delivery for content, audience expectation, weighting of elements and delivery.

December 22nd, 2014 Posted in Layouts
dog-empathy

Empathy and Design: What You Should Consider

empathy

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.)

November 10th, 2014 Posted in Layouts
footer-lede

15 Tips for Creating a Great Website Footer

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.

August 27th, 2014 Posted in Layouts
How to Create Patterns in Design Projects

How to Create Patterns in Design Projects

design patterns

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.

August 20th, 2014 Posted in Layouts
binding

Designer’s Guide to Printing Book-Style Items

book printing

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.

August 18th, 2014 Posted in Layouts
mapping-lede

10 Ways to Use Mapping in Web or App Design

mapping

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.

June 23rd, 2014 Posted in Layouts
horiz-harm

Horizontal Harmony in Design: Keep It Between the Lines

horizontal harmony

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.

May 6th, 2014 Posted in Layouts
Subscribe

Membership