Learn how to create functional, user-friendly websites and mobile apps with Adobe XD in this free online diploma course.

Adobe XD (also known as ‘Adobe Experience Design’) is a vector-based user experience design tool developed and published by Adobe Inc. for web and mobile apps. It's accessible for macOS and Windows, but there are also iOS and Android versions to enable you to preview the results of your work as you go. Website wireframing and click-through prototypes are both possible with Adobe XD. The advantages of Adobe XD for UI and UX include interoperability, content-aware layout and prototyping capabilities. Other vital features of the tool include voice design, responsive design and content animation. This course is designed specially by a professional designer with over ten years of experience in UI/UX design to enable you to become an expert in product design and creation. You will study the most basic UI/UX design concepts. The instructor will gradually show you some intermediate and advanced techniques for creating responsive websites compatible with desktop and mobile devices.

Further, you will explore how to install Adobe XD and discover how to access the available user options for desktop, mobile and web apps. Explore the Adobe XD artboard and use its custom dimensions features to design your products. Additionally, a walkthrough of the tabs in the app will assess the four different types of tab bars used in the application. Learn about shapes and icons as well as the tools used for modifying various objects on the Adobe XD artboard. You will also see how to work with text and learn two ways of applying it in product design. The topic on the design process will emphasise why you should start a project from the design brief. Then, to help you further digest the subject, a sample of the design brief will be presented.

Finally, you will learn about audience research and why the process is crucial in UI/UX design. Likewise, you will examine some paper wireframing resources, the three basic styles of paper wireframes and the key factors that affect product wireframes. Learn how to create website architecture using the flowchart element and review the systems for creating components from shapes and objects. You will also be taught the techniques for optimising the images to be used for your UI/UX designs. What is business imagery? Why is imagery such an essential model? These questions and other vital UI/UX design questions will all be addressed. By completing this course, you will learn to create engaging user interface designs, functional websites and feature-rich mobile apps with Adobe XD. So why wait? Start learning now!