48 Examples of Excellent Layout in Web Design

Posted by on Jun 14, 2010 | 62 Comments

Beautiful graphics and colors are great and play a big part in web design, but most would agree that the backbone of a solid user experience is the layout. After all, what good is all of the eye candy if one can not easily read and digest the content. There is nothing better than opening a perfectly organized and readable website – a page where the layout invites you to browse the site’s content. There are several ways to organize and put together a nice layout for your website, and here we’ll show some examples of sites that use grids, columns and blocks to showcase their content.

Superawesome

contentsites01

leids film festival

contentsites02

Kokoro & Moi

contentsites03

UX Magazine

contentsites04

TRUF

contentsites05

The Bygone Bureau

contentsites06

Live Now

contentsites07

OURHYPE

contentsites08

Minimalist Design Magazine

contentsites09

Computerlove

contentsites10

Simon Collison

contentsites11

YCN

contentsites12

Arnaud Beelen

contentsites13

BB – Bisgrafic Blog

contentsites14

Derek Mack

contentsites15

Magnum Photos

contentsites16

The Canary Collective

contentsites17

Zachary Pulman

contentsites18

de51gn

contentsites19

The Grid System

contentsites20

iniva

contentsites21

graphito.net

contentsites22

TBWA – London

contentsites23

method.com

contentsites24

Theme

contentsites25

Jan Sochor

contentsites26

FYNN

contentsites27

AiGA NY

contentsites28

Draft

contentsites29

skyskraper

contentsites30

cheetos

contentsites31

Haik Avanian

contentsites32

Morphix

contentsites33

nocturn

contentsites34

Zaum & Brown

contentsites35

SF 70folk

contentsites36

Cool And The Guide

contentsites37

T Magazine

contentsites38

next room

contentsites39

Indextwo

contentsites40

The Feast

contentsites41

pips a la carte

contentsites42

Dojo Design Studio

contentsites43

Frieze

contentsites44

The Morning News

contentsites45

Rainfall Daffinson

contentsites46

Mark Boulton Design

contentsites47

design B studios

contentsites48

Sources:

About the Author

I love communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr

Here's some other articles that you will definitely find useful.

Inspiring Type in Package Design

Flat Design Inspiration

21 Beautiful Examples of Using White in Web Design

23 Examples of Flat Web Design

21 Examples of Pricing Pages in Web Design