Category: Layouts

Categories

designing-with-data
Business / 10 May 2016

Data, Data, Data: How Do You Design It?

You are probably swimming in a sea of data. Analytics, reports, metrics and data-based facts are the new norm, and people can’t seem to get enough.

But how do you design with data? How do you take something that can be complex, requiring explanation, and break it down into something smaller and digestible without ruining the meaning of the information? It can be a tough task. Today, we’re going to look at different approaches to designing with data and hopefully provide some usable tips!

spacing
Layouts / 12 Apr 2016

Designing Interesting Websites With Space & Asymmetry

When an element uses asymmetrical space, it stands out against other surrounding elements. It will appear more vibrant, which is particularly helpful if you’re designing areas of a page where one link/button demands more attention than others.

Today we’re going to take a closer look at asymmetry expressed through contrast, spacing, and layout. We’re thinking about observable contrast, and how space drives attention.

typography
Layouts / 5 Apr 2016

Web Design Best Practices: Minimalism & Typography

When talking about design we need to consider text from a designer’s perspective. Text must be legible and readable while fitting nicely with the website’s style. But it also must relate to a hierarchy of content.

Building hierarchies is the “big picture” of a website’s composition. But as you move into typography, you also must create hierarchies related to specific text on the page. In this piece, we’ll explain creating relationships with your headers and how to use white space to make lengthy paragraphs visually digestible.

rule-of-three
Graphics / 21 Mar 2016

Design Theory: The Rule of Three

One. Two. Three. Now stop counting and think about how elements grouped in threes can work for your projects. It’s an interesting concept but one that crosses multiple disciplines.

In public speaking, three points in sequence are crafted to drive home a point. In photography and art, the rule of thirds helps you visualize the canvas differently. Even the American Declaration of Independence is rooted in three rights: life, liberty and the pursuit of happiness. How can you think more about groupings of three and implement this magic number into your projects? We have a few suggestions.

space
Graphics / 8 Feb 2016

How to Create a Design That Lives in Space

When you think of space, the first thing that might come to mind as a designer is “white space.” Today though, we are going to look at outer space and how to design elements that live in the outer realms.

The trick to designing “in space,” as we’ll call it, is to avoid common traps and clichés. But an overall dark and starry aesthetic can be a fun way to do something a little bit different with a project. Join us as we take a look at a few examples, and tips for figuring out how this type of design can work well.

melanue
Graphics / 6 Jan 2016

7 Ways to Design a Killer ‘First Screen’ for Your Website

It’s time to talk about first screen design. The first screen is that initial glimpse that a user gets into your website. It’s everything above the scroll, whether the user accesses a website from a desktop, tablet or mobile device.

The information you include on this “first screen” is the key to website success. The design can entice and keep users clicking, or force them to navigate away from the page. What needs to be on the screen before users start scrolling? Let’s take a look.

constraints
Graphics / 4 Jan 2016

Designing With Constraints: Thinking Inside the Box

It’s one of those fundamental parts of design we don’t talk about much: Designing within the rules. We talk a lot about creativity and innovation, but sometimes leave out one of the ideas that pushes most projects along, and that’s actually creating something with a lot of rules attached. It’s thinking “inside the box.”

Design constraints are those little keys to consistency that help brands establish visual identity and guide voice. These restrictions can come in a number of forms, and like them or not, it’s something you are going to have to deal with.

And here’s the good news: Constraints can actually help you become a better designer.

hierarchy
Layouts / 30 Dec 2015

9 Tips for Better Typographic Hierarchy

Every project requires a system and hierarchy for text elements. Just think about all the small pieces of text that are used throughout a design – headlines, body copy, navigation elements, legal information, captions and so on.

But how do you create that hierarchy so that every text element flows smoothly to the next? Today, we’ll take you step-by-step through building a system of typography hierarchy that can be used for almost any design project. (And we are pairing the tips with beautiful examples of great typography to help you gather a bit of inspiration.)

split-lede
Layouts / 22 Dec 2015

Design Trend: How to Create a Cool Split Screen Aesthetic

One screen divided in two. This might be one of the bigger design trends emerging right now. More and more websites are using design patterns that include two vertical or square panels placed side by side.

And it’s a nice aesthetic. The look is user friendly, can be adapted for a variety of needs, and helps guide navigation. It’s a trend that we are likely to see more of – and design – in the coming months. Today we are looking at a few great examples of split screen design with mini case studies and finding out how you can make the most of this design trend.

grid-first-design
Layouts / 8 Dec 2015

Grid-First Design: How to Create Vertical Rhythm and Harmony

When you hear grid, what’s the first thing that comes to mind? For most designers, it is often a horizontal based concept with columns across the canvas. This is especially true when thinking about web and digital design projects.

But what about vertical grids? It is just as important to create flow up and down the page as well. And there are a number of ways to do this with grid systems.

shopify
Inspiration / 15 Sep 2015

30 Beautifully Designed Shopify Themes

Shopify is one of the top e-commerce platforms available for online sellers of any size of type of business. The network provides a single-selling platform to help users build a site, manage sales and connect with customers on social media and through other business growth channels.

A good theme can help you get started with Shopify and get selling that much quicker without having to worry about having to do a lot of web development or design. As with other software-based themes, they can range from simple starter packages to complex design tools with robust features. Here, we are breaking down 30 Shopify themes – including free and premium versions – that are beautifully designed and will help you make the most out of your online shop.

infinite
Layouts / 10 Sep 2015

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.