Mobile App | Web UI / UX Design Training
Mobile apps are widely used for different purposes due to which there is a great scope in this field. This mobile app online course deals specifically with UI/UX Design. This is the most important part of designing the accelerates the growth of any business. UI/UX designing course teaches you fundamental aspects of Adobe XD, create and use artboards, masks, symbols, vector shapes, work with UI and wireframe kits, point and Are type etc. You will be able to make real designs to get a hold on the UI/UX designs more precisely.
Outcomes
By the end of this course, you should be able to:
- recognize the fundamental aspects of Adobe XD
- create and use Artboards
- work with UI and wireframe kits
- create and use Masks
- work with Point and Are type
- create and edit Vector Shapes
- use the repeat grid function
- create and work with Symbols
- export Assets
- use comments to get feedback.
Course Content
Introduction to Adobe Experience Design (XD)
- Overview of User Experience Design (UX) vs User Interface Design (UI)
- Understanding common file formats
- Working with the Design and Prototype views
- Navigating around the user interface
Setting up a Project
- Creating Artboards
- Arranging, editing and deleting Artboards
- Creating additional screens for different display sizes and platforms
- Adding layout and square grids
UI Kits
- Exploring Apple, Google and Microsoft user interface kits
Creating graphics in Adobe Experience Design
- Creating and combining simple shapes
- Setting appearance attributes
- Controlling corner radius values
- Solid fill colours, gradient fills, strokes
- Adding drop-shadows & background Blurs
- Drawing with the Pen Tool
- Editing points and paths
- Creating and editing Symbols
- Linked symbols
Adding Text to your Design
- Create and Format Text
- Using Typekit fonts
- Saving Character Styles
Adding assets from other sources
- Importing Images
- Importing SVG files
- Masking techniques
- Open a layered Adobe Photoshop file
- Using Illustrator vector graphics
Creating accurate layouts
- Aligning and positioning Objects
- Layers panel overview
- Creating a Repeat Grid
Responsive Resize
- Resize designs for different screen sizes
- Set automatic and manual object constraint properties
- Grouping elements to constrain fixed and variable properties
Prototyping – adding interactivity
- Wireframes to interactive prototypes
- Link and unlink screens
- Setting screen triggers
- Adding interactions to elements
- Adjusting easing and duration properties
- Auto-animate
- Timed animation transitions
- Prototype drag gestures
- Overlays for side menus and keyboards
- Preserve Scrolling
- Fixed elements
- Voice triggers and speech commands
Testing your Project
- Previewing designs in the preview window or on mobile device
- Recording the user experience as a .mov file
Sharing your Project
- Share a public or private prototype
- Allow comments and hotspots
- Publish design Specs
- Extract and download Asserts for developers
Export Project and asserts
- Exporting artwork for Web, IOS and android devices
- Save Artboards as .png .svg and .pdf files
- Batch Export
- Exporting to After Effects
- Extend Adobe XD with plugin
Designing and prototyping your own Project
- Creating your own project
- Adding graphics and text
- Testing and sharing your project
- Exporting your project
Flexible Class Options
- Corporate Group Training | Fast-Track
- Week End Classes For Professionals SAT | SUN
- Online Classes – Live Virtual Class (L.V.C), Online Training
