Monday, April 25, 2011

3 Header Images That I really Like

ColourMod
Why I like it?
The decorative font feels contemporary, hip and technology. But what I really like the most is using the contrast of the few drops of vibrant color against the dark background to capture my attention. Simple but effective strategy.

Nice Design  
Why I like it?
The decorative font feels contemporary, less formal, but not too playful. It maintains a professional impression. Simple and clean design. No need to spend time trying to figure out "what is this for?"

Fray
Why I like it?
The decorative font feels contemporary and the sentence pretty much self-explain what information a web-surfer need. I like how it maintain the main color palette to purple and pretty much just play with all tones of purple  in it. This approach really helps to unify all the elements.

How I Made The Header Image

1. What font did you use?
    I used Grand Stylus.

2. Where did you get the font?
    I got the font from 1001font.com.

3. What image editing techniques did you use?
    Image editing techniques that I used were:
    1. Opacity
    2. Filters
        1. Drop Shadow
        2. Insert Emboss
        3. Solid Shadow
    3. Blend modes
        1. Color Burn

Monday, April 11, 2011

My Explanation to the Second Layout of My Blog

1. How many columns does it have?
    Two.

2. What is the grid for the page?
    Rule-of-thirds. Right column layout.

3. How are the design principles used in this layout?
    a. Contrast
        Color and font contrast.
        This template uses gold to highlight the titles. I use serifs and sans-serif for font contrast.
    b. Size
        All the titles and text in content are different in size to show the hierarchy.
    c. Space
        There are white space (black background) all over the blog to separate all the elements.
    d. Proximity
        It groups all the gadget texts in the right column.
    e. Repetiition
        Repetition of color makes viewers find what they want to look for in the blog very easily.

My Explanation to the First Layout of My Blog

1. How many columns does it have?
    Two.

2. What is the grid for the page?
    Rule-of-thirds. Right column layout.

3. How are the design principles used in this layout?
    a. Contrast
        Color and font contrast.
        White text versus the black background. Serif font (Times New Roman) versus sans-serif font (Arial).
    b. Size
        The Blog Title, the Tab Texts, the Post Title, the Gadget Title and the text in the post are different in size
    c. Space
        There are white space (black background) between all the posts and gadgets to separate them.
    d. Proximity
        It groups all the Tabs Texts. It also groups the Post Title and the Gadget Texts in the right column.
    e. Repetition
        Repetition of fonts are used at all the title and also repetition of lines are used at all the gadget titles.
      

Sunday, April 10, 2011

Threadless

I like to visit Threadless because it always gives me a fresh and appealing feeling. I always get inspiration from the artists who submit their artworks and get them printed at Threadless. Sometimes when I have mind-block, Threadless will always be the first site for me to enjoy by looking at some cool designs and funny pictures, it really helps me to relax.

Introducting me to the class of GID 56 Web Site Design, Spring 2011, Foothill College

Hi Everyone in GID 56,

I am Kit-Shing. My major is Graphic Design. It is my third year in Foothill College. I started my t-shirt design and printing adventure in Foothill College since Fall 2009. I took the first t-shirt class, GID 32, ever taught in the history of Foothill College. It was taught by Professor Manske. Our classmate, Marjorie, was my classmate of that class. Marjorie and I retook it the second time together and we met our classmate Brandon, who later became my co-worker, as the Business Operations Manager, to set up the student-run business with me for the Foothill Garment Printing Services of Foothill College. Our classmate, Sain, was in my GID 32 class in Winter 2011 when I was the teacher assistant. And our classmate, Cynthia, is my friend who is the best consultant about anything related to comic and steam punk.

The reason why I want to learn web site design is because I want to build a website to encourage a t-shirt design, printing, marketing, selling, and exhibiting culture in Foothill College by promote the class of GID 32 T-Shirt Design and Printing and the student-run business of the Foothill Garment Printing Services of Foothill College.

I strongly believe t-shirt design is one the most easy, convenient, practical and low technology way to communicate powerful idea(s) with target audience(s) from all around the world.

Thank You,

Kit-Shing Tse
Printing Operations Manager
Foothill Garment Printing Services
http://www.foothill.edu/graphicdesign/fgps/