Prototyping AR User Experiences with Framer
Offered By: LinkedIn Learning
Course Description
Overview
Learn how to create an augmented reality-based app prototype using Framer.
The possibilities for augmented reality (AR) are nearly endless. Developers and designers can leverage this technology to create lively experiences that educate and entertain users. In this course, join instructor Emmanuel Henri as he steps through the conception and creation of an AR-based app prototype using Framer. He begins the course by providing a brief overview of AR and demonstrating how to set up a project in Framer. He then shows how to build AR elements in Framer, explaining how to use modules, add 3D elements into a scene, insert UI elements, and add a few interactions. To wrap up, he shares how to insert a video background to simulate a full AR experience.
The possibilities for augmented reality (AR) are nearly endless. Developers and designers can leverage this technology to create lively experiences that educate and entertain users. In this course, join instructor Emmanuel Henri as he steps through the conception and creation of an AR-based app prototype using Framer. He begins the course by providing a brief overview of AR and demonstrating how to set up a project in Framer. He then shows how to build AR elements in Framer, explaining how to use modules, add 3D elements into a scene, insert UI elements, and add a few interactions. To wrap up, he shares how to insert a video background to simulate a full AR experience.
Syllabus
Introduction
- Welcome
- Course prerequisites
- Using the exercise files
- Project introduction
- Understanding AR
- AR environment implications
- 3D assets used
- Setting up a project in Framer
- Sketchfab setup
- Modules introduction
- Modules setup for Sketchfab
- Add a 3D element into a scene
- Insert UI elements
- Add interactions for UI
- Insert a video background
- Install the Framer app and test
- Next steps
Taught by
Emmanuel Henri
Related Courses
Design: Creation of Artifacts in SocietyUniversity of Pennsylvania via Coursera Design Thinking Action Lab
Stanford University via NovoEd Blended Learning: Personalizing Education for Students
New Teacher Center via Coursera Mobile Application Experiences Part 1: From a Domain to an App Idea
Massachusetts Institute of Technology via edX Usable Security
University of Maryland, College Park via Coursera