Friday, November 9, 2012

Project 3


VisComArts: Educational Poster

Professor Groat | Art 125

Your assignment is to design a poster that serves as a tool for teaching the general public about a particular Visual Communication occupation.  The poster may present an informative overview of a broad field such as fashion design, game design, fine arts, or explore a more focused niche’, like cereal box package design, graphic design for the skateboarding industry, wildlife photography, or even medical illustration for brain surgeons.  You decide! The design must be visually engaging, legible and make use of the principles: emphasis, alignment, contrast, balance, flow and repetition. Lastly, your poster design must contain conceptual design elements that conform to one of the seven historical design styles listed below.

Design Styles:

Art Nouveau (Late 19th Century to Early 20th Century)
Bauhaus (1920’s)

Constructivism (1913-1920's )
Art Deco (1920-1930)
International Typographic Style (Swiss School of Design) 1950-1970
Modernism / Modern Movement/New York School 1940’s
Post-Modern Design 1970 - present

Design Style Overviews:
http://clockedportfolio.blogspot.com/

Learning Outcomes:
·       Create a unified, balanced and aesthetically pleasing poster design involving both typography and images that teaches the public about a particular visual communication career.

·       Articulate the main design attributes connected with Art Nouveau, Bauhaus, Constructivism, Art Deco, Swiss Movement, Modernism, and Post Modern Design.

·       Articulate verbally and in writing how the design principles: emphasis, alignment, contrast, balance, flow and repetition have been used to create a unified and balanced design that visually communicates the subject of the poster.
Size:
Poster Size 18”x24” – (Printed at Sams Club, Kinkos,  Staples, etc.) | Media: digital | Full Color

What’s Due:
11/14   3 examples of each design style posted on blog, along with a bulleted list of the characteristic design attributes connected with the style.
11/19   10 Thumbnails – FIRST ROUND
11/26   5 Thumbnails – SECOND ROUND
12/3     Digital study with simplified geometric shapes and text – no pictures!
12/5 –   NO CLASS - Class rescheduled to 12/19
12/10   CRITIQUE - Comprehensive Posted on Blog
12/12   Improved Designs – Applied critique comments     
12/17  Turn in mounted design for final grade
12/19   Make up day, turn in mounted poster
           
Information Required within Poster:
The content of the poster (both images and text) must communicate informative information connected with: What, When, Where, and How.

  • What is the name of visual communication occupation?
  • What role does the occupation serve within society?
  • When did the particular visual communication medium become an actual career within society?
  • Where is the visual communication occupation most prevalent?
  • How did the visual communication occupation emerge within society?

What’s Required:

Ø  Headline Text
Ø  Body Text – Must explain what, where, when and how.
Ø  Graphic Illustrations or Digital Images
Ø  Full Color
Ø  Thumbnails, Rough, Comprehensive and Essay presented on blog!
Ø  Poster sized Foam core Mounted Design


Graded On:
How well you address the needs of the assignment, craftsmanship, creativity, posting creative process on blog, essay and meeting due dates.

Essay Outline:
The project essay must outline the following:
1. How does your design teach something about a particular visual communication field and  engage the audience?
2. How does your design conform to the "rule of thirds"?
3. How have the principles: emphasis, alignment, contrast, balance, flow and repetition
been implemented within your design?
4. In what ways do color, imagery and typography work together to communicate the message of your design?

Design Styles

Art Nouveau -  Late 19th Century to Early 20th Century
  • Art Nouveau (French, = new art) as a style is marked by
  • Intense ornamentation a delight in the curves of stylized plants and draperies, and hand lettered typography. 

Art Nouveau (French, = new art) as a style is marked by intense ornamentation, a delight in the curves of stylized plants and draperies, and hand lettered typography. 

Bauhaus  - 1920’s
  • "Form follows function": the aesthetic of the Modern Era
  • The three principles of Bauhaus design were:
  • Form follows function
  • Economy of form
  • Truth to materials

The Bauhaus adopted a revolutionary teaching approach built on practical work, where
students and teachers worked together on studio projects and thus unified practice and theory.   ... the Bauhaus seeks - by the means of systematic theoretical and practical research into the formal, technical and economic fields - to derive the form of an object from its natural functions and limitations. (...) Research into the nature of objects leads one to conclude that forms emerge from a resolute consideration of all the modern methods of production and construction and of modern materials.  (Walter Gropius, 1926, quoted in Michl 1995). Founded in Weimar (Germany) in 1919 by architect Walter Gropius, the Bauhaus was the most influential design school of the twentieth century.  It drew inspiration both from Russian Constructivism (to the East) and De Stijl (to the West).


Constructivism - 1913-1920's
Stylistically, Constructivism is marked by:
  • Organization of abstract, geometrical elements to make dynamic or visually stable forms combinations of different sans serif typefaces for their visual and formal properties as well as their literal meanings
  • Simple, flat, symbolic colors
  • Extensive white space as part of the design
  • Photography (rather than drawn illustrations) and photomontage

Constructivism emerged from the Russian revolution (1917) and the need for quickly
designed and produced posters to promote the slogans and campaigns of the reforming government.  It was associated with industrialization, a rejection of art as a bourgeois luxury, and adoption of the new avant-garde art as a mass medium.

Art Deco 1920-1930
·       Straight Lines
·       Flat, geometric, constructed shapes
·       Chevrons >>>>, zigzags, lightning bolts

In the typically modernist tradition, Art Deco style rejects romantic decoration and
ornament.  It delights in straight lines, flat, geometric, constructed shapes, chevrons (>>>), zigzags, lightning bolts and all forms influenced by machine aesthetics.  But here these forms are used with a softer touch, frequently ironic, humorous and sophisticated, consciously self-referential. Art Deco evolved into an aesthetic of beauty, which is seen as quintessentially French and stereotypically elegant. After World War I, through the 1920's and 30's, French business and industry embraced the avant-garde ideas of modern art and applied them to advertising and publicity.  Posters, packaging and the catalogues of the great fashion stores sold not only goods but a new taste in art and design.  Art became transformed into elegance!

International Typographic Style - 1950-1970
(Swiss School of Design)
  • Clarity of design objective
  • Grid Format
  • Visual Unity of design through asymmetrical organization through a mathematically organized grid
  • Predominant Use of Sans-Serif expresses spirit of progressive age
During the 1950s a design movement emerged from Switzerland and Germany that has been called Swiss design or, more appropriately, the International Typographic Style. The objective clarity of this design movement won converts throughout the world. It remained a major force for over two decades, and its influence continues into the 1990s. Detractors of the International Typographic Style complain that it is based on formula and results in a sameness of solution; advocates argue that the style's purity of means and legibility of communication enable the designer to achieve a timeless perfection of form, and they point to the inventive range of solutions by leading practitioners as evidence that neither formula nor sameness is intrinsic to the approach, except in the hands of lesser talents.
The visual characteristics of this international style include a visual unity of design achieved by asymmetrical organization of the design elements on a mathematically constructed grid; objective photography and copy that present visual and verbal information in a clear and factual manner, free from the exaggerated claims of much propaganda and commercial advertising; and the use of sans-serif typography expresses the spirit of a progressive age and that mathematical grids are the most legible and harmonious means for structuring information. More important than the visual appearance of this work is the attitude developed by its early pioneers about their profession. These trailblazers defined design as a socially useful and important activity. Personal expression and eccentric solutions were rejected, while a more universal and scientific approach to design problem solving was embraced. In this paradigm, the designer defines his or her role not as an artist but as an objective conduit for spreading important information between components of society. Achieving clarity and order is the ideal .More than any other individual; the quality of discipline found in the Swiss design movement can be traced to Ernst Keller (1891-1968). In 1918 Keller joined the Zürich Kunstgewerbeschule (School of Applied Art) to teach the advertising layout course and develop a professional course in design and typography. In teaching and in his own lettering, trademark, and poster design projects, Keller established a standard of excellence over the course of four decades. Rather than espousing a specific style, Keller believed the solution to the design problem should emerge from its content. Fittingly, the range of his work encompassed diverse solutions. The roots of the International Typographic Style grew from de Stijl, the Bauhaus, and the new typography of the 1920s and 1930s.

Two Swiss designers who studied at the Bauhaus, Théo Ballmer (1902-65) and Max Bill (1908-94), are principal links between the earlier constructivist graphic design and the new movement that formed after World War II. Ballmer, who studied briefly at the Dessau Bauhaus under Klee, Gropius, and Meyer in the late 1920s, made an original application of de Stijl principles to graphic design, using an arithmetic grid of horizontal and vertical alignments. Max Bill's work encompassed painting, architecture, engineering, sculpture, and product and graphic design. After study at the Bauhaus with Gropius, Meyer, Moholy-Nagy, Albers, and Kandinsky from 1927 until 1929, Bill moved to Zürich. In 1931 he embraced the concepts of art concret and began to find his way clearly. Eleven months before Théo van Doesburg died in April 1930, he formulated a Manifesto of Art Concret, calling for a universal art of absolute clarity based on controlled arithmetical construction.

Modernism / Modern Movement/New York School  (1940’s)
·       Intuitive design / less structured compared to European design
·       More informal with organizing space
·       American approach to European modern design
The first wave of modern design in America was imported by talented immigrants from

Paul Rand
Milton Glaser


PostModernism 

David Carson


Europe seeking to escape the political climate of totalitarianism. These individuals brought Americans a firsthand introduction to the European avant-garde. The 1940s saw steps toward an original American approach to modernist design. While borrowing freely from the work of European designers, Americans added new forms and concepts to the tradition of graphic design. European design was often theoretical and highly structured; American design was pragmatic, intuitive, and more informal in its approach to organizing space. Just as Paris had been the most democratic city in the world, with great receptivity to new ideas and images during the late nineteenth and early twentieth centuries, New York City assumed that role during the middle twentieth century.
Perhaps these cultural incubators nurtured creativity because the prevailing climate enabled individuals to realize their potential--or, the existing climate may have been a magnet attracting individuals of great talent and potential. In either case, New York City became the cultural center of the world in the middle of the twentieth century, and graphic design innovation ranked high among its accomplishments. Despite the European underpinnings, unique aspects of American culture and society dictated an original approach to modern design. The United States is an egalitarian society with capitalistic attitudes and values, limited artistic traditions before World War II, and a diverse ethnic heritage. Emphasis was placed on the expression of ideas and an open, direct presentation of information. In this highly competitive society, novelty of technique and originality of concept were much prized, and designers sought simultaneously to solve communications problems and satisfy a need for personal expression. This phase of American graphic design began with strong European roots during the 1940s, gained international prominence for its original viewpoints in the 1950s, and continued until the 1990s.
Perhaps more than any other American designer, Paul Rand (1914-96) initiated this American approach to modern design. His ability to manipulate visual form (shape, color, space, line, value) and skillful analysis of communications content, reducing it to a symbolic essence without being sterile or dull, allowed Rand to become widely influential while still in his twenties. Thoughts on Design, his 1946 book illustrated with over eighty examples of his work, inspired a generation of designers. For all his visual inventiveness, Rand defined design as the integration of form and function for effective communication. The cultural role of the designer was defined as upgrading rather than as serving the least common denominator of public taste. This is a major hallmark of his contribution--perhaps there is a limit to how far a designer can follow the modern painter into the uncharted realm of pure form and subjective expression without losing the vital foothold on public communication.

Thursday, October 25, 2012

Sunday, October 14, 2012

Applying Design Princples to Graphic Design

Steps for Establishing Visual
Hierarchy & Evaluating Designs
  1. What is your primary message?
  2. Which element best communicates the primary message?
  3. Is there a secondary message?
  4. Which element best communicates this secondary message?
  5. Is there a tertiary message?
  6. Which element best communicates this tertiary message?
  7. Which element is most interesting?
  8. Which visual element is the most likely to attract or spark the reader’s attention?
  9. Is there a piece of information, which, if unemphasized or unclear, could undermine the usefulness of your message? For instance, if you are designing a charity poster for a play, the location of the play is absolutely critical information; without this information, you may send people roaming in the streets searching for the theater.
  10. What, if any information, can you afford to delete from your page? Simpler is often better: simple designs make it easier for you to establish a clear visual hierarchy. Jut because a design is simple doesn’t mean it can’t also be sophisticated.
Emphasis Techniques
  1. Making it the biggest
  2. Making it the boldest
  3. Making it the brightest
  4. Clustering text to suggest visual weight.
  5. Setting type in bold or italic or both
  6. Adding a special visual effect to the element; for example, adding texture to it.
  7. Placing the element within a shape that is different from the other graphics of text on the page.
  8. Adding a border to the shape around the element
  9. If an image, silhouetting it
  10. Changing its color so it is different from other visual elements
  11. Using contrasting colors in it
  12. Surrounding the element with lots of white space
  13. Adding a drop shadow
  14. Tilting it an angle when other elements are horizontal
  15. Making it full intensity when everything around it is faded
  16. Making it bright if everything else if dull, or vise versa
  17. Making it sharp if everything else is out of focus, and vise versa
  18. Position the item so all of the other elements lead to or point towards it
  19. Position the item in the optical center of your page
Contrast Techniques
  1. Placing very small elements on the page with very large elements, such as small type with large type or small images with large images.
  2. ALL CAPITAL LETTERS next to all lowercase letters; elaborate decorative type next to plain sans serif type
  3. Thick type or lines with thin type or lines
  4. Warm colors with cool colors
  5. Vertical columns of text broken by intruding strong horizontal elements (headlines, subheads, or even a solid line)
  6. Back type and light gray type

Balance Techniques
  1. Use black shapes, solid backgrounds, or rectangles with white reversed out.
  2. Try thick rule lines in gray, thin rule lines in black or vice versa. Contrast thick rule lines with thin.
  3. Use gradations from white to black in rule lines, in type, in shapes, in the background.
  4. Try photographs and illustrations with a wide range of gray tones.
  5. Use plenty of white space.

Alignment Techniques
Aligning text with edge of images | Aligning body text with headlines.

 Basic Text Alignments

1. Flush Left | 2. Flush Right | 3. Centered | Justified

 

Advanced Text Alignments


1.Runaround | 2. Asymmetric | 3.Concrete

Flow
  1. Align columns of text with columns.
  2. Position elements so that they lead the viewer into the design, opposed to off
    the edge of the page.
  3. Place headlines near articles.
  4. Choose an easy-to-read serif typeface such as Times Roman or Garamond and us
    it consistently through an article.
  5. If articles flow onto other pages, keep type sizes, color, and column widths
    consistent.
  6. Use columns that are neither too wide nor too narrow
  7. Avoid extra wide leading
  8. Keep listed items together
  9. Cluster text
  10. Place quotes on the page with the text it reinforces, instead of several pages
    over.
  11. Keep captions with pictures and statistics with charts.
  12. Place linked columns of text next to each other, instead of intermixing the
    columns of text from two or more different articles.

Layout Strategies

Sunday, September 9, 2012

Project #1 - Form Expressing Content


Art 125- Groat | Introduction to Computer Graphics


FORM & CONTENT


Black, White & Gray


TYPOGRAPHICAL DESIGN


 

Your assignment is to create a grayscale typographical design involving the words: emphasis, contrast, balance, flow and repetition.  The “forms” of the words must reflect the “content”—meaning, the design of the type must visually express the meaning of the word. Emphasis must be positioned as the center of interest, flow must appear in rhythmic, fluid motion, repetition must be repeated, etc. The design must include all six concepts and conform to the “Rule of Thirds” within the grid.

 

Emphasis | Contrast | Repetition


Alignment | Balance | Flow


Learning Outcomes:

Ø  Create a unified and balanced typographical design consisting of various forms that express content.

 

Ø  Articulate how the design principles emphasis, contrast, balance, flow, alignment and repetition have been used to create a unified and balanced design.

Size:


11”x8-1/2”  |   Media: digital  | Grayscale Combined with Color  |

Printed on Gloss or Matt Photo Paper

 

What’s Due:

9/3        10 Thumbnails – FIRST ROUND

9/5        5 Thumbnails – SECOND ROUND

9/26     Full Size comprehensive (digital – posted on blog with essay)

10/1     Final Digital Printed and mounted on black foam board

 

What’s Required:

Ø  Mounted Comprehensive on black foam board. 2.5 inches all around, 3 inches on the bottom.

 

Ø  Thumbnails, Rough and Comprehensive presented on blog and in class during critiques!

 

Ø  The design must include all six concepts and conform to the “Rule of Thirds” within the grid.

 

Ø  Variation of Grayscale

 

Graded On:

Ø  How well you address the needs of the assignment

Ø  Craftsmanship and meeting due dates

 

 

Essay Outline:

 

1. Describe how the design principles: emphasis, contrast, balance, flow, alignment and repetition have specifically been implemented to create a single unified design conforming to the rule of thirds.

 

2. Describe how the typographical forms of the words: emphasis, contrast, balance, flow, alignment and repetition have been altered in order to visually communicate (or express non-verbally) the content (what the word actually means.)

 

Full credit will only be given to very specific and thorough essays.

 

Concepts to consider in the development of the design:

 

· Where’s the focal-point?

 

· How do the secondary and tertiary elements direct the viewer’s eyes to the focal- point?

 

· How has visual flow been established?

 

· Is the design balanced, how?

 

· What elements have been repeated?

 

· How has alignment been implemented, and could it further enhance the design?

 

· Is there enough negative space within the design?

 

· Does Contrast in scale exist: Big, Medium and Small?

 

· Vary the thickness

 

· Vary the value – work with grayscale

 

· Vary the font style

 

· Overlap words

 

· Crop-off words at edge of page

Monday, August 27, 2012

Art/Com 125-01 | Professor Hall Groat | Fall 2012


Introduction to

Computer Graphics   

Art/Com 125-01  |  Professor Hall Groat | Fall 2012

Course Blog: http://www.bccgraphics.blogspot.com/

Meeting Times and Days: Monday and Wednesday, 9-10:50 | Location: AT 217

Office Hours:  Monday & Wednesday 3-4PM |

Office Location: Applied Technology, Rm.#217A
Phone: 778- ________________  |  E-mail: Groat_H@sunybroome.edu

Course Description
The study of Visual Communication theory connected with applied arts fields such as, advertising, editorial design, animation, motion graphics, gaming, and web design.  Students are introduced to Adobe Photoshop and Illustrator on Machintosh Computers, and learn how to develop initial thumbnail sketches into final digital comprehensives. Other topics include digital photography, scanning, image manipulation, color correction, basic design theory, typography, blogging and graphic design history.

Learning Outcomes
Art/Com 125
Introduction to Computer Imagery (Visual Communication I)
Students will be able to:

  • Apply classical design theory to combining images with typography to communicate a message visually.

  • Employ knowledge of raster digital software to classical design.

  • Articulate the inherent process for conceiving a visual communication piece, such as a poster, print media advertisement or program cover. 

  • Recognize significant cotemporary and historic graphic designers that were integral to the development of several design movements.

  • Describe verbally and in written form distinguishing characteristics relating to several design movements.

  • Investigate various professions relating to various visual communication fields, such as editorial design, advertising design, corporate design, book design, music/record design, information design and animation. 

Time Frame
August 27                          Introduction / Course Overview / Requirements / Biographies / Course Supplies
__________________________________________________________________
August 29                          Project #1
                                             Form & Content: Typographical Design
__________________________________________________________________
September 5                     Project #1
__________________________________________________________________
September 10                  Project #1
___________________________________________________________________
September 12                  Project #1
___________________________________________________________________
September 17                  Project #1
___________________________________________________________________
September 19                  Project #1
___________________________________________________________________
September 24                  Project #1
___________________________________________________________________
September 26                  Project #1 Due | Critic #1
___________________________________________________________________
October 1                          Project #2 Begin    
                                             Visual Communication Print Ad
_________________________________________________________________
October 3                          Project #2
__________________________________________________________________
October 10                        Project #2
__________________________________________________________________
October 15                        Project #2
___________________________________________________________________
October 17                        Project #2
________________________________________________________________
October 22                        Project #2
________________________________________________________________
October 24                        Project #2
________________________________________________________________
October 29                        Project #2
________________________________________________________________
October 31                        Project #2
________________________________________________________________
November 5                     Project #2 Due  |  Critic #2
________________________________________________________________                      
November 7                     Project #3 Begin 
Visual Communication Arts Career Poster
________________________________________________________________
November 12                   Project #3
________________________________________________________________
November14                    Project #3         
_______________________________________________________________
November 19                                  Project #3
________________________________________________________________
November 26                                  Project #3
_________________________________________________________________
November 28                                  Project #3
_________________________________________________________________
December 3                                     Project #3
_________________________________________________________________
December 5                                     Project #3
_________________________________________________________________
December 10                                  Project #3 Due | Critic #3

_________________________________________________________________
December 12                                  FINAL CRITIQUE 
              
Course Format
The course will be comprised of selected readings, discussions, traditional studio work, digital studio work, blogging, and critiques.  At the beginning of each class a reading will be assigned that directly relates to the current graphic project.

Assessment and Grading
25 %    Critiques & Class Participation
            (Contributing thoughts during class discussions & critiques)
75 %    Projects / Digital Portfolio on Blog

Attendance
Attendance is mandatory.   If you miss more than three classes your grade will be dropped one half a letter grade—unless you have a written medical excuse.  (Attendance will be taken each time class meets)
Materials and Supplies
Purchased at Office Max, Ames, AC Moore
  • Digital Camera with USB Cable
  • Ruler with metal edge
  • Sketch Pad (for sketches and roughs)
  • 8.5”x11” Graph Paper
  • Mounting Tape (preferably acid free type)
  • Flash Storage Disk / Jump Drive 1 Gigabyte or greater
  • Black Ink Felt Tip Pen & Soft Lead Pencil
  • Black Foam Board 18”x24” – Two Sheets