350 UI design basics [2.5d]

Learn

Read the following material:

• World's shortest UI/UX design course Show archive.org snapshot
• 7 Rules for Creating Gorgeous UI (Part 1) Show archive.org snapshot
• 7 Rules for Creating Gorgeous UI (Part 2) Show archive.org snapshot
• Visual design rules you can safely follow every time Show archive.org snapshot
• Bootstrapping Design (in our library)
• Steve Schoger's Refactoring UI book (in our library) and watch the following videos (also in our library):
  • Designing a Complex Form
  • Designing a Dashboard
  • Designing Content
• Designing Beautiful Shadows in CSS Show archive.org snapshot
• Pairing typefaces Show archive.org snapshot

Then, take the quiz at cantunsee.space Show archive.org snapshot . Did you spot all the subtle differences?

Discuss

Discuss what you took away with your mentor.

Look at 2 random websites and discuss their design.

Exercise

Apply at least three of the techniques you learned to MovieDB.

Tip

There are various tools that can be used as an inspiration:

• colorhunt.co Show archive.org snapshot can help you define a pleasing color palette.
• web.dev components Show archive.org snapshot is a collection of cross browser UI components