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

Suggest A Site

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

Brownies Part 3

3rd edition — by Patrick McNeil — Apr. 20, 2007

Editions:

1 2 3 4 5

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

Basheer

4/22/2007 11:14:48 PM

I think the biggest drawback to using brown is that all of the "websafe" browns feel a little bit off. There is no "websafe" version of that perfect milk chocolate brown.

asnake

4/22/2007 11:15:09 PM

fabulous that is the only word i can use.
cause brown is my favourite color especially when it comes to design.most of the time i get my self full of ideas in this color.I prefer brown when used freely -not mixed with others.
tonal variation is the key for me form light brown to dark one.And it is great to see more pages with this color.

Patrick

4/23/2007 12:13:04 PM

Basheer - isn´t the idea of web safe colors a thing of the past? I can´t say the last time I worried about it. The thought of someone having a 256 color video card seems like testing on IE4 or something. But yeah, brown is a tasty color to work with for sure.

Jill Tovey

4/23/2007 12:45:42 PM

Do people still worry about web safe colours? I don´t think it´s really an issue any more.

I think brown in branding is a fairly brave choice as it carries quite a few negative connotations, however when used with modern and outgoing colours such as mint, and pink I think it looks absolutely fab!

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