Table of Contents

Project Overview

Theme: Discover, define, and visualize what drives your curiosity while learning about the basic principles of composition to improve your design practice.

Problem: Create 4 figure-ground compositions (2 ambiguous, 2 stable) using simple black-and-white shapes.

Limits: simple, flat, black-and-white shapes, no lines or text.

Materials: Sketchbook, camera/phone, pencils, marking pens, 1 sheet Bristol Board 9×12″, ruler/t-square, tracing paper.

Concepts: Shape (Organic, Geometric), Frame, Positive/Negative Space, Composition, Figure-Ground Relationships (Stable, Ambiguous), Economy/Less is More, Unity.

Technical Skillsmind map, thumbnail sketching, measuring with ruler, inking.

Learning Outcomes

For the successful completion of this project, you should be able to: 

  • Practice design thinking using mind mapping.
  • Discover and communicate abstract concepts through writing.
  • Develop multiple versions (iterations) using thumbnail sketching and refined sketches.
  • Demonstrate an understanding the basic principles of composition.
  • Demonstrate attention to detail and craft using precise ruler measurements, drawing techniques, and inking pens.
  • Share each phase of the design process by posting to the class site and providing critical supportive feedback to classmates.

Design Process

  1. Discover: Make a Mind Map
  2. Define: Sketch + Iterate
  3. Develop: Inked Compositions
  4. Deliver: Post and Comment

1. Discover

Make a Mind Map

Mind Mapping is a research tool that helps designers to quickly explore a concept or design problem. Starting with a central term or idea the designer quickly finds associated words or concepts.

  1. Find Quiet. Find a quiet space to think. Or use headphones or earplugs.
  2. Open a Blank Page. Open a new page in your sketchbook.
  3. Write Curiosity. In the center of the paper write the word Curiosity. Draw a box around it.
  4. Branch Out. Draw lines out from the center box. Add words or drawings that represent curiosity; the things you do, think, feel, see, that give you that feeling of curiosity- of wanting to know more.
  5. Organize. Are there certain words or concepts that hold more importance than others or that are actually subsections of a main idea? Visually group these in some way using boxes, circles, patterns, arrows, colors, etc.
  6. Highlight. Choose 2 concepts from all the words or concepts in your mind map that give you that feeling of curiosity, or wanting to know more.

Document & Write about it

Take a photo of your mind-map.

In your sketchbook, preferably on the page following your mind map, write the heading: ‘Curiosity” and the two chosen concepts from your mind map. Compose a minimum 1-paragraph explanation about why the final concepts from your mind map drive your curiosity. What does curiosity feel like? Is it like playing a game or trying to solve a puzzle? What other thoughts or feelings does it bring to mind? How might you represent these concepts?

Composition

Composition: The formal organization of elements in a composition arranged according to principles that will support the communication of the concept.

Frame

Frame: This boundary (rectangle, square, circle) is represented by the edges of the paper or the margins drawn within.

Shape

Shape: Created by a line (contour) or a grouping of points, it is an area that is separate from other areas, defined by its perimeter.

Organic Shape

Organic shape: is one that resembles the flowing contours of an organism.

Geometric Shape

Geometric shape:  such as circles, triangles or squares often have precise, uniform measurements.

Figure (Positive Sapce)

Figure (positive space): The shape of a form that serves as a subject in a composition.

Ground (Negative Space)

Ground (negative space): The space surrounding a positive shape or form; sometimes referred to as ground, empty space, field, or void.

Unity

Unity: Refers to the cohesive quality that makes a composition feel complete and finished. Unity gives it the feeling that all the elements relate to each other in a compatible way to form a unified whole.

Economy (less is more)

Economy: Using only the elements necessary to communicate an idea, emotion, or formal concept. Less is more.

Find Examples and Ask Questions

Look at these examples of figure-ground compositions:

Coca-Cola Image

2. Define

Thumbnail Sketches / Iterations

Thumbnail sketches or roughs are used to explore layout and compositional options. These are QUICK drawings that allow the designer to try out a range of  ideas and find the best solution. Do web search to see examples of thumbnail sketches.

Get started! Using simple shapes, draw representations of each of your three “curiosities” from your mind map.

For example:

  • Nature = Leaf or Tree
  • Love = Heart or Fireworks
  • Ancestry = Group of people
  • Travel = Map

