Product Design 2024 (BATCH C)
- Description
- Curriculum
- Reviews
-
1Class One (Introduction to Product Design) Text3 hours
The definition of product design describes the process of imagining, creating, and iterating products that solve users' problems or address specific needs in a given market. The key to successful product design is understanding the end-user customer, the person for whom the product is being created.
-
2Class One (Introduction to Product Design) VideoVideo lesson
The definition of product design describes the process of imagining, creating, and iterating products that solve users' problems or address specific needs in a given market. The key to successful product design is understanding the end-user customer, the person for whom the product is being created.
-
3Class One (Introduction to Product Design) Video 2Video lesson
The definition of product design describes the process of imagining, creating, and iterating products that solve users' problems or address specific needs in a given market. The key to successful product design is understanding the end-user customer, the person for whom the product is being created.
-
4Class One (Introduction to Product Design) Video 3Video lesson
The definition of product design describes the process of imagining, creating, and iterating products that solve users' problems or address specific needs in a given market. The key to successful product design is understanding the end-user customer, the person for whom the product is being created.
-
5Class One (Introduction to Product Design) QuizQuiz
-
6Class Two (Introduction to the Design Tool) Text3 hours
Figma is a collaborative interface design tool that’s taken the design world by storm. Unlike Sketch or Adobe Illustrator, which are standalone applications, Figma can be run entirely from a web browser and, therefore, works not only on Macs but also on PCs running Windows or Linux, and even on Chromebooks. It's also free to use!
-
7Class Two (Introduction to the Design Tool) VideoVideo lesson
Figma is a collaborative interface design tool that’s taken the design world by storm. Unlike Sketch or Adobe Illustrator, which are standalone applications, Figma can be run entirely from a web browser and, therefore, works not only on Macs but also on PCs running Windows or Linux, and even on Chromebooks. It's also free to use!
-
8Class Two (Introduction to the Design Tool) Video 2Video lesson
Figma is a collaborative interface design tool that’s taken the design world by storm. Unlike Sketch or Adobe Illustrator, which are standalone applications, Figma can be run entirely from a web browser and, therefore, works not only on Macs but also on PCs running Windows or Linux, and even on Chromebooks. It's also free to use!
-
9Class Two (Introduction to the Design Tool) QuizQuiz
-
10Class Three (Introduction to Sketching, User Flow, and Sitemap) Text3 hours
Sketching is the process of roughly scribbling an idea on paper. It allows you to bring your ideas to life quickly so you can save time in the long run. It’s a great way to brainstorm!
User flow is a chart or diagram showing the path a user will take in an application to complete a task.
Sitemap is a file where you provide information about the pages, videos, and other files on your site, and the relationships between them.
-
11Class Three (Introduction to Sketching, User Flow, Sitemap and Wireframe) VideoVideo lesson
Sketching is the process of roughly scribbling an idea on paper. It allows you to bring your ideas to life quickly so you can save time in the long run. It’s a great way to brainstorm!
User flow is a chart or diagram showing the path a user will take in an application to complete a task.
Sitemap is a file where you provide information about the pages, videos, and other files on your site, and the relationships between them.
Wireframe is a two-dimensional skeletal outline of a webpage or app. Wireframes provide a clear overview of the page structure, layout, information architecture, user flow, functionality, and intended behaviors.
-
12Class Three (Introduction to Sketching, User Flow, Sitemap and Wireframe) QuizQuiz
-
13Week 1 AssignmentAssignment
-
14Class One (Working with Fonts, Icons and Images) Material3 hours
Icons are images or symbols that represent specific actions or tools in an interface. You can add icons to your designs as actual images, or use an icon font.
Icon fonts are fonts that are made up of symbols, as opposed to regular letters and numbers. Like regular text, icon fonts can be styled using CSS, which makes them popular in web development.
-
15Class One (Working with Fonts, Icons and Images) VideoVideo lesson
-
16Class One (Working with Fonts, Icons and Images) Quiz5 questions
-
17Class Two (Introduction to Wireframe) Text3 hours
Wireframe is a two-dimensional skeletal outline of a webpage or app. Wireframes provide a clear overview of the page structure, layout, information architecture, user flow, functionality, and intended behaviors.
-
18Class Two (Introduction to Wireframe) VideoVideo lesson
Wireframe is a two-dimensional skeletal outline of a webpage or app. Wireframes provide a clear overview of the page structure, layout, information architecture, user flow, functionality, and intended behaviors.
-
19Class Two (Introduction to Wireframe) Video 2Video lesson
Wireframe is a two-dimensional skeletal outline of a webpage or app. Wireframes provide a clear overview of the page structure, layout, information architecture, user flow, functionality, and intended behaviors.
-
20Class Two (Introduction to Wireframe) QuizQuiz
-
21Class Three (Introduction to the Design Tool - Continuation) TextText lesson
Figma is a collaborative interface design tool that’s taken the design world by storm. Unlike Sketch or Adobe Illustrator, which are standalone applications, Figma can be run entirely from a web browser and, therefore, works not only on Macs but also on PCs running Windows or Linux, and even on Chromebooks. It's also free to use!
-
22Class Three (Introduction to the Design Tool - Continuation) VideoVideo lesson
Figma is a collaborative interface design tool that’s taken the design world by storm. Unlike Sketch or Adobe Illustrator, which are standalone applications, Figma can be run entirely from a web browser and, therefore, works not only on Macs but also on PCs running Windows or Linux, and even on Chromebooks. It's also free to use!
-
23Class Three (Introduction to the Design Tool - Continuation) QuizQuiz
-
24Week 2 AssignmentAssignment
-
25Class One (Introduction to the Design Tool) Text - RecapText lesson
Figma is a collaborative interface design tool that’s taken the design world by storm. Unlike Sketch or Adobe Illustrator, which are standalone applications, Figma can be run entirely from a web browser and, therefore, works not only on Macs but also on PCs running Windows or Linux, and even on Chromebooks. It's also free to use!
-
26Class One (Introduction to the Design Tool) Video - RecapVideo lesson
Figma is a collaborative interface design tool that’s taken the design world by storm. Unlike Sketch or Adobe Illustrator, which are standalone applications, Figma can be run entirely from a web browser and, therefore, works not only on Macs but also on PCs running Windows or Linux, and even on Chromebooks. It's also free to use!
-
27Class One (Introduction to the Design Tool) Video 2 - RecapVideo lesson
Figma is a collaborative interface design tool that’s taken the design world by storm. Unlike Sketch or Adobe Illustrator, which are standalone applications, Figma can be run entirely from a web browser and, therefore, works not only on Macs but also on PCs running Windows or Linux, and even on Chromebooks. It's also free to use!
-
28Class One (Introduction to the Design Tool) Quiz - RecapQuiz
-
29Class Two (Designing an App and Prototype ) Text - RecapText lesson
Figma is a collaborative interface design tool that’s taken the design world by storm. Unlike Sketch or Adobe Illustrator, which are standalone applications, Figma can be run entirely from a web browser and, therefore, works not only on Macs but also on PCs running Windows or Linux, and even on Chromebooks. It's also free to use!
-
30Class Two (Designing an App and Prototype ) Video - RecapVideo lesson
Figma is a collaborative interface design tool that’s taken the design world by storm. Unlike Sketch or Adobe Illustrator, which are standalone applications, Figma can be run entirely from a web browser and, therefore, works not only on Macs but also on PCs running Windows or Linux, and even on Chromebooks. It's also free to use!
-
31Class Two (Prototyping an App ) VideoVideo lesson
Prototyping is the process of designing a mock-up of a product or process ahead of creating a final design. Prototyping can include various stages or iterations, allowing designers, product owners, and other stakeholders to visualise how a product will look and feel, as well as how users will interact with it.
-
32Class Two (Designing an App on Figma) Quiz - RecapQuiz
-
33Class Three (Principles of Graphic Design and Colour Psychology) Text and Material3 hours
Graphic design isn’t about shooting in the dark and being creative. There are key principles and graphic design basics that make it easier to create beautiful work. Similarly, the elements of Graphic Design includes color, typography, and shapes to play with in your composition. This is where you can communicate a unique style in your design. Each of these elements has the power to influence how your design will be perceived
-
34Class Three (Principles of Graphic Design and Colour Psychology) VideoVideo lesson
Graphic design isn’t about shooting in the dark and being creative. There are key principles and graphic design basics that make it easier to create beautiful work. Similarly, the elements of Graphic Design includes color, typography, and shapes to play with in your composition. This is where you can communicate a unique style in your design. Each of these elements has the power to influence how your design will be perceived
-
35Class Three (Principles of Graphic Design and Colour Psychology) Video 2Video lesson
Graphic design isn’t about shooting in the dark and being creative. There are key principles and graphic design basics that make it easier to create beautiful work. Similarly, the elements of Graphic Design includes color, typography, and shapes to play with in your composition. This is where you can communicate a unique style in your design. Each of these elements has the power to influence how your design will be perceived
-
36Class Three (Color Theory, Color Wheel, and Color Scheme) VideoVideo lesson
-
37Class Three (Color Theory, Color Wheel, and Color Scheme) Video 2Video lesson
-
38Class Three (Principles of Graphic Design and Colour Psychology) QuizQuiz
-
39Week 3 AssignmentAssignment
-
40Class One (First App Design - Creating Design Guides on Figma) TextText lesson
Figma is a collaborative interface design tool that’s taken the design world by storm. Unlike Sketch or Adobe Illustrator, which are standalone applications, Figma can be run entirely from a web browser and, therefore, works not only on Macs but also on PCs running Windows or Linux, and even on Chromebooks. It's also free to use!
-
41Class One (First App Design - Creating Design Guides on Figma) VideoVideo lesson
-
42Class One (First App Design - Creating Design Guides on Figma) Video 2Video lesson
-
43Class One (First App Design - Creating Design Guides on Figma) QuizQuiz
-
Product Design 2024 (BATCH C)
-
What is Prerequisite coursesA prerequisite is a specific course that you must complete before you can take another course at the next grade level.