Tuesday, November 30, 2010

Black and White Problem

The Zen concept that a bowl's essence is the part that is "missing" corresponds to the graphic concept of negative space.

Apply this idea by using only negative shapes to interpret of the following subjects visually:

Moby Dick (Whale)
Clouds
Whipped cream
Jaws
sugar
Vanilla
Ice-cream cone
Steam.

The subject themselves should not be drawn; only the surrounding negative space and possibly areas in the shadow should be addressed, and only in black. As a design consideration, the images may be cropped to show only a portion of the subjects. Use the smaller areas for preliminary drawings and larger areas for final executions.

Black Square Problem

By using 4 flat squares of the same dimension, create a graphic image to express the meaning of each of the following six words:

Tension
Order
Increase
Bold
Congested
Playful

Analysis: The intention of this problem is to develop a geometric idiom through the discovery of the various 2 dimensional design principles needed to extend a limited graphic vocabulary. The necessary principles include: framal reference; touching;overlapping and cropping of forms; illusory space; contrast of elements in terms of size, direction, space, and position; and the dynamic of negative/positive relationships

The discoveries result from experimentation with the interrelationships of forms, a vital experience for the growth of a designer developing a personal, formal style. Combining these principles can further expand a mere graphic vocabulary into a comprehensive, abstract graphic language, maximizing the possibilities for graphic expression.

Notes: Because design skills become more comprehensive by creating several solutions for single problem, selecting the most effective solution is an important condition explored through this assignment.

Through the use of perspective, the four squares can of differing sizes, furthering the range of possible solution.

Friday, November 26, 2010

Jack and Jill Problem: Nov 25th

In the six areas indicated, create visual equivalent for each part of the nursery rhyme " jack and Jill" by using the ding-bats and/or punctuation marks given on the assignment sheet. These marks, symbols, and pictograms can be used individually or combined to develop a visual metaphor. Execute your solutions in black and white, unless your concept dictates otherwise.

Analysis: The intent of the Jack and Jill Problem is to develop a visual vocabulary within the parameters of a given set of images, allowing an opportunity to discover and grapple with the infinite possiblities that exist in what might first be perceived as a limited language.This assignment also presents a chance to respond freely to a timeworn nursery rhyme, taking something familiar and revitalizing it through the manipulation of images. This approach expands a designer's problem-solving vocabulary.

Sunday, November 14, 2010

Yearbook Divider Pages



Your task is to complete all divider pages:

1)Page 1 art page divider (size 8.5X11)

2)Teacher's divider page (size 8.5X11)

3) Grade 9 to 12 divider pages (17X11)

4) Graduates divider page (8.5X11)

5) Special events divider page (8.5X11)

6) Sport teams (8.5X11)

7) Clubs divider

Due date: November 17th

  • A theme or concept must be evident on all divider pages
  • Sizes varies from 8.5X11 to 17' X 11' Please check the list above for proper divider pages sizes
  • Must be in vectorized format (CorelDraw, Adobe Illustrator) or Photoshop at 300 dpi resolution minimum

Resource Links:

  1. Walsworth Yearbooks
  2. http://www.yearbooks.biz/?event=Showcase.Gallery&category=1
  3. http://yearbooks.lifetouch.com/get-ideas

Monday, October 11, 2010

Yearbook Cover Design Assignment

Creating the cover of your yearbook will be one of the most important jobs you take on during the year. After all, the cover will almost always be the first element of the book that readers will see.

Whether you work with one of the designers from Herff Jones Creative on a custom cover or you design the cover yourself, you will need ideas. Which is where the Cover Gallery comes in. Scroll through and take a look at some of the covers that were created last year.

Your task is to complete a 2 Yearbook cover designs by Friday Dec 23rd.

  • Theme or concept: must come up with one
  • Must have the school name and year : Marshall McLuhan 2010/2011
  • Size: 8 1/2 X 11 (front cover)
  • Size: 8 1/2 X 11 (back cover)
  • 1 1/2 inches for spine
  • Must be in Vector format (CorelDraw) or if you use Photoshop the resolution must be at 300 dpi minimum

