UXPin for UX Design

Go to class

Write Review

Free Online Course: UXPin for UX Design provided by LinkedIn Learning is a comprehensive online course, which lasts for 3-4 hours worth of material. The course is taught in English and is free of charge. Upon completion of the course, you can receive an e-certificate from LinkedIn Learning. UXPin for UX Design is taught by Tom Green.

via LinkedIn Learning

3-4 hours worth of material

Self Paced

Learn about how to use UXPin, the design and prototyping tool, to design documentation and create accurate wireframes and prototypes for your user experience (UX) projects.

Explore UXPin, the collaborative product design tool that allows you to create and present wireframes, mockups, and prototypes. Instructor Tom Green starts with a review of how to set up UXPin, then shows how to import existing artwork and start to create wireframes. See how to add interactivity and motion to prototypes to simulate real-world app experience, and how to share prototypes and documentation with a team and workgroup.

Syllabus

Introduction
- UXPin for UX design
- Exercise files
- What you should know
1. Getting Started with UXPin
- UXPin Dashboard
- UX documents
- Review of the UXPin interface
- Using the view options
- Create a new document
- Using the library
- Creating and using components
- Fonts and the UXPin text element
- Adding layers
- Using the UXPin Smart Grid
- Import video
- Previewing a project
2. Create a Low-Fidelity Wireframe
- Create user flow diagrams
- Adding device screens
- Create a content wireframe
- Create a low-fidelity wireframe
- Adding pages
- Adding screen transitions
3. Creating Artwork for UXPin
- Create assets in Photoshop
- Create assets in Sketch
- Using the Pen tool
- Importing artwork
- Working with color
- Creating imaging effects
- Editing a design system
4. Building a High-Fidelity Prototype
- Adding content
- Creating a component
- Using states
- Adding scrolling
- A component teacher trick
5. Adding Interactivity and Motion
- Adding interactions
- Create hot spots
- Using multistate elements
- Using data in UXPin
- Adding animations
- Animating state changes
6. Practical UXPin Projects
- Create an accordion menu
- Create a navigation drawer
- Create a pop down menu
- Create navigation using UXPin elements
- Design a carousel
- Add interactivity to a carousel
- Style elements with custom CSS
7. Sharing Your Prototype
- Using the share menu
- Export color and type styles to JSON
- Exporting your project
Conclusion
- Next steps

0, based on 0 Course votes at GetYourEducation

Start your review of UXPin for UX Design

Add review ->

Language

English
Certificate
Certificate Available
Date of Start
30th January, 2020
Price
Free Trial Available
Provider
LinkedIn Learning
Taught By

Tom Green
Share this course