What is the difference between layout and design?


I can't understand what is "design" and what is "layout" in terms of web design. I'm confused between layout and design. Can anybody can help me understand these matters? Thanks for reading my question.

9/16/2015 7:59:00 PM

Accepted Answer

They are really closely related.

Layout is defined as the arrangement of predetermined items on a page. Basically, you're given the pieces and they are arranged.

Design is defined as the art or skill of combining text, images, and other items into a visually pleasing arrangement.

So, really they can be almost interchangeable.

The primary difference is that for layout you don't need to create anything. You just decide on placement, color, size, etc for items you already have. For design you typically create things or find things to use. Such as, you draw a series of icons to use in the layout. Or you find stock photos and edit them to fit your layout.

Most graphic design (web or print) encompasses layout. However, a layout does not necessarily encompass design.

Admittedly it's a fine line and this is really just my opinion. There are few, if any, hard rules on what constitutes layout vs design. They both take a skilled eye when dealing with things like balance, proximity, space, etc.

8/18/2015 4:54:00 PM