Vandalism

Student Work, Fall 2014

burnham_andrew_2015s_001 burnham_andrew_2015s_002 burnham_andrew_2015s_003 burnham_andrew_2015s_004

Andrew was interested in the angles of the spaces where “graffiti-art” lives. Notice the angles created in the headers (using a background image), and the way images are used to take up an entire space (these are not posters or books, they are rooms and buildings). He used a change in header color to reinforce where the visitor is in the site.

Lustig + Bass

Student Work, Fall 2014

goins_gregory_l_2015_001 goins_gregory_l_2015_002 goins_gregory_l_2015_003

Greg created a clean design, inspired by modernist ideals… but with “cut shape” images to mimic some of the forms in Lustig’s and Bass’ work. Here, the differentiation from one artist to the other is very subtle: a change in profile picture and page title tell the visitor where they are in the site.

Shattering the Crystal Goblet

Student Work, Fall 2014

Screen Shot 2015-04-10 at 3.18.58 PM Screen Shot 2015-04-10 at 3.19.08 PM Screen Shot 2015-04-10 at 3.19.17 PM

James honored two expressive designers by balancing playfulness (in the header, the background, forcing the page title off the edge of the “page”) with clean, readable typography (for the text). In order to help a visitor know where they are in the site, he played with hiding and showing the artists’ pictures in the header.

Materialize

Student Work, Fall 2014

materialize-1 materialize-2 materialize-4  materialize-3

Alicia created a contemporary/traditional design to highlight the work of designers with a “traditional” (hands-on/materials-based) approach to contemporary design. Rollovers on the home page reveal information under each image. Color used on the Q&A pages give visitors a subtle sense of where they are in the site.

Typography As Design

Student Work, Fall 2013

cover sleeve_off
full-title
fili interview

Meridyth honored her designers’ traditional lettering with a more traditionally designed book. She used a removable band for the cover/title. Note the full title page, the solid color page used to separate the designers, and the text-to-frame approach for the text block.

The Web Version

splash introduction fili

I don’t usually recommend having a “splash page” without much information on it, but here it slows the pacing down and feels more like a traditional book experience.

Discovering Style

Student Work, Fall 2013

cover endpaper  half-title  intro mike_perry

Janelle used hand-drawn type and a collage approach to capture the playful, rule-breaking work of her two designers. Notice the body text remains in a more traditional text-block.

The Web Version

homepagevenezky_webforward

The grid is not exactly the same, but many of the design elements carry over.

Hand Drawn Type

Student Work, Fall 2013

introduction perryneuenschwander

One of Camden’s artists works with very large horizontal pieces. Thus, he needed to design a horizontal book. On text spreads, he used smaller images to create rhythm and tension within the top space.

The Web Version

homepageperryexample

Above right is an example of one of the large horizontal pieces.

Spectrum

Student Work, Fall 2013

spectrum_introspectrum_hische  spectrum_tanamachi

Bethany used orange for one designer, and teal for the other. Since she already had experience with HTML and CSS, Bethany used her time to build a much fuller site than required: including a page for the gallery and additional resources for each designer. (Unfortunately, I do not have any pictures of the accompanying boxed set of three books.)

Lenses

Student Work, Fall 2013

lenses_intro lenses_perrylenses_bass

Evan’s design has a strict grid and picture/text relationship followed from page to page. He uses color to help readers know where they are in the site. (Unfortunately, I don’t have any images of the accompanying book.)