You may do some research for inspiration on your individual ideas: for example, if you chose Nature, find a plant around you to sketch from observation of a plant, or searching the web: research nature sketches, logos, or pictograms. Do not copy directly! Use what you see for ideas only.

  1. Draw Boxes: Using a soft pencil, draw out 6 square boxes on a page in your sketchbook. These boxes are an example of “framing.”
  2. Sketch: Inside first box, draw your first concept using simple shapes. Remove all lines and shade in the positive space. This is your figure. It’s okay if your drawing is abstract rather than realistic.
  3. Create Stable Figure-Ground Compositions: Try it again in the next box, but this time think about where you will place your figure (positive space) before drawing. It’s important to think about the placement of the figure within the ground (negative space). Try to create a composition where the figure takes up 30% of the space within the frame and the rest is the ground. The ground is as just as important as the figure when creating a composition.
  4. Repeat this until you have completed at least 6 thumbnail sketches depicting stable figure-ground compositions using your first word. Avoid placing the figure in the center of the frame, but sometimes this is the easiest approach. Challenge yourself and experiment. Get curious!
  5. Ambiguous Figure-Ground Compositions: Now let’s try creating 6 more thumbnail sketches where the figure and the ground are interchangeable. An ambiguous figure-ground relationship will generally have a balance of figure and ground (50% positive space / 50% negative). We lose the ability to identify one or the other. One way to do this is to make your word shape intersect the boundaries of the frame.
  6. Repeat this process for each of your 2 chosen words

Refine – Final Sketch

Choose your 2 best obvious and 2 best ambiguous figure-ground thumbnail sketches. Each concept should be represented in a stable figure-ground composition and in an ambiguous figure-ground composition.

Refine: Use a full page in your sketchbook (9×12″) to redraw and refine your 4 compositions.

  • Draw 4 squares (3×3″) with 1″ borders and between them across your 9″ page and a 2″ border and between them along your 12″ length..
  • Using a soft pencil fill in all the negative space. Leave the positive space white. Or visa-versa, if you’ve reversed the positive and negative shapes.
  • You should have only solid, black-and-white shapes when you are finished. No lines or patterns.
  • Using an economy of organic and/or geometric shapes, the final compositions should feel unified.
  • There should be a clear transition from your thumbnail sketches to your refined, final sketches.

3. Develop

Inked Compositions

Goal: Finalize the compositions you refined to create (4) culminating compositions in ink on Bristol board: (2) obvious figure / ground relationship and (2) ambiguous figure/ground relationship. Using an economy of organic and/or geometric shapes, the final compositions should feel unified.

Process:

Your finalized refined sketch should be a culmination of the creative process so far. It should represent your most successful attempts at this design problem. Transfer this sketch to bristol and carefully ink. Your finished ambiguous and stable figure-ground compositions should be designed with solid, black-and-white shapes. Using an economy of organic and/or geometric shapes, the final compositions should feel unified.

  • MeasurementProportions for page
  • Framing: On the long side of your page (12″ sides) measure 2″ borders and mark 2 squares (3×3″ each) with 2″ margins between them.
    1. Next, on the short side (9″ sides), measure 1″ borders and mark 2 squares (3″x3″) with 1″ margin between them.
  • Trace/Redraw: Lightly redraw or trace your refined sketch onto the bristol. Use the light table to trace, if your wish. The lines should be barely visible.
  • Compare: There should be a clear transition from your thumbnail sketches to your refined, final sketches. Compare with your refined sketch. Do the compositions still feel unified?
  • Ink: Use a fine inking pen (.02 or .05) to outline all the elements and then use the big brush pen to fill in the black areas. In most cases, you will want to outline the frame of each composition with .02 or .05 inking pen. If you outline one frame, you should outline all frames.
  • Tidy up: Erase all extraneous pencil lines and measurements. The final work should be neat, clean, and well-presented.
  • Protect: Package and protect your work using tracing paper (refer to class demo).
final

Document

  • When you are finished, take well-lighted, well-composed photographs of your thumbnail sketches and your refined sketch. These images will be uploaded to class blog for critique and grading.
  • Use this guide to avoid common mistakes when photographing your work with a camera phone.

4. Deliver DUE BY THURSDAY SEPTEMBER, 26TH, 2024

Submitting in your work

Follow the How to Post Your Work guidelines and include the project-specific details below:

  • Post Title: Curious Compositions
  • Written Project Reflection: Document your thoughts about this project. Think about what you learned, what you could have done better (planning, material use, craft), and how you will apply what you learned to your next project. Consider and respond to the comments made in class during the critique.
  • Images: Organize your post to include all images from the three other Design Process phases for this project. 
  • Category and Tags:
      • Category = Project #2 Posts
      • Tags = Deliver, Curious Artifacts

    Providing Feedback

    Part of your Project grade is leaving well-written comments for your peer-critique partner and at least one other student. Follow the How to Comment and Critique guide for specific guidelines for leaving constructive feedback.

    REMINDER: You will receive a grade and comments from the Professor on your posts and peer comments. Without your deliver post, you will not receive a grade.

    Critique

    • Bring all parts of this project to class: DiscoverDefine, and Develop.
    • When presenting your work, start with the following: your name, the project title, the theme of the project, what you feel you did successfully, and what you can improve on next time.
    • Your peers and the professor will provide supportive, constructive feedback.
    • You will have an opportunity to revise your work based on the feedback and improve your work and your grade.