Nikki O

Art Instructor, Designer, Entrepreneur

224

8

Create a Motion Study: Bringing Your UI/UX Designs To Life

CLASS TOPIC

Class Title:

Create a Motion Study: Bringing Your UI/UX Designs To Life

Class Description:

Have you ever wanted to design your work in context, to be able to see how it acts and performs while you’re creating it? Have you ever felt stifled by the flatness of a design or struggled to translate your ideas for user experience to a client or development team? Maybe you just want to make your designs look even that much cooler before you share them with the world! Whether you’re a professional web or mobile designer or just a person with a desire to bring your interface designs to life, this (1 hour) class will walk you through the process of turning your flat designs created in either Photoshop or Illustrator into a beautiful motion study using After Effects. By the end of this class you’ll be able to successfully showcase how a user would interact with your design by turning those concepts into a moving piece of art.


No prior knowledge or experience in After Effects required, although you should have a working knowledge of either Illustrator or Photoshop for UX design.

PROJECT

Project Title:

Create a UI/UX Motion Study  

Project Description:

Create a motion study that demonstrates how a user would interact with a web/mobile app design. This assignment will teach you how to demonstrate simple but effective user interactions by taking a web/mobile app design you’ve previously created, or the one I’ve provided below and implementing the techniques demonstrated throughout the course.  

Deliverables:

Upload your final motion study GIF and the process you used to create it. Your completed project may include:

- Inspiration

- Notes & Sketches

- Final User Interface Design

- User Flow

- Final Motion Study

Keep in mind, you don't have to wait for the finished product to post; I encourage you to post progress along the way and ask for feedback. I want to see what you're making!

CLASS OUTLINE

To view my class outline (in-progress), please click here.

Comments

Please sign in or sign up to comment.