Build Real world App In Adobe XD 2019 : Part 1 Of 2

Explore building the app from scratch while introducing the first screen, the home screen for our mobile app in Adobe XD 2019.

Build the welcome screen on the iPhone 6/7/8 preset, set a black background, center a white logo text at size 80, and feature a gold M accent.

Explore the overview of the search screen in Adobe XD and prepare the prototype, then begin creating the search screen in the next video.

design a search screen prototype in Adobe XD by adding a search bar, hamburger menu, and bookmarking cards with text and icons for a mobile app.

Learn to create a booking screen for Moab in Adobe XD 2019. Preview the big screen concept that will be created in the next video.

Design a booking screen for a mobile app in Adobe XD, incorporating a map, destination and source addresses, vehicle options with icons, fare, time, and a payment method interface.

Create a hamburger sidebar menu for a mobile app in this module, guiding you to add the navigation items and prepare for the next module.

Create a mobile app's sidebar menu in Adobe XD by building a hamburger icon, user avatar, name, and rating, then list items like trips, help, payments, and settings.

Create your trip's page as a scrollable interface in Adobe XD 2019. Explore how the scroll page behaves as you view and build your trips page.

Design a past trips screen in Adobe XD by building a tips page with back navigation, trip details, maps, pricing, user rating, and a repeat grid for listing.

Build the upcoming chips page and start creating the upcoming trips pitch, diving into a simple layout and turning the module’s concept into a tangible screen.

Design the upcoming trips screen in Adobe XD 2019 by creating an iPhone artboard, duplicating elements, aligning the layout, and renaming the artboard to 'upcoming trips' for a polished preview.

Design a family trips screen in Adobe XD by duplicating sections, adding a left-aligned message, and creating a black button labeled create a family profile with white text, then preview.

This module guides you to create a help screen for the web and mobile app, then dive straight into building it.

Create a help screen on an iPhone 6/7/8 artboard in Adobe XD, add the 'report an issue with this trip' text, a user image, a map, and cash options.

Create a legal screen for the mobile app, covering terms and conditions, the privacy policy, data provider license, and copyrights.

Create a legal screen in Adobe XD 2019 by renaming artboard to legal, setting background, adding headings for terms and conditions, privacy policy, software licenses, and licenses information, then preview.