Resource Links:

  1. Walsworth Yearbooks
  2. http://www.yearbooks.biz/?event=Showcase.Gallery&category=1
  3. http://yearbooks.lifetouch.com/get-ideas


Twenty Rules for Making Good Design


This selection from Design Elements, advocating adherence to design guidelines addresses the straightforward differences between “good” and “bad” design.

“1. Have a concept”

Design is thoughtful. Design is not successful if there is no meaning attached to the image.

“2. Communicate–don’t decorate”

Graphic design is not simply the embellishment of objects in order to make them aesthetically pleasing. If decoration takes away or distracts from the intended message, then it should be avoided.

“3. Speak with one visual voice.”

Every piece of a series or an identity system should be speaking the same “visual language.” They should be consistent.

“4. Use two typeface families maximum. OK, maybe three.”

Typefaces are an essential aspect in design and should be used purposefully.

“5. Use the one-two punch!”

There should be a focal point in the design and then a path that the eye follows throughout the rest of the design. In other words, use a hierarchy.

“6. Pick colors on purpose.”

Consider symbolic meaning attached to colors and the psychological and emotional effects that they will have on the viewers.

“7. If you can do with less, then do it.”

“True art lies in the harmonic convergence of thoughtfulness and creativity applied to very little. If the concept and the form are truly beautiful, there can be very, very little of it to look at- without sacrificing a rich experience.” In my opinion, this rule also ties into the “don’t decorate” rule. Minimalism is ok.

“8. Negative space is magical–create it, don’t just fill it up!” It is OK (and good) to have white space in design. It helps the message remain clear. Designing without negative space can be confusing/overwhelming.

“9. Treat the type as image, as though it’s just as important.”

Do not solely concentrate on the photography or the graphic elements. Typography should not only be set on top of the image. Thought and consideration should go into its placement, size and interaction with the image.

“10. Type is only type when it’s friendly”

Typography must be legible.

“11. Be universal; remember that it’s not about you.”

Do not design to express oneself only. Design is a conversation with a larger audience transmitted through a designer’s work.

“12. Squish and separate”

Contrast and space created between objects create a more dynamic layout. “‘Without contrast,’ Paul Rand once said, ‘you’re dead.’”

“13. Distribute light and dark like firecrackers and the rising sun.”

Have a wide value of darkness within design and do not evenly distribute use of these values, but concentrate on extremes to create contrast.

“14. Be decisive. Do it on purpose–or don’t do it at all.”

Do not be vague in design. Place elements with purpose and in relation to one another.

“15. Measure with your eyes: design is visual.”

Eyes can be fooled by optical illusions. For example, sometimes, one may have to make one area lighter or darker than another in order to APPEAR as the same.

“16. Create images–don’t scavenge.”

Do not just use stock photography in design. It may take more time, but then you also have full ownership of your designs.

“17. Ignore fashion. Seriously.”

Design for the content, not for the time period or the audience’s expectations.

“18. Move it! Static equals dull.”

You can use overlapping, contrast, texture, etc.

“19. Look to history, but don’t repeat it.”

When designing a time-period piece, don’t just mimic whatever was popular at that time. There are modern/personal aspects that can be brought to any work.

“20. Symmetry is the ultimate evil.”

Control layout. Be asymmetrical.

When reading these rules, I felt that the ones that I most needed to incorporate into my design is being dynamic, creating contrast and being decisive. I think that the most important rule that he mentioned was definitely the first rule, that design should have a concept. I believe the other two most important rules to be hierarchy and that negative space is a good thing. Although it would be wonderful to do so, I do not know that one can always be as ambitious as to create every image used in designs. However, I think that a good compromise is that if one uses any found images, it is good to make them your own somehow.

How Helvetica Took Over the Subway by Jennifer Lee

It was the letter J that opened the door for Helvetica into the subways. Today, Helvetica — a 1950s-era typeface that has gained fame and popularity because of its versatility — is the official standard in the New York City transit system. But that has been true for only 20 years or so.

The legacy of the 104-year history of the subway, itself a belated amalgamation of three separate systems, has resulted in a hodgepodge of signs in different styles, materials and sizes. Some have been preserved because of their historical significance. Others remain because they were overlooked or forgotten in subsequent renovations (a stark sign in the Port Authority was left over from the 1950s). We often overlook them in our harried daily commuting. But the passing glimpses of the signs are faint echoes of past fashions, mores and eras.

