UXPin for UX Design
Offered By: LinkedIn Learning
Course Description
Overview
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.
Syllabus
Introduction
- UXPin for UX design
- Exercise files
- What you should know
- 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
- Create user flow diagrams
- Adding device screens
- Create a content wireframe
- Create a low-fidelity wireframe
- Adding pages
- Adding screen transitions
- Create assets in Photoshop
- Create assets in Sketch
- Using the Pen tool
- Importing artwork
- Working with color
- Creating imaging effects
- Editing a design system
- Adding content
- Creating a component
- Using states
- Adding scrolling
- A component teacher trick
- Adding interactions
- Create hot spots
- Using multistate elements
- Using data in UXPin
- Adding animations
- Animating state changes
- 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
- Using the share menu
- Export color and type styles to JSON
- Exporting your project
- Next steps
Taught by
Tom Green
Related Courses
Practical UX Weekly: Season TwoLinkedIn Learning User Experience (UX) for Non-Designers
LinkedIn Learning UX Foundations: Style Guides and Design Systems
LinkedIn Learning Advance Your UI/UX Skills with Sketch Symbols and Dynamic Styleguides
Skillshare Digital Product Design: Build a Flexible Design System That Lasts
Skillshare