Skip to content

Latest commit

 

History

History
51 lines (31 loc) · 3.32 KB

File metadata and controls

51 lines (31 loc) · 3.32 KB

DAY 4: Design Components

Ever wondered how a simple combination of colors, typography, visual hierarchy, and whitespace can turn a bland design into a visual masterpiece?

Think of colors as the paint on an artist's palette, typography as the carefully chosen words in a story, visual hierarchy as the roadmap guiding your eyes, and whitespace as the breathing room that brings harmony. Each component plays a crucial role in crafting designs that not only catch the eye but also convey messages effectively. So, let's delve into the magic of colors, the power of typography, the art of visual hierarchy, and the significance of whitespace—the pillars that elevate design to a whole new level!

Introduction to Design Components

About the challenge:

Design components serve to shape a brand's identity and enhance user engagement. They provide a visual language that communicates the brand's personality, guides users through content, and ensures a seamless and intuitive experience.

The challenge focuses on the ability to analyze and make appropriate decisions within each design component. The main goal is to integrate the lessons you've learned in this lesson to make a design more accessible.

✅ To-Do List

☐ Learn about visual hierarchy, colors, and typography
☐ Do the hands-on activities to practice the concepts you've learned
☐ Design a layout that is focused on accessibility

📋 Instructions

  1. Open the provided link: Week 1: Design Components [tutorial and activity] (If prompted, log in to your Figma account.)

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

              Image Cover


  2. Click on the "Open in Figma" button. This will duplicate the file on your figma account.

Instruction


  1. Enjoy exploring the figma workspace ~

Show off your work!

Submit your work here: ../../submissions/exercises/day04.md

Share your responses to the questions. Providing an explanation is optional but greatly appreciated. What's important, though, is to demonstrate your prowess in analyzing and selecting the most fitting choices~

Resources

Color Contrast Checker - Coolors

Website Personality Matters!

How to strategically use color in website design?

The UX Designer’s Guide to Typography

Creative Crew with Brad Hussey | 30 Web Design Tips in 11 Minutes