Week 11 Day 2 - Wednesday, Oct 31 - Homework

1. Using the CSS3 font techniques covered in class today, create an new HTML document that presents an existing Halloween themed poem or short story of your choice. Code wise, your Poem exercise should include the following code examples:

• Use of 1 serif font (not one used in the demo today) stylized via Google Font
• Use of 1 sans-serif font (not one used in the demo today) stylized via @font-face CSS3 property

Upload exercise to your class homepage by start of next class (2:30pm, Monday, Nov 5).

2. Continue design layout for Project 2. PDF of final design layout for all pages due next Wednesday, November 7, 2:30pm. All intended content (text copy, imagery, additional media) must be placed in this design layout, no placeholder content.

3. Continue visual blog entries for the week.

Typography and the Web

Typography Articles
List of Web Safe Fonts
List of Special Characters in HTML
Typography Speaks Louder Than Words
Why Typographic Choices Make a Difference
How to choose a Typeface
What Font to use?
Combining Typefaces
Type Guidelines and References for the web {great article by Smashing Magazine}
I Love Typography {articles, resources, fonts}
Web Font Services: The Good, Bad and Ugly

Web Type Services

@font-face kit generator

Google Web Fonts
Adobe TypeKit

More Web Font Embedding Services {via Smashing Magazine}

Font Foundries {not all fonts are created equal, and should not have been created at all}
Emigre
League of Moveable Type
Berthold Types
Font Shop

Don't Know What Font it is? Try WhatTheFont.com

Week 11 Day 1 - Monday, Oct 29 - Homework

1. Upload Shadowbox exercise that includes the following code examples with your own images

• 5 different image thumbnails, when clicked opens up a corresponding larger image
• 2 different text links, when clicked opens up a functioning absolute URL
• 2 different text links, when clicked opens up a functioning relative URL (not in a shadowbox)

Upload exercise to your class homepage by start of next class (2:30pm, Wednesday, Oct 31).

2. Begin design layout for Project 2. PDF of final design layout for all pages due Wednesday, November 7, 2:30pm.

Modal Boxes

Shadowbox (not compatible with JQuery)
Fancybox / Fancybox v2 (some video playback bugs with IE 7-8)

Justin Molloy: EGD lecture Thursday, Oct 25

Great lecture happening this week, Thursday, October 25, 2012, 5:00pm in TLC40.

Justin Molloy is a designer and educator who has worked for various Architecture Studios and Environmental Graphic Design firms in New York, Connecticut, Seattle, and Cincinnati. Currently the Director of Education and Professional Development for the Society for Environmental Graphic Design (SEGD), Justin Molloy will be sharing ways in which Environmental Graphic Design (EGD) encompasses the full spectrum of design, including branded environments, wayfinding, and navigation apps.

**Those who attend the lecture have the option to write up a 1 page summary about your experience and what you learned from Justin. Submission of lecture summary can result on make up points/extra credit toward Studio Practices portion of course grade (via Visual Journal Entries). Summary must be printed and submitted to instructor no later than Tuesday, Oct 30.

Week 10 Day 2 - Wednesday, Oct 24 - Homework

1. Create a Mood Board for Project 2. Save as  PDF and upload on your class site by start of next class, Monday, Oct 29. Mood board should consider inspirational design elements that will represent your visual language to be used in your layout design (to be started next week).

2. Continue visual journal blog entries.

Mood Boards

Mood boards are an important and essential step in designing a website. It allows you take into consideration how typography, color palettes, photography style, textures choices will provide ways to effectively communicate an appropriate tone and message in a website.

Download lecture PDF

Why Mood Boards Matter (via webdesignerdepot.com)

Create Mood Boards with these 20 Pro Tips (via creativebloq.com)

Pinterest

6 Things Designers and Illustrators should be doing with Pinterest (via creativebloq.com)

Mood Board App for iPad (by A Tiny Tribe)