foundations of UI/UX design

Uncategorized
Wishlist Share
Share Course
Page Link
Share On Social Media

About Course

Duration: 30 days

Hours: 45 hrs (1.5 Hours per day)

Includes: Completion Certificate + 100% Job Placement assistance*

Mode of Teaching: Online(Google Meet)

What Will You Learn?

  • Design Portfolio of your Awesome designs
  • Includes: Completion Certificate + 100% Job placement support*

Course Content

Introduction to UI/UX.
What Is UI (user Interface)? What is UX (User Experience)? UI/UX job opportunities UI/UX salary packages

Introduction to ADOBE XD.
What Is Adobe XD? installing Adobe XD Understanding Adobe XD

Introduction to Material Design by industry Expert.
What Is Material Design? Exploring material Design? Start creating Components

Wireframing in Adobe XD
How wide should website or app be in Adobe XD Working with existing UI kits in Adobe XD Working with types in XD wireframes Basic Colors & buttons in Adobe XD wireframes Free icons for your Adobe XD & UX UI projects Adding footers & Lorem Ipsum to our XD wireframe New Pages & Artboards in Adobe XD

Prototyping and interactivity.
Prototyping & adding interactivity to Adobe XD How to create a Popup Modal or popup box in Adobe XD Working with groups & isolation mode in Adobe XD How to make & use symbols in Adobe XD

Using tools in XD
Using the repeat grid in Adobe XD Hidden features for Adobe XD Repeat Grid Updating symbols & problems with using repeat grids Prototype Trick to save time in Adobe XD Navigation tricks & tips in Adobe XD

Creating an App
Mocking up an App in Adobe XD How to use the XD App on iPhone & Android Adding iPhone & Android battery & status icons to mockup How to fixed the position of the nav or battery icons in XD

Hi fidelity UI design
Mood Boards & resources for Hi fidelity UI design in Adobe XD Creating a mood Board

Colors in Adobe XD
Working with colors inside Adobe XD CC Tricks for using colors in Adobe XD How to create gradients in Adobe XD

Texts and Fonts
Use Web safe fonts or iOS or Android specific fonts in Adobe XD  How to use Character Styles in Adobe XD Font & Text tips tricks in Adobe XD Adding our first Plugin Lorem Ipsum to Adobe XD Creating realistic buttons in Adobe XD with paste properties

Drawing in Adobe XD
How to draw your own custom icons in Adobe XD Working with stokes & lines in Adobe XD Learn to drawing with the pen tool in Adobe XD Drawing practise with the pen tool in Adobe XD

Plugins in adobe XD

Micro interactions
What are UI micro interactions in Adobe XD Button grow or full screen image micro interaction in Adobe XD Animated Image Gallery with micro interactions in Adobe XD Full vector change micro interaction in Adobe XD Time delay transitions in Adobe XD How to create a popup menu or modal in Adobe XD Animated mobile side nav for burger menu in Adobe XD How to make a working drop down menu in Adobe XD How to use the drag transition in Adobe XD How to make a number ticker scroll using masks in Adobe XD How to add Alexa style voice commands to Adobe XD

Exporting in adobe XD
How to export images & assets from Adobe XD for developers How to export code in XD for engineers using Design Specs

Project
1 Website and its APP. Building Your Portfolio (Results) & How to crack interview and get job Congratulations!! Good luck for bright career. (bonus lesson with tips& tricks and advice)

Student Ratings & Reviews

No Review Yet
No Review Yet

Want to receive push notifications for all major on-site activities?

✕