Layouts - Page 3

Advice for crafting layouts and structure that can create a clear, original web design. Break the mould, and build a unique layout!

Layouts / 27 Jul 2015

Modular Design: The Complete Primer for Beginners

There are a lot of block and card style designs out there right now. For designers, they are both trendy and functional. The look is streamlined and simple and in terms of website design, works great in responsive frameworks.

The root of this design trend is modular design. And regardless of what you think, it’s not new. Modular design is rooted deep in design theory and has been used by a number of designers for a long time. Today we’re delving into the background, and practical applications, of modular design!

Minimalist Graphic Design / 15 Jun 2015

Minimalist Design Is Taking Over: Here’s Why

Everywhere you turn, another designer is releasing a project featuring a minimalist design style. This focus on space, simplicity and beautiful typography is refreshing. And it’s a great option for a number of design projects. That might be one of the reasons minimalist design is so popular.

But the trend is not brand new. Minimalism has been around almost as long as design itself. It’s a technique that ebbs and flows, but always remains as one of the classic styles, making it a design choice that almost always works.

Layouts / 3 Jun 2015

Asymmetrical Design: Creating Beautiful, Balanced Layouts

How do you feel about asymmetrical design? That simple question can sometimes spark a lot of debate among designers. Asymmetrical design can be one of the more complicated techniques to pull off, but when done well results in beautiful and eye-catching designs.

While the definition of asymmetry is the lack of symmetry or equality between two halves; it is not a lack of balance as some wrongly assume. Designers can use asymmetry to create balance and harmony even though two sides of the design do not mirror one another. Here’s how to get started.

Layouts / 12 May 2015

The (Sometimes Hidden) Meaning of Shapes

The shapes of objects in your design may be sending a message to users that you aren’t even aware of. Whether you put an image inside a square or circle or triangle can have an impact on what people think about that image.

Sometimes a shape is more than just a group of connected lines. The use of shapes can be obvious or subtle and appear within images or as elements in a design. Here, we will look at common shapes used in design projects and the signals they may convey.

Layouts / 18 Mar 2015

The Complete Guide to an Effective Card-Style Interface Design

Card-style architecture is one of the biggest things in web design, and mobile design in particular. From apps to responsive websites, the card-style format is popping up everywhere.

And for good reason. Mobile card design looks nice, works well on a variety of devices and creates distinct organization and a method for content delivery. That’s why many large, well-known brands are using the card format and many smaller design and development groups are following suit.

Minimalist Graphic Design / 23 Feb 2015

Minimal Design: How to Design More With Less

Minimalism and the use of whitespace are big design trends right now. Mastery of these techniques might look easy at first glance, but it is actually quite difficult to design with so much open space and so few objects. It can be hard for clients to come to terms with because they often want as much information as possible on a canvas.

But many designers like the look of minimal styles and maximizing whitespace can be a fun challenge. It’s a technique that translates well across mediums and can be used in print, web design and on packaging. Here, we’ll look at the trend and how to design more with less.

Layouts / 17 Feb 2015

Understanding and Working With 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.

Layouts / 9 Feb 2015

Looking at Images: Phi Grid vs. Rule of Thirds

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.

Layouts / 22 Dec 2014

How to Balance Text and Visual Content in Design

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.

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 / 8 Feb 2013

How to Use Centered Alignments: Tips and Examples

Today we’re going to go back to basics with a “design 101” discussion on alignments. Centered alignments are an easy place to go wrong and if you don’t know how to wield them properly, the result is a very poorly structured page.

Join us as we take a look at why centered alignments tend to be weak, where you should avoid them and how you should be using them.

Layouts / 10 May 2012

Design to the Power of Three: The Magically Ubiquitous Number

Three is only a number, right? Just one of ten numerals that we use to express value, nothing more. Or is it perhaps a lot more? Is the number three a designer’s best friend? Does it drive art, photography, design, architecture and even the natural order of the universe?

Join us as we take a look at some ways that designers leverage the number three, and more importantly, why you should keep the number three in mind whether you’re designing websites, print ads or even logos.