GRDSN 121 Process III Outline

In this course, students are required to demonstrate the following competencies at an intermediate level of proficiency:

  1. Research and collect examples of...
    1. well designed pieces matching course projects
    2. choosing examples that clearly show the graphic design principles in action
    3. researching color, line, shape, texture, and typography as it is used on the web
    4. submitting a styleboard for each of your rough designs to show thinking as it relates to the design principles
  2. Create design projects that express the personality or spirit of the company/product/service/event through the creative concept, imagery, materials used and typography
  3. Incorporate typographic and page layout elements to help guide a reader and create interest by incorporating...
    1. headlines: The story's title
    2. subheads: Short descriptions or categories within the article
    3. lead-ins or deck: A smaller headline added below the main headline
    4. drop caps: A large capital letter used to direct a reader's eye
    5. pull quotes or lift out quote: A quotation from the story given graphic emphasis
    6. end story markers: symbol, logo or type indicating the end of an article
    7. photo captions or cut line: Information about a photo or illustration
    8. jump line: A line telling the reader what page the story continues on
    9. flag or nameplate
    10. info graphic
    11. folio: A line showing the page number and paper's name
    12. Display head
    13. standing head(s)
    14. photo credit(s)
    15. photo cutouts or silhouette
  4. Devise and apply grid systems by..
    1. setting the preferences in your layout program to have grids in front
    2. setting the grid subdivisions to usable increments
  5. Communicate concept / composition using thumbnail sketches that ...
    1. are quick yet understandable
    2. use ideation techniques such as the "Creative Techniques Listing" or the "Thinking Creatively" textbook
    3. allow yourself to brainstorm and record every whim, even the bad, dumb, overused,
    4. avoid inappropriate or impractical ideas in order to get to a unique idea
    5. are drawn in proportion to the dimensions of the finished piece
    6. convey an entirely separate or different creative concepts, grid systems and layouts
    7. show emphasis, balance, rhythm, unity
    8. show use of Gestalt principles: similarity, proximity, continuation, closure, figure/ground
    9. convey composition, sizing and position
    10. show the relationship between graphic elements
    11. show general shapes of graphic elements
  6. Indicate the hierarchy of elements by...
    1. determining the relative importance of every section of the client's text.
    2. choosing a method of emphasis using size, weight, style, font choice, spacing, alignment, kerning, indent, etc.
    3. indicating the visual weight of elements by careful rendering or varying the stroke weight of lines and/or hue and tint of shapes.
    4. separating content using line, shape and value
  7. Develop creative design solutions that demonstrate effective use of the formal elements of design by incorporating the following into your rough designs...
    1. line
    2. shape
    3. color
    4. value
    5. texture
  8. Create the illusion of depth by...
    1. overlapping imagery
    2. varying the size of shape, type or imagery
    3. using color to have elements recede or come to the foreground
    4. using perspective angles
  9. Communicate refined concept, detailed composition and typographic formatting of each project using tight roughs that  ...
    1. work off of one of the previous thumbnail sketches
    2. are drawn in proportion or actual size
    3. convey type choice
    4. convey type size, spacing and leading
    5. indicate usage of color
    6. convey photographic or illustrative imagery
    7. create each rough an entirely different creative concept
    8. computer generated on the computer
  10. Submit a style board for each of your rough designs to show thinking as it relates to the design principles
  11. Design a navigation structure for the newsletter site that flows easily, is user friendly and invites interactivity
  12. Design images to take advantage of Run Length Encoding / Compression by...
    1. creating artwork that has horizontal changes in color. This will create a more compressed image (small file size).
    2. creating artwork that has large areas of flat color
    3. creating non-complicated line art and non-dithered images
  13. Organize files and use correct web file formats / extensions by..
    1. avoiding complex naming conventions
    2. saving graphic files in gif and/or peg formats
    3. using a .gif, .jpg or .htm extensions
  14. Create small file sizes so web pages load quickly for the restaurant web site by...
    1. using hexadecimal colors in tables and backgrounds
    2. reducing the number of colors when possible (using the web, adaptive or exact palettes when saving gif files)
    3. using compression / quality controls to improve file size reduction when saving jpeg files
    4. cropping images tightly
  15. Re-purpose Projects for multiple media, formats and platforms

top of page