top of page

Course Title

logo-2-color_2x.png

Culture{ }Codes

Layout and Composition Sketching Exercise

Points: 

5

Due By:

January 15, 2026 at 8:00:00 PM

The 15-Minute Design Sprint: A Crash Course in Composition

The Goal: To learn the fundamental laws of layout without the distraction of software. The Rules: No computers. No rulers. No erasing. Just structure.


Materials Needed

  • The Worksheet: A printed page containing 10 standard 16:9 rectangles (Part 1) and 5 custom shapes (Part 2).


  • The Tool: A black Sharpie or felt-tip marker. (Thick lines prevent you from fussing over small details).

  • The Timer: 60 seconds per round.


Part 1: The Standard Frame

Constraint: All designs must fit within a standard 16:9 Rectangle (YouTube Thumbnail / HD Video).


Round 1: The Timeline

Prompt: "Draw 3 circles. Arrange them so they show the passage of time."

  • The Principle: Flow & Direction. In Western culture, we read left-to-right. Therefore, left is the past, right is the future. Design dictates the order in which the viewer consumes information.

Round 2: The Loudspeaker

Prompt: "Draw 5 squares. One is screaming. Four are whispering."

  • The Principle: Contrast & Scale. Hierarchy is relative. You cannot make something "loud" unless you have something "quiet" next to it for comparison.


Round 3: The VIP

Prompt: "Draw 1 large circle and 10 tiny dots. The dots are worshipping the circle."

  • The Principle: Directional Force. You can control where the viewer looks by using smaller elements to "point" at the focal point. This creates invisible leading lines.


Round 4: The Outcast

Prompt: "Draw 6 identical triangles. Five are friends. One is excluded."

  • The Principle: Proximity. Distance equals relationship. Things that are close together are seen as a group; things that are far apart are seen as disconnected.


Round 5: The Heavy Lift

Prompt: "Draw one big square on the far left. Draw small squares on the right to stop the page from tipping over."

  • The Principle: Asymmetrical Balance. Visual weight is physics. One heavy element can be balanced by a cluster of lighter elements or significant negative space.


Round 6: The Claustrophobia

Prompt: "Draw a square. Make it feel trapped."

  • The Principle: Tension. Placing elements uncomfortably close to the edge of the frame (creating "tangents") creates subconscious anxiety in the viewer.


Round 7: The Void

Prompt: "Draw a square. Make it feel lonely."

  • The Principle: Negative Space. Scale is defined by the container. A small object surrounded by vast empty space emphasizes isolation and insignificance.


Round 8: The Odd Couple

Prompt: "Draw a circle and a square. Make them feel like they belong to the same family."

  • The Principle: Alignment. Even disparate shapes feel related if they are aligned on a shared invisible axis (top, bottom, or center).


Round 9: The Acceleration

Prompt: "Draw 5 vertical lines. Make them speed up."

  • The Principle: Rhythm & Interval. Decreasing the white space between elements creates a sense of speed and urgency.


Round 10: The Rule Breaker

Prompt: "Draw a grid of 9 dots (3x3). Now, break the pattern to grab my attention."

  • The Principle: The Focal Point. The eye ignores consistent patterns. To create a focal point, you must establish a pattern first, then disrupt it.



Part 2: Breaking the Frame

Constraint: We are changing the one thing you usually cannot control: The Canvas.


Round 11: The IMAX (Scale)

The Frame: A 16:9 Rectangle drawn 3x larger than the previous rounds.

Prompt: "Draw one small circle. Just one. Place it somewhere that makes me feel how HUGE this screen is."

  • The Principle: Relativity. A small object placed in a massive frame creates a sense of epic scale.


Round 12: The Scroll (Gravity)

The Frame: A vertical 9:16 Rectangle (Mobile Phone).

Prompt: "Draw a heavy stone (square) falling through water. Where does it belong in this frame?"

  • The Principle: Vertical Gravity. Vertical frames imply up/down movement. Elements at the bottom feel heavier; elements at the top feel lighter.


Round 13: The Porthole (Centrality)

The Frame: A Perfect Circle.

Prompt: "Draw a square that feels comfortable inside this circle."

  • The Principle: Centrality. Circles reject corners. To create harmony in a circular frame, you are often forced toward the center, unlike rectangles which favor the "Rule of Thirds."


Round 14: The Hive (Conflict)

The Frame: A Hexagon.

Prompt: "Fill this shape with triangles. How do you deal with the awkward edges?"

  • The Principle: Tessellation & Cropping. Sometimes content fights the container. You must make a bold decision: do you shrink the content to fit, or do you crop it off the edge?


Round 15: The Spill (Fluidity)

The Frame: An organic "amoeba" blob shape.

Prompt: "Hand-draw your name so that it is harmonious with this container."

  • The Principle: Adaptability. Organic shapes require fluid content. Good design acts like water—it distorts and flows to fill the vessel it is poured into.




The Debrief

After the sprint, ask yourself:

  1. Re: Round 4 (The Outcast): Did you put the outcast in the corner? Why do we instinctively associate corners with isolation?

  2. Re: Round 13 (The Porthole): Did you try to put the square in the corner of the circle? Why did it feel "wrong"? (Because the frame dictates the rules).

  3. The Takeaway: Design is not about drawing pretty pictures. It is about arranging elements to control where the viewer looks and how they feel.

Locked Message

bottom of page