{"id":495,"date":"2022-01-09T19:14:51","date_gmt":"2022-01-09T19:14:51","guid":{"rendered":"https:\/\/arravo.co\/Academy\/lms\/?post_type=course&p=495"},"modified":"2022-01-19T11:59:04","modified_gmt":"2022-01-19T11:59:04","slug":"ux-ui-design","status":"publish","type":"course","link":"https:\/\/arravo.co\/Academy\/lms\/course\/ux-ui-design\/","title":{"rendered":"UX\/UI Design"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Live Training Sessions To Learn UX\/UI Design From the Arravo Academy<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Our UX\/UI training is a uniquely designed course to give you overall understanding of the design theory. Today, UI \/UX design thinking is a vital skill needed to standout in the crowd. The UI\/UX Design training course will give you concrete knowledge of user experience design and user interface design. User experience design is the process of quality interaction between user and product while User Interface design is composed of frontend designs of websites and application software.<\/p>

Aspects of user experience (UX) and user interface (UI) design are often intertwined in a way as Design is now purely human centric, another key aspect to UX is problem-solving. UX is considered one of the hottest sectors in tech right now and is one of the most sought-after areas of expertise, even though the skill set didn\u2019t formally exist a decade ago.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Why Opt For The Online UX UI Design Course?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Latest industry trends and fluctuating consumer dynamics are impacting e-commerce & digital technology space.<\/p>

– Consumers are turning more & more mobile friendly along with rapid proliferation of internet connected devices.<\/p>

– As the markets are growing, Customer Experience (CX) is becoming an essential service differentiator across various industries.<\/p>

– Seamless omni-channel experience is in limelight as the customers are getting more empowered<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Course Outline<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Module 1<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

UX\/UI with Figma<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Introduction<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Meeting the client<\/p>

– The 2 Paths<\/p>

– Building Your Logo<\/p>

– Design Resources<\/p>

– Designer vs Developer<\/p>

– Skills To Be A Top Designer<\/p>

– Free Resources and Guides<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

SECTION 1: Getting Started - Sketching, Inspiration, User Flows\nSketching<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Introduction To Sketching<\/p>

– The Sketching Process<\/p>

– Sketching User Flows-<\/p>

– Sketching User Flows<\/p>

– Sketching Tips\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Inspiration<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– How To Stay Inspired<\/p>

– How To Find Inspiration<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Introduction to Figma<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Getting Started With Figma<\/p>

– Introducing Figma<\/p>

– Figma Dashboard<\/p>

– Figma Tools<\/p>

– Layers & Pages<\/p>

– The Top Bar<\/p>

– Design Properties<\/p>

– Prototyping With Figma<\/p>

– Exercise: Creating A Responsive Layout<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

User Flows<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– What Are User Flows?<\/p>

– The Do’s And Don’ts<\/p>

– Speed Up Workflow With Components<\/p>

– Creating Our Own User Flows\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Site Maps<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Introduction To Sitemaps<\/p>

– Creating A Basic Sitemap<\/p>

– Before You Start<\/p>

– Creating A Sitemap<\/p>

– Creating A Sitemap 2<\/p>

– Tips For Getting Started<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

2. Explore & Iterate\nWireframes<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– What Is A Wireframe?<\/p>

– How To Create A Wireframe<\/p>

– Wireframes In FIgma<\/p>

– Creating Our Home Page<\/p>

– Creating A Product Page<\/p>

– Creating A Checkout Page<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Prototyping<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Prototyping Basics In Figma<\/p>

– Linking Together A Quick User Flow<\/p>

– Working On Small Interactions<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Feedback<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Why Is Feedback Important?<\/p>

– Constructive Feedback<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

3. Visual Design - Design Theoty + Accessibility\nSpacing And The Grid<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– What Is A Grid?<\/p>

– Grid Basics<\/p>

– Responsive Grids And Breakpoints<\/p>

– Making Our Grid In Figma<\/p>

– Grid Guidelines\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Typography<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Serifs<\/p>

– Sans Serifs<\/p>

– Display & Mono<\/p>

– Picking Typefaces<\/p>

– Choosing Typefaces For A Project<\/p>

– Creating Our Own Type System<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Color<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Color Schemes<\/p>

– Important Questions To Ask<\/p>

– Creating Color Palettes<\/p>

– Creating A Monochromatic Color Palette<\/p>

– Applying Our Color Palette<\/p>

– Expanding A Strict Color Palette<\/p>

– Creating Our Own Color Palette<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Forms + UI Elements<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– What Are Forms + UI Elements?<\/p>

– Best Practices For Forms<\/p>

– Best Practices For Inputs<\/p>

– Best Practices For Buttons<\/p>

– Creating Components In Figma<\/p>

– Using Atomic Elements<\/p>

– Using Instances In Figma<\/p>

– Editing Instances<\/p>

– Creating A Registration Form In Figma<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Visual Assets<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Visual Assets Introduction<\/p>

– Working With Photos In Figma<\/p>

– Working With Photos In Figma 2<\/p>

– Working With Illustrations In Figma<\/p>

– Figma Plugins And Icons<\/p>

– Custom Icons<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Accessibility<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– What Is Accessibility?<\/p>

– Assistive Technologies<\/p>

– Visual Patterns For Accessibility<\/p>

– Tools To Make Your Design Accessible<\/p>

– Visual Patterns For Accessibility Part 2<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

4. Design Exploration - Application Design & Desing Systems\nDesign Patterns<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– What Are Design Patterns<\/p>

– Why Are Design Patterns Valuable<\/p>

– How To Apply Design Patterns<\/p>

– Analyzing Design Patterns<\/p>

– Dissecting And Choosing Design Patterns\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Mobile Design<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Mobile Design Best Practices<\/p>

Visual Style + Exploration<\/p>

– Design Fidelity<\/p>

– Style Exploration<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Motion<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– The Importance Of Motion<\/p>

– The Purpose Of Motion<\/p>

– Intro To Smart Animate<\/p>

– The Power Of Smart Animate<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Microinteractions<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– What Is A Microinteraction?<\/p>

– Why Microinteractions Are Important<\/p>

– Creating Our Own Microinteraction<\/p>

– Using Figmotion\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

5. Putting it all together - Design System & Final Compositions\n- What Is A Design System?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Foundation – Color<\/p>

– Foundation – Grids + Spacing<\/p>

– Foundation – Iconography<\/p>

– Foundation – Typography<\/p>

– Components – Button<\/p>

– Components – Inputs<\/p>

– Components – Cards<\/p>

– Recipes – Vertical Cards<\/p>

– Recipes – Search<\/p>

– Recipes – Order List<\/p>

Final Compositions<\/p>

– Using Our Design System<\/p>

– Final Prototypes<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Working With A Client<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Design Resources<\/p>

– The Product Alignment Canvas<\/p>

– Project Goals<\/p>

– Target Users<\/p>

– User Journey Map<\/p>

– Risky Assumptions<\/p>

– What is a User Story Map?<\/p>

– Creating a User Story Map<\/p>

Project<\/p>

Project Handoff<\/p>

Learning Guideline<\/p>

Web Portolio<\/p>

– Design Resources<\/p>

– How To Export And Place Designs<\/p>

– Content For Your Portfolio<\/p>

– Where To Host Your Web Portfolio<\/p>

From Figma to Website<\/p>

– Initial Setup – Figma Handoff<\/p>

– Build UI – Adding Image Assets<\/p>

– Build UI – Styling Image Assets<\/p>

Extra: How The Internet Works<\/p>

– Browsing the Web<\/p>

– Breaking Google<\/p>

– The Internet Backbone<\/p>

– Traceroute<\/p>

– DEVELOPER FUNDAMENTALS: I<\/p>

– What Does A Developer Do?<\/p>

Extra: History of The Web<\/p>

– WWW vs Internet<\/p>

– HTML, CSS, Javascript<\/p>

– DEVELOPER FUNDAMENTALS: II<\/p>

– Developer History<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Extra: HTML 5<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Build Your First Website<\/p>

– Resources: Your Text Editor<\/p>

– DEVELOPER FUNDAMENTALS: III<\/p>

– Quick Note About w3schools<\/p>

– How To Ask Questions<\/p>

– HTML Tags<\/p>

– HTML Tags 2<\/p>

– Self Closing HTML Tags<\/p>

– Anchor Tag<\/p>

– Q&A: index.html<\/p>

– Q&A: Relative vs Absolute Path<\/p>

– HTML Forms<\/p>

– HTML Forms 2<\/p>

– Submitting A Form<\/p>

– HTML Tags 3<\/p>

– HTML vs HTML 5<\/p>

– Copy A Website<\/p>

– HTML Challenge<\/p>

– HTML Lesson Files<\/p>

Extra: CCS3<\/p>

– Exercise Files: Code-Along<\/p>

– Your First CSS<\/p>

– CSS Properties<\/p>

– CSS Selectors<\/p>

– Optional Exercise: CSS Selectors<\/p>

– Text and Font<\/p>

– Images In CSS<\/p>

– Box Model<\/p>

– px vs em vs rem<\/p>

– Optional: PX, EM, REM, %, VW, and VH<\/p>

– Exercise: CSS Quiz<\/p>

– Critical Render Path<\/p>

– Flexbox<\/p>

– Optional Exercise: Flexbox Froggy<\/p>

– Responsive UI<\/p>

– Image Gallery Files<\/p>

– Exercise: Robot Animation<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Extra: Bootstrap, Templates, And Building Your Startup Landing Page<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Evolving Technology<\/p>

– Bootstrap Introduction<\/p>

– Bootstrap<\/p>

– Bootstrap 5 Update<\/p>

– Bootstrap Grid<\/p>

– Startup Landing Page<\/p>

– Adding Email Subscribe Form With MailChimp<\/p>

– Putting Your Website Online<\/p>

– DEVELOPER FUNDAMENTALS: IV<\/p>

– Using Templates\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Extra: CSS Grid + CSS Layout<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Section Overview<\/p>

– CSS Grid vs Flexbox vs Bootstrap<\/p>

– CSS Grid<\/p>

– CSS Layout<\/p>

– Navigation Bar<\/p>

– Cover<\/p>

– Project Grid + Footer<\/p>

– Prettify<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Module 2<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

UI\/UX with Adobe<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Getting Started<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Introduction to the User Expereince course
– Getting stated with your Adobe XD project
– What is UX vs UI vs Product Designer<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

The Brief<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– The UX brief and persona of our relaife project\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Wireframing Low Fidelity<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Wireframing (low fidelity) in Adobe XD
– How wide should my website or app be in Adobe XD?
– Working with existing UI kits in Adobe XD<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Type, Color, and Icon Introduction <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Working with type in your 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
– Class Project 01 \u2013 Wireframe Homepage & Contact Us Page<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Prototyping a Website - Introduction<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Prototyping & adding interactivity to Adobe XD
– How to create a Popup Modal or popup box in Adobe XD
– Class project 02 \u2013 Prototype<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Symbols & Repeat Grids<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Working with groups & isolation mode in Adobe XD
– How to make & use symbols in Adobe XD
– Production Video – Left Nav
– Using the repeat grid in Adobe XD
– Updating symbols & problems with using repeat grids
– Prototype Trick to save time in Adobe XD
– Navigation tricks & tips in Adobe XD
– Class Project 03 – Symbols & Repeat Grids<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Prototyping a App - Introduction<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– 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
– Production Video – Login & Dashboard\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Wireframe Feedback<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Sharing Wireframes for comments in Adobe XD
– Recording your interactions via video using Adobe XD
– Class project – Wireframe Feedback<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

High Fidelity UI Design<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Mood Boards & resources for Hi fidelity UI design in Adobe XD
– Class project – Mood Board
– How to create a 12 Column or Grid in Adobe XD<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Colors<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Working with colors inside Adobe XD CC
– Tricks for using colors in Adobe XD
– How to create gradients in Adobe XD
– Class project 06 \u2013 Colors<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Text & Fonts Advanced<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– 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
– Class project 07 – Text & Buttons<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Drawing<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– 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
– Production Video with some drawing tips<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Working with Illustrator<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Back and forth with Illustrator in Adobe XD
– Class project 08 – Draw your own icons\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Working with InDesign<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Working with InDesign in Adobe XD<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Images<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– The pros & cons for working with images inside Adobe XD
– Working with images and CC Library connection
– Adobe Stock connection to find similar image for XD project
– Free images to use in your XD mockups – Unsplash Pexels Freeimage
– Masking & Opacity & Blurring background images<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Working with Photoshop<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Working with Photoshop in Adobe XD
– Production Video \u2013 Infographic
– Class project 09 – Full Hi Def mockup<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

APP Design<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– How to make a mobile phone mockup with Adobe XD & Photoshop
– Class project 10 – Mobile APP\/Website<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Placeholder content & Plugins<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Hidden features for Adobe XD Repeat Grid
– Plugin – Content Generator in Adobe XD
– Plugin – UI Faces adding random profile photos to XD
– Plugin – PhotoSplash automatically import Unspash images
– Plugin – Copy Cat or Mimic to style and images from a site<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Asset panel<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Advanced Asset Panel tricks in Adobe XD<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Symbol - Advanced<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Advanced Symbol Tricks & Tips for Adobe XD\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Micro Interactions<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– 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
– Class project 11 – Micro Interactions<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Prototyping - Advanced<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– 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\u00a0\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Voice Interactions<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– How to add Alexa style voice commands to Adobe XD<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

User Testing<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– What is user testing in Adobe XD
– How to run an unmoderated UX User Test in Adobe XD
– Class Project 12 \u2013 User testing\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Pitching to clients & customers <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– The UX brief and persona of our relaife project\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

The Brief<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– Mocking up your designs in situ on a real phone in Photoshop
– Advanced micro interactions & prototyping with Protopie in Adobe XD
– How to add animation in Adobe XD using Adobe After Effects<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Exporting<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

– How to export images & assets from Adobe XD for developers
– How to export code in XD for engineers using Design Specs
– Class Project 13 \u2013 Roar Cycles\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Frequently Asked question<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\r\n
\r\n
\r\n
\r\n\r\n \r\n \r\n\r\n WHAT ARE THE FEES FOR THE UX\/UI DESIGN CLASSES? <\/span>\r\n\r\n <\/div>\r\n
\r\n

Call 08061451247 for details.<\/p> <\/div>\r\n <\/div>\r\n

\r\n
\r\n\r\n \r\n \r\n\r\n HOW TO GET A JOB AFTER COMPLETING THE UX\/UI DESGIN COURSE? <\/span>\r\n\r\n <\/div>\r\n
\r\n

Arravo Academy will provide you 100% job assistance with an internship letter for the UX\/UI design training which you can use as your work experience while searching for a job. We\u00a0 also provide interview preparation & personality development classes separately for enhancing your skills.<\/p> <\/div>\r\n <\/div>\r\n

\r\n
\r\n\r\n \r\n \r\n\r\n WHO ARE MY TRAINING INSTRUCTORS? <\/span>\r\n\r\n <\/div>\r\n
\r\n

All our trainers have over 5 years experience in UX\/UI Design. All trainings teams are coordinated by our lead instructor. You can connect him on linkedin https:\/\/www.linkedin.com\/in\/kunlejoseph\/<\/p> <\/div>\r\n <\/div>\r\n

\r\n
\r\n\r\n \r\n \r\n\r\n I HAVE PAID THE BOOKING AMOUNT FOR BUT DUE TO SOME REASONS, I WAS NOT ABLE TO JOIN THE INITIAL BATCH? <\/span>\r\n\r\n <\/div>\r\n
\r\n

Don\u2019t worry, we have many upcoming batches for the UX\/UI Design course. You can join the upcoming batch at your convenience.<\/p> <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Live Training Sessions To Learn UX\/UI Design From the Arravo Academy Our UX\/UI training is a uniquely designed course to …<\/p>\n","protected":false},"author":1,"featured_media":1270,"parent":0,"menu_order":2,"comment_status":"open","ping_status":"closed","template":"","meta":{"nf_dc_page":"","_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"om_disable_all_campaigns":false,"_vibebp_attr":"","_vibebp_dimensions":"","_vibebp_responsive_height":"","_vibebp_accordion_ie_support":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"coauthors":[156],"class_list":["post-495","course","type-course","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\nUX\/UI Design - Arravo Academy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/arravo.co\/Academy\/lms\/course\/ux-ui-design\/\" class=\"yoast-seo-meta-tag\" \/>\n<meta property=\"og:locale\" content=\"en_US\" class=\"yoast-seo-meta-tag\" \/>\n<meta property=\"og:type\" content=\"article\" class=\"yoast-seo-meta-tag\" \/>\n<meta property=\"og:title\" content=\"UX\/UI Design - Arravo Academy\" class=\"yoast-seo-meta-tag\" \/>\n<meta property=\"og:description\" content=\"Live Training Sessions To Learn UX\/UI Design From the Arravo Academy Our UX\/UI training is a uniquely designed course to …\" class=\"yoast-seo-meta-tag\" \/>\n<meta property=\"og:url\" content=\"https:\/\/arravo.co\/Academy\/lms\/course\/ux-ui-design\/\" class=\"yoast-seo-meta-tag\" \/>\n<meta property=\"og:site_name\" content=\"Arravo Academy\" class=\"yoast-seo-meta-tag\" \/>\n<meta property=\"article:modified_time\" content=\"2022-01-19T11:59:04+00:00\" class=\"yoast-seo-meta-tag\" \/>\n<meta property=\"og:image\" content=\"https:\/\/arravo.co\/Academy\/lms\/wp-content\/uploads\/2022\/01\/w-UXUI-Training-flyer-1-1024x1024.png\" class=\"yoast-seo-meta-tag\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" class=\"yoast-seo-meta-tag\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" class=\"yoast-seo-meta-tag\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" class=\"yoast-seo-meta-tag\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" class=\"yoast-seo-meta-tag\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" class=\"yoast-seo-meta-tag\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" class=\"yoast-seo-meta-tag\" \/>\n\t<meta name=\"twitter:label2\" content=\"Written by\" class=\"yoast-seo-meta-tag\" \/>\n\t<meta name=\"twitter:data2\" content=\"arravo\" class=\"yoast-seo-meta-tag\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/arravo.co\\\/Academy\\\/lms\\\/course\\\/ux-ui-design\\\/\",\"url\":\"https:\\\/\\\/arravo.co\\\/Academy\\\/lms\\\/course\\\/ux-ui-design\\\/\",\"name\":\"UX\\\/UI Design - Arravo Academy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/arravo.co\\\/Academy\\\/lms\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/arravo.co\\\/Academy\\\/lms\\\/course\\\/ux-ui-design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/arravo.co\\\/Academy\\\/lms\\\/course\\\/ux-ui-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/arravo.co\\\/Academy\\\/lms\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/w-UXUI-Training-flyer-1.png?fit=2000%2C2000&ssl=1\",\"datePublished\":\"2022-01-09T19:14:51+00:00\",\"dateModified\":\"2022-01-19T11:59:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/arravo.co\\\/Academy\\\/lms\\\/course\\\/ux-ui-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/arravo.co\\\/Academy\\\/lms\\\/course\\\/ux-ui-design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/arravo.co\\\/Academy\\\/lms\\\/course\\\/ux-ui-design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/arravo.co\\\/Academy\\\/lms\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/w-UXUI-Training-flyer-1.png?fit=2000%2C2000&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/arravo.co\\\/Academy\\\/lms\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/w-UXUI-Training-flyer-1.png?fit=2000%2C2000&ssl=1\",\"width\":2000,\"height\":2000},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/arravo.co\\\/Academy\\\/lms\\\/course\\\/ux-ui-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/arravo.co\\\/Academy\\\/lms\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Courses\",\"item\":\"https:\\\/\\\/arravo.co\\\/Academy\\\/lms\\\/all-courses\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"UX\\\/UI Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/arravo.co\\\/Academy\\\/lms\\\/#website\",\"url\":\"https:\\\/\\\/arravo.co\\\/Academy\\\/lms\\\/\",\"name\":\"Arravo Academy\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/arravo.co\\\/Academy\\\/lms\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UX\/UI Design - Arravo Academy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/arravo.co\/Academy\/lms\/course\/ux-ui-design\/","og_locale":"en_US","og_type":"article","og_title":"UX\/UI Design - Arravo Academy","og_description":"Live Training Sessions To Learn UX\/UI Design From the Arravo Academy Our UX\/UI training is a uniquely designed course to …","og_url":"https:\/\/arravo.co\/Academy\/lms\/course\/ux-ui-design\/","og_site_name":"Arravo Academy","article_modified_time":"2022-01-19T11:59:04+00:00","og_image":[{"width":1024,"height":1024,"url":"https:\/\/arravo.co\/Academy\/lms\/wp-content\/uploads\/2022\/01\/w-UXUI-Training-flyer-1-1024x1024.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes","Written by":"arravo"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/arravo.co\/Academy\/lms\/course\/ux-ui-design\/","url":"https:\/\/arravo.co\/Academy\/lms\/course\/ux-ui-design\/","name":"UX\/UI Design - Arravo Academy","isPartOf":{"@id":"https:\/\/arravo.co\/Academy\/lms\/#website"},"primaryImageOfPage":{"@id":"https:\/\/arravo.co\/Academy\/lms\/course\/ux-ui-design\/#primaryimage"},"image":{"@id":"https:\/\/arravo.co\/Academy\/lms\/course\/ux-ui-design\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/arravo.co\/Academy\/lms\/wp-content\/uploads\/2022\/01\/w-UXUI-Training-flyer-1.png?fit=2000%2C2000&ssl=1","datePublished":"2022-01-09T19:14:51+00:00","dateModified":"2022-01-19T11:59:04+00:00","breadcrumb":{"@id":"https:\/\/arravo.co\/Academy\/lms\/course\/ux-ui-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/arravo.co\/Academy\/lms\/course\/ux-ui-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/arravo.co\/Academy\/lms\/course\/ux-ui-design\/#primaryimage","url":"https:\/\/i0.wp.com\/arravo.co\/Academy\/lms\/wp-content\/uploads\/2022\/01\/w-UXUI-Training-flyer-1.png?fit=2000%2C2000&ssl=1","contentUrl":"https:\/\/i0.wp.com\/arravo.co\/Academy\/lms\/wp-content\/uploads\/2022\/01\/w-UXUI-Training-flyer-1.png?fit=2000%2C2000&ssl=1","width":2000,"height":2000},{"@type":"BreadcrumbList","@id":"https:\/\/arravo.co\/Academy\/lms\/course\/ux-ui-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/arravo.co\/Academy\/lms\/"},{"@type":"ListItem","position":2,"name":"Courses","item":"https:\/\/arravo.co\/Academy\/lms\/all-courses\/"},{"@type":"ListItem","position":3,"name":"UX\/UI Design"}]},{"@type":"WebSite","@id":"https:\/\/arravo.co\/Academy\/lms\/#website","url":"https:\/\/arravo.co\/Academy\/lms\/","name":"Arravo Academy","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/arravo.co\/Academy\/lms\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/arravo.co\/Academy\/lms\/wp-json\/wp\/v2\/course\/495","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arravo.co\/Academy\/lms\/wp-json\/wp\/v2\/course"}],"about":[{"href":"https:\/\/arravo.co\/Academy\/lms\/wp-json\/wp\/v2\/types\/course"}],"author":[{"embeddable":true,"href":"https:\/\/arravo.co\/Academy\/lms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arravo.co\/Academy\/lms\/wp-json\/wp\/v2\/comments?post=495"}],"version-history":[{"count":5,"href":"https:\/\/arravo.co\/Academy\/lms\/wp-json\/wp\/v2\/course\/495\/revisions"}],"predecessor-version":[{"id":1480,"href":"https:\/\/arravo.co\/Academy\/lms\/wp-json\/wp\/v2\/course\/495\/revisions\/1480"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/arravo.co\/Academy\/lms\/wp-json\/wp\/v2\/media\/1270"}],"wp:attachment":[{"href":"https:\/\/arravo.co\/Academy\/lms\/wp-json\/wp\/v2\/media?parent=495"}],"wp:term":[{"taxonomy":"author","embeddable":true,"href":"https:\/\/arravo.co\/Academy\/lms\/wp-json\/wp\/v2\/coauthors?post=495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}