Page 1 of 1

Design Resources

Posted: Mon Sep 03, 2012 10:43 am
by Instructor
Inspiration

Articles

Smashing Magazine - The finest, most useful, web and mutlimedia design magazine on the internet. It has some pretty eye opening articles about planning, web and print design, careers, and the tecnical aspects of web design.

Web Design Ledger - A blog and news site filled with tutorials, design inspirations, and articles about web design.

1stwebdesigner - A neat collection of articles about web design techniques, design samples, and web design theory.

Examples

Best Web Gallery - A gallery of some of the best web design online. Browse through these and breathe in the creativity!

Web Creme - A constantly updated list of examples of the best web design on the internet. Updated daily so check back frequently.

Unmatchedstyle - Another curated list of awesome web designs. In this case curated for excellent use of CSS.

Webdesignersblog - A blog of great web designs organized into categories based on the content of each website.

The Best Designs - A collection of excellent CSS and Flash based designs.

CSSMania - Yet another excellent CSS site listing. Look and learn.

Designrfix - A collection of featured artists, designs, and websites meant to inspire graphic designers and web designers.

CSS Zen Garden - A group of identical HTML pages styled to look completely differently using nothing but CSS. Has not been updated in ages, but still a useful demonstration of what is possible with CSS.

Tools

Tuts+ Hub - A nifty collection of tutorials for a variety of different softwares, design methodologies, and programming languages. Explore!

Web Design Tuts+ - An excellent collection of tutorials and articles about the methodologies and theories of web design. Take a look through it and learn!

Color

Color Scheme Designer - The best color scheme creation tool on the internet, period. Use it and abuse it!

Color in Motion - A great little tutorial about the meaning of color and how it relates to design.

Font

What the Font? - Stumped by a font? Simply upload an image sample of the font here and What the Font will tell you what you've got.

Typetester - An online application that lets you compare fonts to one another.

Filler Text

Bacon Ipsum - A meatier filler text. Simply select how many paragraphs of filler text you need and Bacon Ipsum will provide. Use it to pack your preliminary designs.

Filler Images

Placekitten - Type in your images dimensions after the placekitten URL (ex. an image with a width of 200 and a height of 300 would be http://placekitten.com/200/300) and placekitten will provide an image to fill the area.