Repeat Grid | Auto animate | UI Design | Prototyping for Mobile applications
In this course, you will learn about Designing User Interface and Experience with Adobe XD. Here you will learn various tools and techniques used in the process of creating user interface and workflow for the Mobile app. User Experience Designing is a crucial step in overall application development cycle, being the early stage, it allows core team of designers, managers and developers to visualize the application with a prototype. It enables them to make sufficient changes in the UI before the code development and testing begins.
What you’ll learn
- You could Create and Design User Interface for mobile and web applications.
- You could Build Prototypes for applications.
- You could build toggle button, auto-animate, overlay, and other actions.
- You could build responsive design for Left navigation, status bar and signup form.
Course Content
- Introduction –> 1 lecture • 2min.
- Getting started with Adobe XD –> 2 lectures • 12min.
- Toggle button and Ball game using Auto-animate –> 2 lectures • 10min.
- Left Navigation- Design to Prototype –> 2 lectures • 14min.
- Designing Signup form and Navigation bar –> 2 lectures • 16min.
- Building app by using UI components and designing background theme –> 2 lectures • 16min.
Requirements
In this course, you will learn about Designing User Interface and Experience with Adobe XD. Here you will learn various tools and techniques used in the process of creating user interface and workflow for the Mobile app. User Experience Designing is a crucial step in overall application development cycle, being the early stage, it allows core team of designers, managers and developers to visualize the application with a prototype. It enables them to make sufficient changes in the UI before the code development and testing begins.
Working in the Adobe ecosystem allows its users to easily integrate with other Adobe CC software such as Photoshop and Illustrator.
What is Adobe XD?
Adobe XD is an industry recognized Designing software used for creating Design prototypes and wireframes for the Mobile applications and Websites. It is used for visualizing complete User Interface by designing individual components that lead to a overall improved User Experience.
This training would give you full insight into how the interface works, all the main tools and features, and the most common shortcuts which will dramatically increase your productivity. Here you will learn how you can give life to your design and create a working prototype directly within Adobe XD, without the need of any third-party software.
Here you will learn to-
- Create Photo gallery with thumbnails using Repeat Grid
- Create toggle button using component states
- Designing and Prototyping Left Navigation panel
- Create a prototype for Auto-animate ball game
- Designing Signup form, Status and Navigation bar