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, 6

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

Blue & Green: 1, 2, 3, 4

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

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

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

Muted: 1, 2, 3

Orange: 1, 2, 3, 4

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

Pink & Blue: 1, 2, 3

Purple: 1, 2

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

Badges: 1, 2, 3

Crests: 1, 2

Clouds: 1, 2

Dates

Decorative Animation

Dog Ears: 1, 2

Drop Down Menu

Fabric

Flower Power

Food

Gradient Madness: 1, 2

Icons: 1, 2, 3

iPhones

Mascots

Ornate Elements: 1, 2, 3, 4

Ornate Backgrounds: 1, 2, 3

Price Tags

Radial Elements: 1, 2, 3

Rounded Corners: 1, 2

Single Stripe

Stripes: 1, 2, 3

Transparency

Web Typography: 1, 2

DESIGN STYLES

3d Worlds: 1, 2

Chic Designer

Collage: 1, 2, 3

Distressed Design: 1, 2, 3, 4

Elegant

Giant Type: 1, 2

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

Let The Art Speak: 1, 2

Minimalism: 1, 2, 3, 4, 5, 6, 7

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

Retro Style: 1, 2, 3

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

Sketchy: 1, 2, 3, 4

Super Clean: 1, 2, 3, 4

DESIGN THEMES

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

Extreme Theme

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

Grassy Design

Holiday Branding: 1, 2

Imitate Print: 1, 2

Nature: 1, 2

Office Supplies

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

Where Are We: 1, 2

SITE STRUCTURES

3 Little Buckets: 1, 2

Accordion

Atypical Layout: 1, 2, 3

Atypical Navigation: 1, 2, 3, 4, 5

Horizontal Scrolling: 1, 2

Hybrid: 1, 2, 3, 4, 5

Lightbox

Module Madness: 1, 2

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

Tabs: 1, 2

Tiny Web Sites: 1, 2

Ultra Zoom: 1, 2

SITE TYPES

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

Business Card«NEW»

Coming Soon: 1, 2

Commercial: 1, 2

Community Server: 1, 2

Design Firms: 1, 2, 3, 4

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

eCommerce: 1, 2, 3

Fashion

Finance: 1, 2

Forum Design: 1, 2

Free Scripts

Government

Hotels & Resorts

Kid Sites

Music & Bands: 1, 2, 3

Personal: 1, 2

Photo Blogs & Portfolios: 1, 2

Political

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

Real Estate: 1, 2, 3, 4

Religious«NEW»: 1, 2, 3, 4, 5, 6

Restaurants: 1, 2, 3

Software«NEW»: 1, 2

Travel & Tourism: 1, 2

tShirt Sites

Universities: 1, 2, 3

Web Hosting: 1, 2

Web Services: 1, 2, 3

Web Software: 1, 2

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

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

Web Designer's Idea Book Vol 2

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

Helpful Books

Color Index

View on Amazon.com

Designer's Color Manual

View on Amazon.com

Pantone Guide to Communicating with Color

View on Amazon.com

The Designer's Guide to Color Combinations

View on Amazon.com

Grey Part 4

4th edition — by Patrick McNeil — May 9, 2007

Editions:

1 2 3 4 5 6 7

Sample Usage

Links

Genopal (Color pallet creation software)

COLOURlovers (Excellent color pallet collections)

Kuler - pallet builder from Adobe /

ColorBlender.com (The best tool I have found for easily creating beautiful color pallets)
Great color browsing resource (Named colors, by hue, etc)
Color Scheme Generator
Color Blender (On MeyerWeb)
Color In Motion
Color Schemer Online v2
Color Schemer Gallery
Color Symbolism

Comments

minxlj

5/9/2007 9:35:13 AM

I much prefer your previous layout style - rows of 3 in squares, rather than one loooong list :-)

Patrick

5/9/2007 9:37:39 AM

It´s interesting you say that. I can´t decide which I prefer. I was thinking of offering the option to let the user pick the mode they prefer.

I like the grid as well because you can take in more sites at once. But the larger option lets you see more detail before you click....

Erik

5/9/2007 10:47:23 AM

I prefer the grid too, this makes my scrolling finger hurt ;)
And the visitedbanner looks weird

Rohan

5/10/2007 8:16:31 AM

Yep, I like the grid layout. We don´t need such a huge thumbnail of each site. It was a fine size before:)

I´m not too bothered though. Either or.

Zak O

5/10/2007 1:46:33 PM

It would be nice to have the grid, and then the larger detail on rollover.

tripdragon

5/11/2007 8:56:01 PM

grid here as well, we at somepoint tend to click all of the links anyway

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