Lessons: 19Length: 2.2 hours
This course will guide you through the entire prototype design workflow, from project brief and mock-up in Photoshop to client feedback and revisions. Discover how to create mobile-friendly prototypes in Photoshop, before diving into InVision to simulate user interactions.
Learn more about how to use prototyping in your work in our short course:
1.Introduction
1.1Course Overview02:02
1.1
Course Overview
02:02
1.2Project Brief04:03
1.2
Project Brief
04:03
1.3User Features02:58
1.3
User Features
02:58
1.4Mock-Up Options05:29
1.4
Mock-Up Options
05:29
2.Creating a Mock-Up in Adobe Photoshop
2.1Create the Basic Elements07:27
2.1
Create the Basic Elements
07:27
2.2Create the Main Content Container11:12
2.2
Create the Main Content Container
11:12
2.3Create the Sign-Up Form07:38
2.3
Create the Sign-Up Form
07:38
2.4Create the Filled-In Form04:22
2.4
Create the Filled-In Form
04:22
2.5Create the Confirmation Page09:15
2.5
Create the Confirmation Page
09:15
3.Building the Interactive Prototype With InVision
3.1InVision Overview11:13
3.1
InVision Overview
11:13
3.2Create Project and Add Screens11:40
3.2
Create Project and Add Screens
11:40
3.3Add Interactive Hotlinks and Animations11:04
3.3
Add Interactive Hotlinks and Animations
11:04
3.4Screen Settings and Modes04:09
3.4
Screen Settings and Modes
04:09
3.5Asset Generation08:16
3.5
Asset Generation
08:16
4.Sharing and Gathering Design Feedback
4.1Share Project Options05:40
4.1
Share Project Options
05:40
4.2Client and User Comment Reviews06:23
4.2
Client and User Comment Reviews
06:23
4.3Live Sharing in Adobe Photoshop09:37
4.3
Live Sharing in Adobe Photoshop
09:37
4.4Replacing Screens and Version Control05:17
4.4
Replacing Screens and Version Control
05:17
5.Conclusion
5.1Conclusion01:41
5.1
Conclusion
01:41
