Introduction to Adobe XD for Cell Phone Apps
By Arturo Servín , Web Designer
Learn to design apps for iOS and Android from scratch like a pro
Learn to design apps for iOS and Android from scratch like a pro
Domestika Basics · 5 courses included
-
Course 1 – Adobe XD Basics
By Arturo Servín
Discover the interface and the main tools to create your project
-
Course 2 – Projection and Basic Design
By Arturo Servín
Learn to structure a mobile application and integrate icons and fonts
-
Course 4 – Organizing: The Key Part
By Arturo Servín
Learn tools and tips to get a more organized project
-
Course 5 – Create an Application Interactive Prototype
By Arturo Servín
Learn how to link sections and share a 100% interactive prototype
A successful app must solve a problem in a simple and pleasant way, and design is the key to achieving this. In this five-course Domestika Basics, learn how to use Adobe XD from scratch, Adobe CC's software for prototyping website interfaces and applications, and design an app like a pro. Alongside graphic designer, web design expert, and Adobe Certified Instructor Arturo Servín, get to know everything you need to master the program without any previous experience.
First, understand the workflow of a document in Adobe XD, learn about the different modules of its interface, how to use the properties window and the work tables, and create your first document in this software and start structuring the design of your application.
Learn to use the tools to order, align, and distribute elements within the artboards. Create simple shapes to turn into icons to be integrated into your app and see how you can develop and integrate font styles.
Create the application interface. See how to import images and work with symbols in your project. Learn about the Grid tool to optimize processes, and Arturo explains how to integrate your user interface for iOS and Android.
Continue your learning, this time focusing on a fundamental: organization. Discover the benefits of working with smart guides and learn how to properly use the layers panel. Find out how to work with folders and how to pin elements within the application. Then, see the advantages of working with an Adobe CC library.
To finish this Adobe XD Domestika Basics, create an interactive prototype of your application. Arturo explains the importance of the home screen and, once you have built all the app screens, he teaches you how to link the sections, as well as how to edit and correct the links. See different preview options, and lastly look at the different ways to share your prototype and receive feedback.
System Requirements
⦁ A computer running Windows 10 Creators Update v1703 or later, or macOS High Sierra 10.13 or later.
⦁ Processor with 64-bit compatibility.
⦁ 4 GB of RAM.
⦁ Adobe XD CC (you can buy it or download the 7-day trial version on the official Adobe website).
- 99% positive reviews (321)
- 11,607 students
- 38 lessons (7h 21m)
- 5 courses
- 36 downloads (22 files)
- Online and at your own pace
- Available on the app
- Audio: Spanish
- Spanish · English · Portuguese · German · French · Italian · Polish · Dutch
- Level: Beginner
- Unlimited access forever
Reviews
Arturo Servín is a graphic designer specializing in web design and has worked as a web designer for the magazine a! Design, as well as a Community Professional for Adobe Systems for several years, and a professor at various universities in Mexico, including Miami Ad School Mexico City. He has also been a guest teacher at different educational facilities, such as the Universidad Iberoamericana, Universidad Anáhuac campus Cancún, Tecnológico de Monterrey, Universidad de las Américas in Puebla, Universidad Autónoma de Guadalajara, and many more. He is the founder of his own studio focused on ecommerce, web design, and branding.
Content
Course 1 – Adobe XD Basics
-
U1
Welcome
-
Welcome
-
-
U2
The Adobe XD workflow
-
The Adobe XD workflow
-
-
U3
Navigating the program interface
-
Navigating the program interface
-
-
U4
The advantages of the property inspector
-
The advantages of the property inspector
-
-
U5
Work tables
-
Work tables
-
-
U6
Document management
-
Document management
-
-
U7
Resource Search
-
Resource Search
-
-
U8
Practice: Base structure of the design of an application
-
Practice: Base structure of the design of an application
-
Course 2 – Projection and Basic Design
-
U1
Structuring the application
-
Structuring the application
-
-
U2
Sort, align, distribute
-
Sort, align and distribute
-
-
U3
Creation, edition and combination of forms
-
Creation, edition and combination of forms - Part 1
-
Creation, edition and combination of forms - Part 2
-
-
U4
Designing icons
-
Designing icons
-
-
U5
Integration of texts and typographic styles
-
Integration of texts and typographic styles
-
-
U6
Create icons and typographic styles
-
Practice: Create icons and typographic styles
-
Course 3 – Graphics and Interface
-
U1
Image integration
-
Image integration
-
-
U2
Working with symbols
-
Working with symbols - Part 1
-
Working with symbols - Part 2
-
-
U3
The magic tool: Grid
-
The magic tool: Grid
-
-
U4
Edit Grid
-
Edit Grid
-
-
U5
Integration of the user interface kit for iOS
-
Integration of the user interface kit for iOS
-
-
U6
Integration of the user interface kit for Android
-
Integration of the user interface kit for Android
-
-
U7
Practice: Create the interface of your application
-
Practice: Create the interface of your application
-
Course 4 – Organizing: The Key Part
-
U1
The beloved smart guides
-
The beloved smart guides
-
-
U2
Select objects from the layers panel
-
Select objects from the layers panel
-
-
U3
The wonder of folders
-
The wonder of folders
-
-
U4
Fixing objects
-
Fixing objects
-
-
U5
The advantages of using an Adobe library
-
The advantages of using an Adobe library
-
-
U6
Practice: Sort the resources of your application
-
Practice: Sort the resources of your application
-
Course 5 – Create an Application Interactive Prototype
-
U1
Work modes
-
Work modes
-
-
U2
The importance of the initial screen
-
The importance of the initial screen
-
-
U3
Link between sections
-
Link between sections - Part 2
-
Link between sections - Part 1
-
-
U4
Edit, review and correct links
-
Edit, review and correct links
-
-
U5
Different kinds of preview
-
Different kinds of preview
-
-
U6
Share, edit, share again
-
Share, edit, share again
-
-
U7
The comments
-
The comments
-
-
U8
Create and share your application prototype
-
Create and share your application prototype
-
See the content of the 5 courses
About Domestika Basics
Domestika Basics is a series of courses focused on teaching the most commonly used software by creative professionals worldwide.
The content has been meticulously curated and is intended for both students going into a new creative field and more experienced professionals who want to polish their skills.
Learn with the best Domestika teachers through practical lessons, tons of resources, and a progressive difficulty that'll allow you to see results from day one.
Domestika Basics will allow you to step up your professional game and be prepared to score better projects.
-
Without prior knowledge.
Domestika Basics gives you everything you need to get started in a new creative field and become an expert in it.
-
Focused on the tool.
Discover its main components, techniques, and the tried-and-true methods you need to master it.
-
Learn fast
With a straightforward, step-by-step approach, our outstanding professionals will teach you how to get the most out of the program.
-
Certificates Plus
If you're a Plus member, get a custom certificate signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
sinaibucio
Muy buen curso, lo único malo es saber si Adobe va a dejar vigente el Adobe Xd
View translation
Hide translation
monaguin
De momento el curso va bien, buenas expicacion buen material de apoyo.
View translation
Hide translation
eduardo_t
Es un curso bastante completo para comenzar a utilizar Adobe XD.
View translation
Hide translation
michi_talentos
Excelente, Tiene buen material para guiarnos en cada momento mientras el va explicando
View translation
Hide translation
granado
👍🏼