Begin to build your header

WORKING WITH TYPE 

Applying design principles to your online presence.
 

PART 1:
Post: A minimum of 5 “typographic inspirations” for your header to your blog

Due Feb. 9th
• Serif
• Sans serif
• Hand-crafted
• At least 2 more of your choice
 

PART 2:
Begin working on 3 custom header designs for your blog. 

Header critique will be Feb. 14

• Sketch at least 3 ideas
• Use your name, title, initials, etc.
• Make the width of you header 1024px by whatever height works with your idea.
• Chose your fonts - download from: www.google.com/webfonts
• Pay attention to kerning, juxtaposition and composition.
• Explore!
 

CONTINUE COLLECTING YOUR CURRENT PORTFOLIO.
Portfolios will be due Tuesday Feb. 21st (more to come)
 

CONTENT RESOURCES:
http://patterntap.com - good to look at for navigation, header and footer designs
www.google.com/webfonts - to download web safe fonts


WEBSITE STANDARD SIZES
• Today the average website is 1024x768
• Average depth for a header is 248 pixels, but this will be dependent on your design.
• Set the resolution to 300 ppi. This way you can reuse for print later if you want.

After you have your design saved.
• Adjust the file size to be compatible to web. (72 ppi is the maximum resolution of a computer monitor, 
   so you need not go above that)
• “Save as” jpg or png  - depending on your design.
   
    - Tip: Both Photoshop and Illustrator have a “Save for Web and Devices” tool (under the “File” menu at the top) that works very well for saving files down to web compatible file types. This is particularly nice because you can compare each of the three files types (jpg, png and gif) side by side and make the best choice.