Skip to content

Latest commit

 

History

History
61 lines (35 loc) · 4.3 KB

File metadata and controls

61 lines (35 loc) · 4.3 KB

DAY 3: Design Principles

What if I told you there's a set of principles that could turn any design from mundane to magnificent?

Enter the world of C.R.A.P., where Contrast, Repetition, Alignment, and Proximity work their magic. These principles, encapsulated in a powerful acronym, are the secret sauce behind captivating and effective designs. Get ready to dive into the realm where creativity meets structure, as we explore the fundamentals that elevate designs to a whole new level.

🎨 Introduction to C.R.A.P. Design Principles

C.R.A.P. is an acronym of four graphic design principles coined by Robin Patricia Williams, representing: Contrast, Repetition, Alignment, and Proximity. They are design principles, which are like a handy toolkit for making websites look and work better. Designers should keep these principles in mind every time they create something.

Learn more about C.R.A.P design principles by visiting AWSCC UI/UX: C.R.A.P. Design Principles.

  • Note: Right click and open it in a new tab

        Image Cover


About the Challenge:

Applying C.R.A.P. principles help create designs that are clear, engaging, and visually harmonious. The challenge entails honing your skills in analyzing C.R.A.P. design principles to distinguish visually appealing and effective designs.

The goal is to develop a keen understanding of these principles, enabling you to create designs that not only captivate visually but also effectively convey your intended message.

Situation:

Exploring the realm of UI/UX design, you have come to appreciate the significance of design analysis and the underlying principles essential for examination. Now, you are actively immersing yourself in understanding key design principles that will greatly enhance your skills. As you acquaint yourself with the C.R.A.P. design principles, you are on a journey to identify and implement effective designs that seamlessly integrate these foundational principles.

✅ To-Do List

☐ Finish the 3 parts tutorial in figma
☐ Learn its tools, interface, and how to build layouts
☐ Finish the activity about creating a simple layout

📋 Instructions

Evaluate and choose the preferred UI design by considering its adherence to the C.R.A.P. design principles presented. There is no need for explanation. -^^-

    Day 3: C.R.A.P. Design Principles Activity

        Image Cover

  • You'll discover shooting target icons, which you'll drag, drop, and resize onto your preferred UI while adhering to the principles of C.R.A.P. (Contrast, Repetition, Alignment, and Proximity).

Show off your work!

Submit your work here: ../../submissions/exercises/day03.md (Just paste your figma link)

Share your choices or preferred UI designs in accordance with the design principles under consideration. Feel free to include a screenshot of the Can’t Unsee Game's score. Add any short comments or feedback about the game; it's optional but greatly appreciated!

Resources

Game: Can't Unsee

[1] C.R.A.P. Design Principles

[2] C.R.A.P. Design Principles

Why your designs should be CRAP