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

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

Muted«NEW»: 1, 2, 3

Orange: 1, 2, 3

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

Pink & Blue: 1, 2, 3

Purple

Rainbow: 1, 2

Red«NEW»: 1, 2, 3, 4, 5

Ultra Pop: 1, 2, 3

White: 1, 2, 3

Yellow«NEW»: 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

Flower Power

Food

Giant Type: 1, 2

Got Wood«NEW»: 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: 1, 2, 3, 4, 5, 6

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«NEW»: 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«NEW»: 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: 1, 2, 3, 4, 5, 6, 7, 8, 9

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«NEW»

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

Possible Link Images

Feel free to link back to Design Meltdown. Various sites have done an assortment of things to link back to me. I thought I could offer up a few more options so you can fit it into your site as much as possible.

All of the images are dithered to white, so they will look good on a white or relatively light backgrounds. The square ones clearly have no dithering at all. Enjoy!


<a href="http://www.designmeltdown.com"><img src="http://www.designmeltdown.com/LinkedImages/DesignMeltDown_1.gif" width="80" height="15" border="0" /></a>	<a href="http://www.designmeltdown.com"><img src="http://www.designmeltdown.com/LinkedImages/DMD_Icon_2_Tiny.gif" width="16" height="16" border="0" /></a>

<a href="http://www.designmeltdown.com"><img src="http://www.designmeltdown.com/LinkedImages/DMD_Icon_2_Large.gif" width="48" height="48" border="0" /></a>	<a href="http://www.designmeltdown.com"><img src="http://www.designmeltdown.com/LinkedImages/DMD_Icon_2_Medium.gif" width="32" height="32" border="0" /></a>

<a href="http://www.designmeltdown.com"><img src="http://www.designmeltdown.com/LinkedImages/DMD_Icon_Large.gif" width="30" height="50" border="0" /></a>	<a href="http://www.designmeltdown.com"><img src="http://www.designmeltdown.com/LinkedImages/DMD_Icon_Medium.gif" width="20" height="33" border="0" /></a>

<a href="http://www.designmeltdown.com"><img src="http://www.designmeltdown.com/LinkedImages/logo_blue_large.gif" width="100" height="56" border="0" /></a>	<a href="http://www.designmeltdown.com"><img src="http://www.designmeltdown.com/LinkedImages/DMDlogo_blue.gif" width="80" height="45" border="0" /></a>

<a href="http://www.designmeltdown.com"><img src="http://www.designmeltdown.com/LinkedImages/DMDName_large.gif" width="120" height="48" border="0" /></a>	<a href="http://www.designmeltdown.com"><img src="http://www.designmeltdown.com/LinkedImages/DMDName_medium.gif" width="80" height="32" border="0" /></a>

free web stats