City Room took a daylong tour with Paul Shaw, a New York historian who has an encyclopedic knowledge of signs in the in the city and the subway system (see his recent article). He is known to scold people for confusing the terms “typeface,” “lettering” and “font.” (The word “font,” familiar in an age of software drop-down menus, has alas become conflated with “typeface” in general conversation.)

Only a typeface aficionado like Mr. Shaw can point out remnants of Helvetica’s predecessor — Standard (also known as Akzidenz Grotesk) — scattered around the underground labyrinth. Mr. Shaw says the subway design team original chose Standard as the universal typeface in 1966, not Helvetica. A manual of that time declared that “of the various weights of sans serif available, Standard Medium has been found to offer the easiest legibility from any angle, whether the passenger is standing, walking or riding.” (Sign legibility when your audience is in motion continues to be a vexing problem.)

Helvetica
Helvetica only became the standard typeface for the subway system in recent decades. (Photo: Shannon Stapleton/Reuters)

Helvetica was originally created in Switzerland. It was a neutral typeface from a neutral country and gained runaway popularity starting in the 1960s for its modern grace. But the subway system looked elsewhere.

“It was an incredibly courageous thing to do at a time when Helvetica was riding high,” Mr. Shaw said.

The differences between Standard and Helvetica, both sans-serif faces that lack little strokes (or “serifs”) that terminate the principal strokes of a letter, are subtle, most noticeable in the ends of characters like the C, 2, 3 and 5. The J was a particular problem in Standard — because in certain subway maps and signs, the J wasn’t hooky enough, Mr. Shaw says. The Helvetica J, on the other hand, had quite a firm curve, which made it the J of choice for an updated subway maps and trains.

Thus, between 1980 and 1989, Helvetica “crept into the system.”

Before the sans-serif rivalry of recent decades, there was the golden age of the serif typeface in the subway systems. The earliest station signs were often in ornate terra cotta forms, colored in part because early subway designers wanted people to be able to identify their stops while they were in a fast-moving train.

From 1901 to 1908, John L. Heins and Christopher G. LaFarge designed the earliest subway motifs in the popular Beaux-Arts style, evoking classical architecture using ceramics, metal and wood. It was an aesthetic of swoops and curlicues, cornucopias and floral medallions. These terra cotta signs can still been seen at Bleecker Street and Spring Street on the No. 6. line, and the Borough Hall stop on the No. 4 and 5 lines.

A successor, Squire J. Vickers (one of the coolest names in New York City history!) pared down their ornate style, in part because of his minimalist aesthetic and in part because of the economics of the Great Depression. Mr. Vickers, who was the architect for perhaps three-quarters of the system, is largely known for his mosaics, which were practical in that they were easier to clean because of their flat surfaces.

The mosaics of those days were hand cut and hand assembled by craftsmen, with precision yet irregularities. Over time, as stations have been renovated, the original mosaic motif has been mimicked, with mixed results. Among the nicer additions: a Chinatown station that now has Chinese characters in mosaic form at Canal Street. But on the No. 1 platform at 34th Street, Mr. Shaw pointed out an original hand-assembled mosaic that was probably an original from the opening of the station. Then he pointed out a neighboring mosaic sign that had been clearly machine-cut because the curves were too smooth and it was missing fine details. He shuddered. But it was nothing compared with the horror he felt at a mosaic at the 18th Street stop on the No. 1, where the proportions of the typeface were simply all wrong.

At some stations, there is a odd splicing of signs and styles — half traditional and half modernist. That’s because of the station expansions that happened after increasing ridership forced the IRT’s five-car local stations to be lengthened to accommodate longer trains in the 1940s and ’50s.

$1 subway sign
A sign from an R1 subway car, built in the 1930s for use by the IND system. (Photo: Preston Rescigno/Getty Images)

Meanwhile, a bewildering array of signs had accumulated, according to Mr. Shaw: porcelain enamel and hand painted, directional and informational, serif and sans serif, blue and green. There was no unified style, or as Mr. Shaw puts it less tactfully, it was a “visual mess.”

