Layouts Archive

elements-lede

10 Crucial Elements for Any Website Design

website elements

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

November 19th, 2013 Posted in Layouts
circles-lede

Designing With Circles: Tips and Advice

circle design

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?

October 3rd, 2013 Posted in Graphics, Layouts
preview

Data Driven Design: A Simple Primer

preview

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…

April 15th, 2013 Posted in Graphics, Layouts
5 Important Lessons I’ve Learned About Mobile App Interface Design

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.

March 25th, 2013 Posted in Business, Layouts
preview

How to Use Centered Alignments: Tips and Examples

preview

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.

February 8th, 2013 Posted in Layouts
metrodesign-f

Is Microsoft Finally Getting the Hang of Design?

screenshot

Could it be that the king of clutter is finally beginning to grasp the concept of basic layout principles and consistent branding? Will Microsoft turn into a company known for its attractive design?

Follow along as we compare the downfalls of the past to the bold new direction that Microsoft is taking for its visual messaging. Whether you’re a Mac or PC user, you’ll likely be surprised by how far the boys in Redmond have come.

July 25th, 2012 Posted in Layouts
thinkvertical-f

Think Vertical: The Influence of Mobile Design on Orientation

screenshot

Mobile design has me sketching more vertically. And I don’t think it is just me.

I am seeing more and more sites across platforms incorporating more vertical components into their overall design. Forget “above the scroll,” let’s talk about going vertical.

July 23rd, 2012 Posted in Layouts
maththeories-f

Intentional or Not: Mathematical Theory in Design

screenshot

Some of the principles may be hundreds of years old, but they are still powering good design today. Time-tested mathematical theories have long-shaped our collective definition of what looks good.

You may plan to use some mathematical theories as part of your design project from the early stages, others can be unintended. Either way, mathematical rules still apply to almost every project, from print to web design. It is important to understand the role of math in design and account for how it can affect the look and feel of your projects.

July 18th, 2012 Posted in Articles, Inspiration, Layouts
vectorraster-f

Vector vs. Raster: What Do I Use?

screenshot

With all of the image options and file formats out there, it can be a little overwhelming when you are choosing what file type to use (and send to clients). Compatibility is always a concern when you are working with different file types, but when it comes to graphics and images the type of computer graphic format you use is essential to how the image renders.

There are two types of digital graphics files – vector and raster. Vector images are made of hundreds of thousands of tiny lines and curves (or paths) to create an image. Raster images are composed of pixels. But how do you know what format is best for your next project?

June 6th, 2012 Posted in Layouts
wearework

Think About Images and Text Together

screenshot

Good design centers on good content. Good content needs good design to survive and stand out among all the other choices out there. The most successful design projects come together because of content-driven design.

It is easy though for designers get stuck in an image or text rut. This frequently happens because people tend think about text and images on their own. What we should be doing is writing copy with images in mind and preparing design projects with the text in mind. Think about how images and text will work together as you plan your next project.

May 28th, 2012 Posted in Layouts
Subscribe
Membership