Sunday, March 30, 2008

Design Style Resources: SIMPLICITY IN WEB 2.0

Here we go again, with another Design Style Resources. There should be more of these, but only pick the several best of them to give you a clue of what Web 2.0 design is.


LAYOUT DESIGN GUIDELINES


Web2.0 Design Style Guide
by Web Design from Scratch

The visual design of Web 2.0 by Pixel Acres


WEB 2.0 INTERFACE TUTORIALS:

How to Create a Simple & Sleek Web 2.0 Site Footer by Daniel Lopes

Photobucket


Modern menu - Photoshop tutorial


Photobucket

Design a Web 2.0 tab with Photoshop

Photobucket

Vista Style Layout - Talk Mania Forum

Photobucket

Creating Object Reflection on a Surfaceby Graphic Identity

Photo Sharing and Video Hosting at Photobucket


CSS


Rounded Corners in CSS

CSS Rounded Box Generator

Speech Bubbles

Photobucket

Expandable Box

Photobucket


GRAPHIC DESIGN APPLICATION AND TOOLS

Ultimate Web 2.0 Gradients – by Deziner Folio

Photobucket

Gradient Image Maker

CSS Rounded Box Generator

Stripe Generator 2.0

Stripe Designer


Web Applications for Designers


Web 2.0 Logo Creator


COLOR SCHEME

The Colors of Web 2.0 by Chris Messina

Photobucket

Web 2.0 Colour Palette by Stuart Brown
This is my favorite old post. Visit the website to get the hexa color codes.


FONTS AND TEXT EFFECT

Fonts

The trends in web typography by Daniel

Great Fonts for Web 2.0 by Stuart Brown

5 Free Fonts for Web 2.0 Logo


Text Effect Tutorials


Web 2.0 Text Effect
by Aviva Directory
The Glossy TEXT web2.0 style by aaron
Photobucket


LOGOS

Is There a New Trend in Logo Design? by Toon (Guest Blog Post for Creative Curio)

How will your Favorite Logos look in Web 2.0?

A Guide to Web 2.0 Logos

How Web 2.0 Logos are Drawn by Hongkiat

20 Corporate Logos redesigned for Web 2.0 by Alex


ICONS, BADGES, and BUTTONS

Icons

Web site icons

Photobucket


Illustrator Vector Round Icons by ~colormist

Photobucket


Social networking icons

Photobucket

Badges

Web 2.0 Badges by ~Forzaken

Photobucket
Web 2.0 Badges

Buttons

Color Button 2.0 by ~IdeandoGrafica

Photobucket

Download Button by ~WhoIsScott

Photobucket

Pointy by ~adrice

Photobucket

Power Button in black by ~helmlein

Photobucket

Tutorials

Quick ways to Create Buttons using Photoshop and Illustrator by Graphic Identity

Translucent IM Style Illustrator Icon Tutorial by Spoon Graphics

Photobucket

Handy Web 2.0 Icons In Photoshop by Fabio

Photobucket

Glossy web 2.0 badge with rounded corners by Photoshop It

Photobucket

Web 2.0 style buttons by Iris-Design

Photobucket

2 comments:

  1. Hi Friend,
    Congratulations for this nice looking blog.All article is good.I like It.

    Keep it up!
    Regards,

    ReplyDelete

If you like Graphic Identity's articles & our free design box, please drop your comment or subscribe Thank you :)