Project 5 – Information Visualization: Illustrator Illustration

Proposed version of stress

Project 5 – Information Visualization: Sketches

1. Gantt chart
2. Gantt chart in radial section of clock
3. health
4. stress

Project 4 – Typographic Variables: Part 4

4a. Color & everything before: Make 4 final variations. Print out all 4. Mount on to black board.

Start with a complete solution to one of the previous nine exercises; explore how color can emphasize or complement the typography. Consider color in shapes behind the type; color in the type; color in limited amounts; color all over the piece; try analogous color palette with one contrasting hue, complimentary colors, try a strong palette, an ugly palette, a cool palette, a loud palette etc. After a few explorations with one idea, move to another idea and explore some more. The goal is wide and brave exploration, keeping in mind, of course, that communication is still your goal!

Final Format

All exercises should be printed out 8.5 x 11” paper. Parts 1-3 should be printed in black and white. Exercise 4 should be printed in color. From Exercise 4, choose one to mount on black board. The border should be 1” around all sides. (This makes the blackboard 10.5″ x 13″) I encourage you to enlarge the final poster to be larger than 8.5 x 11” but it is not required. If Part 4 has color that bleeds off the page, print it on 11 x 17” paper with crop marks and cut it out. Don’t forget to write your name on the back and label which exercise they are from. Please do not staple. Use paper clips or folders to keep your work together. Turn these in at the end of the critique on Thursday October 7.

Design Considerations: Of every variation, ask yourself these questions.

• What is most important information? next in importance? and next?
• How do you visually signal this? with space? with position? with weight?
• Where are you positioning the text on the page?
• How is the viewer’s eye traveling around the page?
• Refer to your design principle and elements for ideas for new composition ideas.

This slideshow requires JavaScript.

Project 4 – Typographic Variables: Part 3

3a. Size change & typographic weight: Make 5 variations

• Select any two weights (Helvetica Neue light, roman, medium, bold).
• Use a change of point size to emphasize hierarchical differences.
• You may change the order of the information, if you wish.
• Horizontal (also called margin) shifts and linespacing are optional.
• This is your call.
• Think carefully.

3b. Graphic elements: rules, bullets, geometric shape: Make 5 variations

• Start with a complete solution to one of the previous eight steps.
• Add any of these graphic elements: rules (your choice of weight), bullets (dots, your choice of size and weight), and geometric shapes.
• Stay with black, white and values of grey (% of black) in your graphic elements, bullets, rules and type.
• Again, this is your call.
• Try a range of starting points, not just one.
• Be adventurous and try many ideas.
• Explore!

Project 4 – Typographic Variables: Part 2

2a. Linespacing & typographic weight: Make 3 variations

• Select any two weights of Helvetica Neue.
• Think about logical groups of information.
• Insert blank spaces between lines of type.
• Use only full line spaces. Do not insert two blank lines together or half a line.
• Using weight changes and space between lines, lead the viewers eye through groups of information.

2b. Typographic weights & horizontal shift: Make 3 variations

• Select any two weights of Helvetica Neue.
• Think about logical groups of information.
• Shift lines of type horizontally left or right.
• You should have two flush-left margins.
• Do not add extra space between lines of text.
• Using weight changes and a shifting left margin to lead the viewers eye through groups of information.

2c. Horizontal shift & linespacing: Make 3 variations

• Use just one weight of Helvetica Neue. Set all the type in that weight.
• Figure a few different ways to group information.
• Insert blank spaces between lines of type.
• Use only full line spaces. Do not insert two blank lines together or half a line.
• Shift lines of type horizontally left or right.
• You should have two flush-left margins.
• Using linespacing and a shifting left margin to lead the viewers eye through groups of information.