📱 Mockup

Apa itu mockup dalam UI/UX? Mockup apa saja yang dapat digunakan serta tipe-tipe mockup.

• What is UI Mockup?

• What are mockups for?

• When to use mockups?

• Anatomy of a Mockup?

  • Content Layout

  • Color & Contrast

  • Typography

  • Spacing

• Types of Mockup

  • Graphic Design Software

  • Mockup Tools

  • Code

• Best Practice to Create Mockup

  • Mobile-First Approach

  • Avoid Switching Tools

  • Use a component library or UI kit

  • Don’t reinvent the wheel

  • Adopt a minimalist approach

  • Leverage design tools

  • Name files and layers properly

• Tips for collaborating with developers on mockups