Art_606_Project_7_app_animated

Animate a User Interaction from your App.

The animation should show a reaction to a user’s input (touch, voice, movement, gps, etc) to your UI (user interface).

Use Photoshop’s Video Timeline to create a short animation (3 seconds minimum)

Use the screens you designed in Project 6 and create a layered file that will allow for your
animation.

You may need to resize and crop your previous file to create the animation.
You may want to create a symbol (transparent circle, etc.) to represent the user’s touch.

 

A great site with UI animations and examples
https://uimovement.com/

Google’s Material.io is a site with great information on the theory of designing user interfaces. Material is a language you can use to code apps/sites that has specific rules and features that rely on animation.
The Guidelines, lots of inspiration and theory here – https://material.io/guidelines/
Icons – collection of SVG and PNG icons you might want to use – https://material.io/icons/

VUI – Voice User Interface
Think of ways your app could respond to voice commands and input!
Here’s a video from Google on a theory/best practices for designing voice command relationships or ‘Communication’
https://www.youtube.com/watch?v=MSUPVbbhIGA
Great short artlcle with some guidelines for VUI
https://developers.google.com/actions/downloads/get-started.pdf

 

 

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *