Home > User Experience Design > Prototyping and Visual Design

Topic: Prototyping and Visual Design

• Lesson 1: What is Prototyping
• Lesson 2: Different Prototyping Tools
• Lesson 3: Design Principles
• Assignment: Individual Assignment

---

---

Lesson 1: What is Prototyping

Self learning Duration

xx mins

Lecture/Lab Duration

xx mins

Self learning content

Before Lecture:

• Design Thinking: Prototype
• Prototyping Why What and How for developers

Lecture/Lab description

This lesson will discuss below topics.

• What is Prototype
• The importance of Prototyping

---

---

Lesson 2: Different Prototyping Tools

Self learning Duration

xx mins

Lecture/Lab Duration

xx mins

Self learning content

Before Lecture:

• Intro to Figma - Beginners guide to Figma Basics
• Adobe XD Basics - Top 10 Things to know when getting started

Lecture/Lab description

This lesson will discuss about differnet protoyping tools by discussing below sub topics.

• Introduction to prototyping tools
• Figma
• Adobe XD

---

---

Lesson 3: Design Principals

Self learning Duration

xx mins

Lecture/Lab Duration

xx mins

Self learning content

Before Lecture:

• Introduction to web design principles
• Design principles: Visual hierarchy
• Design principles: Repetition
• Design principles: Grid systems & alignment
• Design principles: Space in design
• Design principles: Typography

Lecture/Lab description

This lesson will discuss about differnet visual design principals as in below sub topics.

• Introduction Design Principles
• Visual hierarchy
• Repitition
• Grid systems & alignments
• Space in design
• Typography

---

---

Assignment: Individual Assignment

Assignment Duration

xx mins

Assignment description

In the previous assignment your team has develop a set of wireframes for a Food Delivery App. Now in this assigment your task is to develop a protoype based on those wireframes. You can use either Figma or Adobe XD as your prototyping tool.

---