10 Beautiful Sketches for Website Prototypes

Written on December 31st, 2009, by Cristian

Some interesting examples of beautiful sketches for website prototypes for your daily inspiration, collected by Antonio Lupetti on woorkup.com.

When you start designing a new website it’s very useful to sketch out a first idea of page layout using paper and stencil. This approach help you define easily a working draft of the final version of your website. In general this is a top-down process: you can start sketching first the main sections and then adding more details progressively.

ColoRotate – Create Color Palettes In 3D

Written on December 16th, 2009, by Cristian

colorotate

If you are a graphic or web designer you should understand the importance of color combinations. Nice colors and color combinations are much coveted among graphic designers, interior designers and landscapers. You must have used Kuler in Photoshop CS4. ColoRotate is a similar kind of online color palette creator that lets you browse through the color palettes, create new palettes and share them with the online community.

There is a sliders mode as well. This will bring up color sliders for editing the colors. You can choose various modes like RGB, CMYK, LAB, HSV, HLS, NCS while adjusting these sliders. You won’t need to remember the color values and jot them down as you can download the palettes directly in .act format.

You can also browse through the palettes , sort or search for palettes based on tags. There’s also a very information description about colors and how the human eye perceives colors, color models. Checkout Learn Colorotate

12 Nice Origami Logos

Written on July 10th, 2009, by Cristian

I do want to refresh my site and create a new logo. I start with a research for inspiration I came across with a 2009 Logos Trends post. According to the post looks that the origami logos are in trend. Next, I’ve done a research on top logos galleries and I picked 12 origami logos that I like.

Origami is the Japanese art of folding paper, but the goal is to use small folds and creases to bring about delicate and intricate objects.

origami_logo_9origami_logo_5origami_logo_3origami_logo_2origami_logo_11origami_logo_6origami_logo_12origami_logo_10origami_logo_1origami_logo_8origami_logo_7origami_logo_4

Origami Web 2.0 Logos

Paddy Donnelly has turned the Web 2.0 Apps/Sites Logos into origami style. You can download them here.

web20rigami

Tutorial

If you want to learn to make a simple origami logo you can start with Zen Elements tutorial: Create an Origami Logo

The Periodic Table of Typefaces

Written on May 30th, 2009, by Cristian

periodic_table_of_typefaces_large

A better ways to organize fonts by creating a spoof of the Periodic Table of Elements.

The Periodic Table of Typefaces covers a number of major fonts and includes information about the family and classification of each, the designer, the year the font was designed, and a ranking as cribbed from a number of internet sources.

As with traditional periodic tables, this table presents the subject matter grouped categorically.  The Table of Typefaces groups by families and classes of typefaces:  sans-serif, serif, script, blackletter, glyphic, display, grotesque, realist, didone, garalde, geometric, humanist, slab-serif and mixed.

Considerations for Designing Touch UI

Written on April 22nd, 2009, by Cristian


Punchcut is explaining some of the things we need to consider when designing UIs for touch-based interfaces such as the Apple’s iPhone and iPod Touch, HP’s TouchSmart tx2 multi-touch laptop, Microsoft Surface.