5 Exercises That WILL Make You A Better Designer

Key Concepts

• Designer Exercises: Short, focused activities designed to improve design skills, overcome creative blocks, and sharpen instincts.
• Pattern Recognition: The ability to identify and understand recurring elements, structures, and relationships in design.
• Pixel-Perfect Recreation: Replicating a design element or screen exactly as it appears, down to the smallest detail.
• Crazy Eights: A rapid ideation technique involving generating eight distinct ideas in eight minutes.
• Low Fidelity Sketching: Creating rough, unrefined sketches to focus on concepts rather than details.
• Fake Brief: Creating a hypothetical design challenge to practice specific skills or explore new styles.
• AI-Generated Copy: Using artificial intelligence to produce text content for design exercises.
• Borrowing from Multiple References: Combining elements from several sources to create a unique design.
• Observational Inspiration: Drawing inspiration from the real world through active observation and photography.

1. Sharpening Attention to Detail through Pattern Recognition

This exercise focuses on improving a designer's eye for detail, a crucial skill for beginners and experienced professionals alike.

• Methodology:
  • Select a beautifully designed website or app that you genuinely admire for its aesthetics or functionality. Examples of platforms to find such sites include Maxi Best of or Mobin.
  • Take a screenshot of a single screen from the chosen site.
  • Recreate this screen precisely in design software like Figma or Frame, aiming for a 1:1 replication.
  • Continue until the recreated screen is an exact match to the original.
• Key Focus Areas: During the recreation process, pay close attention to minute details that are often overlooked, such as:
  • Spacing between elements (e.g., margins, padding).
  • Icon sizing.
  • Type scale and hierarchy.
  • Alignment of elements.
• Advanced Technique: Inspect the live website's code to understand how it's technically built. This reveals different approaches to layout construction and enhances technical instincts.
• Alternative Approach: Study high-quality templates from communities like Figma or Framework. Analyze both the design decisions and the technical implementation. It's crucial to source templates from credible designers, not just those with large follower counts, as quality is paramount.

2. Expanding Exploration with Crazy Eights

This exercise is designed to help designers explore a wide range of ideas quickly, particularly useful when struggling with creative exploration or feeling stuck in a rut.

• Methodology:
  • The core concept is to generate eight distinct ideas within an eight-minute timeframe, allocating one minute per idea.
  • The emphasis is on speed and quantity over perfection, preventing overthinking and preciousness.
• Application in UX/UI: In UX design, this typically involves sketching eight different solutions to a single problem.
• Application in Visual Design: This can be applied to various visual design elements, such as:
  • Eight different hero section layouts.
  • Eight variations of pricing cards.
  • Eight different feature grid designs.
• Recommended Tools: While digital tools can be used, pen and paper are highly recommended. Low-fidelity sketching keeps the focus on the ideas themselves, rather than getting bogged down in details.
• Unprompted Ideation: If no specific problem is at hand, select a section from a liked website and redesign it in eight different ways. This often leads to surprising creativity beyond the initial obvious ideas.
• Supporting Quote: Drake Davis's statement, "Speed defeats the censor," perfectly encapsulates this exercise. The rapid pace bypasses the internal critic that can stifle creativity. The goal is to move forward without pausing, second-guessing, or backtracking.

3. Designing Outside Your Comfort Zone with a Fake Brief

This exercise helps designers break free from their usual style and explore new aesthetic territories.

• Methodology:
  • Choose a website or product you admire.
  • Create a "fake brief" for yourself to design a new section for this product. This section can be small, such as a pricing section, a feature block, or a call to action.
• Tailoring the Exercise:
  • Focus on Design Style: If the goal is purely to practice design style, use AI to generate the copy. This allows you to concentrate on layout, spacing, and visual polish.
  • Focus on Copywriting: If the goal is to practice writing, create the copy yourself, ensuring it matches the brand's tone, voice, and cadence. This sharpens both design and writing skills.
• Simplified Version: Take a section from one website and rebuild it using the aesthetic of a completely different website.

4. Getting Started by Copying Three References

This exercise, inspired by "Steel Like an Artist," provides a practical framework for overcoming the initial hurdle of starting a design project.

• Core Principle: Instead of copying a single reference, draw inspiration from three different sources. This fusion naturally leads to a unique outcome as you adapt and integrate elements.
• Practical Application:
  • Select three references that resonate with you for any reason. These can be similar to the section you're designing or entirely unrelated.
  • Choose one specific element to borrow from each reference:
    • Reference 1: Borrow the layout structure.
    • Reference 2: Borrow the typography approach.
    • Reference 3: Borrow the color palette.
  • Combine these borrowed elements to design a new section.
• Outcome: As you work with these combined elements, you will naturally evolve the design beyond the original references, creating something new and unique. This is an effective way to develop your personal style without forcing originality.
• Caveat: While this is an excellent exercise for getting started, be mindful of not directly copying too much in a final production design.

5. Finding Inspiration Through Observation

This is presented as the simplest yet most profound exercise for overcoming inspiration blocks.

• Methodology:
  • Go outside and actively observe your surroundings.
  • Take photos of anything that captures your attention, whether it's nature, architecture, packaging, or print design.
  • Absorb what you see without overthinking. Notice what draws you in.
• Elements to Observe: Pay attention to:
  • Colors.
  • Contrasts.
  • Shapes.
  • Patterns.
• Outcome: This process helps you discover unique combinations and moods that are often found in the real world. Taking different routes during walks can reveal new visual stimuli.
• Broader Benefit: This exercise is not just for designers; it's a valuable practice for anyone to actively engage with and appreciate their environment.

Conclusion and Synthesis

The video presents five practical designer exercises designed to combat creative blocks, sharpen skills, and foster originality. These exercises move beyond simply seeking more inspiration by actively engaging the designer's mind and instincts.

• Pattern Recognition hones attention to detail through meticulous recreation.
• Crazy Eights promotes rapid ideation and broad exploration by bypassing the inner critic.
• Fake Briefs encourage stepping outside comfort zones and practicing specific design or copywriting skills.
• Copying Three References provides a structured approach to starting projects and developing a unique style by synthesizing diverse influences.
• Observational Inspiration emphasizes the power of real-world observation for discovering novel visual ideas.

These exercises are applicable to designers at all career stages and across various creative fields. The overarching message is that consistent practice and intentional engagement with design challenges are key to staying sharp and overcoming creative hurdles. The presenter encourages viewers to try these exercises and share their own methods.