Table of Contents

PRINCIPLES OF DESIGN

Introduction

Emphasis

Contrast

Balance

Alignment

Repetition

Flow

COLOR USAGE

Black: 1, 2, 3

Black & White: 1, 2, 3, 4, 5

Blue: 1, 2, 3, 4, 5, 6

Blue & Green: 1, 2, 3, 4

Brown: 1, 2, 3, 4, 5

Green: 1, 2, 3, 4, 5, 6, 7, 8

Grey: 1, 2, 3, 4, 5, 6

Muted: 1, 2, 3

Orange«NEW»: 1, 2, 3, 4

Pink: 1, 2, 3, 4, 5, 6

Pink & Blue: 1, 2, 3

Purple

Rainbow: 1, 2

Red: 1, 2, 3, 4, 5

Ultra Pop: 1, 2, 3

White: 1, 2, 3

Yellow: 1, 2, 3

Color Review

DESIGN ELEMENTS & TECHNIQUES

3d Worlds: 1, 2

3 Little Buckets: 1, 2

Accordion

Atypical Layout: 1, 2

Atypical Navigation: 1, 2, 3, 4

Badges: 1, 2, 3

Chic Designer

Crests: 1, 2

Clouds: 1, 2

Collage: 1, 2, 3

Coming Soon

Dates

Decorative Animation

Distressed Design: 1, 2, 3, 4

Dog Ears: 1, 2

Drips Sprays & Splatters: 1, 2, 3, 4

Drop Down Menu

Elegant

Extreme Theme

Fabric

Flower Power

Food

Giant Type: 1, 2

Got Wood: 1, 2, 3, 4, 5

Gradient Madness: 1, 2

Grassy Design

Holiday Branding: 1, 2

Horizontal Scrolling: 1, 2

Hybrid: 1, 2, 3, 4, 5

Icons: 1, 2

Illustrated: 1, 2, 3, 4, 5

Imitate Print: 1, 2

Let The Art Speak: 1, 2

Lightbox

Mascots

Minimalism«NEW»: 1, 2, 3, 4, 5, 6, 7

Module Madness: 1, 2

Nature: 1, 2

Office Supplies

Old Paper: 1, 2, 3, 4, 5

One Page Sites: 1, 2, 3, 4, 5, 6, 7

Ornate Elements: 1, 2, 3, 4

Ornate Backgrounds: 1, 2, 3

Photo Backgrounds: 1, 2, 3, 4, 5

Price Tags

Radial Elements: 1, 2, 3

Retro Style: 1, 2, 3

Rounded Corners: 1, 2

Shiny Stuff: 1, 2, 3, 4, 5, 6

Single Stripe

Sketchy: 1, 2, 3, 4

Stripes: 1, 2, 3

Super Clean: 1, 2, 3, 4

Tabs: 1, 2

Tiny Web Sites: 1, 2

Transparency

Web Typography: 1, 2

Ultra Zoom: 1, 2

Where Are We: 1, 2

SITE TYPES

Blogs: 1, 2, 3, 4, 5, 6

Commercial: 1, 2

Community Server: 1, 2

Design Firms: 1, 2, 3

Events: 1, 2, 3

eCommerce: 1, 2, 3

Fashion

Finance: 1, 2

Free Scripts

Government

Hotels & Resorts

Kid Sites

Music & Bands: 1, 2, 3

Personal

Photo Blogs & Portfolios: 1, 2

Political

Portfolios: 2, 3, 4, 5, 6, 7, 8, 9, 10

Real Estate: 1, 2, 3

Religious: 1, 2, 3, 4, 5

Restaurants: 1, 2, 3

Software

Travel & Tourism: 1, 2

tShirt Sites

Universities: 1, 2, 3

Web Hosting: 1, 2

Web Services: 1, 2, 3

Web Software

PROBLEMS & SOLUTIONS

Columns: 1, 2

Forms Part 1—Fieldsets & Labels

Forms Part 2—Fieldset & Label Samples

Forms Part 3—Required Fields

Forms Part 4—The Select Control

Forum Design: 1, 2

The Grid

Link Fest: 1, 2

Logo Color Variations

TUTORIALS

Drips 1 - Blend If

Drips 2 - Colorize Sprays

Drips 3 - 3d Drips & Sprays

Stripes 1 - Basic Vertical

Stripes 2 - Random Stripe Patterns

Stripes 3 - Diagonal Stripes

OFF TOPIC POSTS

Pre-Order The Book

FOWD, London, and the Book

Future of Web Design Conference

Holiday Branding Refresher

Big News for Design Meltdown

Design Meltdown on Boagworld Podcast

Resolio is Live

Color Search on the Daily Slurp

Suggest A Site

Helpful Books

The Collages of Robert M. Swedroe

View on Amazon.com

John Evans: Collages

View on Amazon.com

Collage Discovery Workshop

View on Amazon.com

Collage Style Sites Part 2

2nd edition — by Patrick McNeil — Oct. 8, 2006

Editions:

1 2 3

The Design Element

Collage style sites are a joy to look at. It is no doubt due to the fact that they break away from the confines of the computer and create an environment that defies the typical rules of the web. No orderly boxes with text neatly aligned. It is like cutting loose. I can't wait to see how the support of transparent PNG's in IE7 will affect this trend. Imagine all sorts of transparent elements that could be loaded randomly, or in patterns, to create an infinite variety of effects.

Sample Usage

High-Res Online Collage Resources

The Library of Congress: American Memory
Rare Books & Special Collections (From the American Memory link above)
Smithsonian Institution Libraries
Library of Congress Digital Collections & Programs
Google Directory: Digital Libraries
The National Archives
Duke University: Rare Book, Manuscript, and Special Collections Library
The National Archives of the UK
NYPL Digital Gallery
1800's EPHEMERA

Other Links

Found Elements (purchase items to use in collage work)
History of Collage

Comments

Susan

1/21/2007 1:07:03 PM

I am looking for an artist whose work I saw a while back in a magazine (cannot recall which, unfortunately! A craft magazine? Mary Engelbreit´s Home Companion? I cannot recall)...ANYWAY...she made framed pieces using paint chips to "tell a story"---the names of the paint colors were all related in some way, and she titled the piece accordingly ...anyone know who this artist is or where I can find her work? I think she mounted the chips on blank white canvas or some board type base--then covered them with lucite tops to frame them ....

Miss Mary

3/8/2007 11:43:47 AM

I´ve collaged up some old images on my site at http://www.missmary.com

As it so happens, I´m a web designer AND I offer vintage images, so I was bound to find this site at some point :)

Salley

4/20/2007 8:59:28 AM

Susan, I have been searching for the same article for quite some time, it makes me wonder why it so difficult with the capabilities of the web and the fact that it was a magazine article, it may have been a decorating/design magazine too. I sure hope we find it soooon. The search is how I found you.

Make a Comment:

All fields are required & all posts are hand moderated.

NAME:

E-MAIL: (not displayed publicly)

COMMENT:

HUMAN DETECTOR:

Captcha

free web stats