The current unified New York subway system began to take shape when the city took over the bankrupt Interborough Rapid Transit (IRT) and the Brooklyn-Manhattan Transit (BMT) in 1940, eventually merging them over time with the city-operated Independent lines (IND). The IND — which started in the 1920s and includes the A, B, C and D lines — always used sans serif (think of old images from “Take the A Train,” not a serif anywhere to be seen).

In addition, after a decade of construction, a new mile-long tunnel connection opened up in 1967, changing the travel patterns of thousands of commuters by allowing trains from Brooklyn to have access to a number of the north-south Manhattan lines and creating a number of new (free!) transfer connections.

“No one could understand those signs because of the confusion,” Mr. Shaw said.

And the signs weren’t entirely updated for the change. A mild panic set in at the Atlantic Avenue station when officials arrived early to find old signs still hanging, prompting them to cover the outdated signs and maps with newspapers, according to research Mr. Shaw did at the time.

The resulting subway map, as one writer put it in 1968, was “a battlefield filled with typographers and color-experts locked in mortal combat.”

With a spaghetti bowl of subway lines, transit officials began debating a move to color-coded system in the 1960s, where each line would be assigned its own color.

But then the subway declared a unified system of signs. An early design template for sign was touse black and red writing on a white background. But that was changed to the white on black we know today when transit officials determined that those would be easier to read in low light of the subway system. Some of the few remnants from that era can be seen at Bowling Green stop on the No. 4 and 5 lines.

Helvetica ousted Standard by 1989, though today the emergence of digital signs — like those on the L line platforms and the N/R subway lines — has demanded the adaptation of new typefaces, some which impress Mr. Shaw with their form and functionality. Others less so.

And around the subway system, Standard can still be spotted. At the Chambers Street station on the No. 1, 2 and 3 lines, a Helvetica sign and a Standard sign sit directly opposite each other on neighboring pillars. And many subway cars still have their four-digit numbers written in Standard.

And sometimes, Helvetica and Standard may have mated and produced an offspring. At one subway stop, Mr. Shaw stopped to squint at a sign that read “Station Dept Cleaners Rm.” The sign was mostly in the Standard typeface, except for the capital R, he pointed out.

The Standard R has a straight diagonal leg, while this one was curved, like the one in Helvetica. “Always look at the capital R,” he said, “because it can tell you a lot.” (Others who are finely attuned to typefaces are often jarred when Helvetica is misused in movies, appearing as an anachronism.)

“We’ve got a mutant,” he declared, as he took out his camera and snapped a photo.

Subway Fonts
Mosaics of terra cotta with serif lettering were used in the early days of the subway, and many — like this one — still survive.

Links:(Article: Jennifer Lee Photo: Todd Heisler/The New York Times)

Monday, October 4, 2010

Swiss Army Watch Design/C.R.E.A.T.E package
















When you are submitting your watch designs please include the following items in your project.
  • Final Watch Design
  • C.R.E.A.T.E package

Wednesday, September 8, 2010

Course Info and Outline

Introduction to Graphic Design (Overview & Objectives)

This course is an intensive exploration of the fundamental principles of
graphic design through a series of weekly studio assignments and critiques,
supplemented by short readings, class discussions and lectures.

The class focuses on developing the ability to skillfully manipulate and
combine core design elements such as type, shape and image, to transmit
meaning and values. We will investigate the use of communicative tools such
as composition, color, hierarchy, scale, rhythm, and visual metaphor.

To foster a better understanding and appreciation of craft and
materials, in the first half of the class you will work by hand and explore simple
analog processes like the Xerox machine. In the second half of the class we
will transition to working on the computer and use Adobe Photoshop and
InDesign software (there will be a few supplemental workshops to facilitate
this transition however this class is not software oriented and you will largely
be responsible for teaching yourselves).

The additive, systematic nature of the assignments are designed to help
you develop a working process that leads to a body of accomplished visual
work, as well as a vocabulary for critically engaging that work, and in turn, lay a
solid foundation for further studies in Graphic Design or related disciplines.