Layouts Archive

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
printarticlepreview-f

Preparing Your Web Design for Print

screenshot

When was the last time a client asked you to design something for print? Did you feel comfortable meeting the request? There are a few key standards that you should understand to make the successful jump from online to printed design.

When planning a print project you really have to take the medium, format and printing press in mind when putting together a project. It is also important to understand the differences in how color works, font embedding and other just preparing your flier, magazine cover or business card for print.

May 11th, 2012 Posted in Layouts
powerofthree-f

Design to the Power of Three: The Magically Ubiquitous Number

screenshot

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.

May 10th, 2012 Posted in Layouts
Subscribe
Membership