Web Design 3

Homework 3 - Online Tutorial

2009-07-06T11:08:00.000-07:00

Online tutorials are great resources to have, especially if we want to update our skills or just getting fresh ideas for upcoming projects. There are many tutorial sites on internet, but I came across to one site ( Abduzeedo) which I think has many good tutorials. Two of them I picked up for this project.

1. Creating beautiful swirl

In this tutorial, originally, we create swirls in illustrator and adjust it in photoshop. But, personally I like to experiment in photoshop itself to see how it can create the same swirl. I was quite satisfied with the result and maybe i can incorporate the ornament elements into my web pages.

2. Water Color Brushes

In this tutorial, it uses watercolor brush to achieve the brush painting effect. With watercolor brushes, it can simulate the stroke just like in the painting. We can also experiment with different images or different brushes to get other interesting results.

Homework 2 - Good Typography Websites

2009-06-29T10:19:00.000-07:00

The following websites, according to my consideration, have good typography. The reasons are:
1. Good hierarchy, so the reader knows which one is the headline and which one is the content
2. Clean typography without many ornaments that could distract the readers
3. Clear typography, easy to read.
4. Creative, interesting to examine how the creativity blends together with the typography

1. New York Times

2.Craig Ward 01

Craig Ward 02

3. Rustin Jessen

Project 1 : Inspirational Portfolio Design

2009-06-24T12:55:00.000-07:00

The following websites are the inspirations for creating my portfolio website.
1.Pikaboo

This website has an interesting layout. It has good use of space, so there's no blank spot on the page. although it's a flash site, but it's a good reference.

2. Jesse Willmon

This one has unique style with all the drawings scatter around, but it's easy to navigate. Clear and clean layout is the power of this design. Also, its uniqueness adds the value.

3. Aline Caron

Using a tree as a background artwork, the content really clear. This Website has interesting use of color, or I can say, strong and brave use of color, where we can see black, pink, green, orange, combining together on the same page.

Project 3 : Open Project Research

2009-06-22T20:30:00.000-07:00

Champaign Urbana Theatre Company (CUTC)

Web Design
June. 22, 2009

The following website is selected because of it's historic value and role in theatre life, especially in Champaign - urbana community. From the overall look of the website, this site tends to have this following looks and feels:
1. Formal
2. Established
3. Quiet
4. Classic
5. Informative

The sites below are selected because the following criteria:
1. Consistent layout
2. Interesting color palette
3. Informative and easy to understand

studiotheatre

San Fransisco Broadway

Manhattan Theatre