-
Introduction to UI/UX 3
In this section, we are going to understand the practical definitions of User Interface and User Experience Design with relevant real life examples.
-
1.1 – Definitions of UI/UX 13 minLecture1.1
-
1.2 – Deep Dive Into UI 15 minLecture1.2
-
1.3 – Installation Theory 10 minLecture1.3
-
-
Software Download and Setup 2
In this Section of the course, we will learn how to download the software (that is, Adobe Xd and Figma) and how to install them, we will also extend our knowledge to how we can create a free account and setting up for the software
-
2.1 – How to Download 05 minLecture2.1
-
2.2 – Installations and Account Setup 10 minLecture2.2
-
-
Fonts and It's Installation 3
In this section, we will explore the definition of font, the types and how industries make use of the types of fonts in their branding and products.
-
3.1 – Fonts Downloads 13 minLecture3.1
-
3.2 – Fonts Installation 06 minLecture3.2
-
3.3 – Types and Usage 10 minLecture3.3
-
-
Getting Started with Figma Interface 3
-
4.1 – Intro to Figma Interface 13 minLecture4.1
-
4.2 – FigJam Explained 11 minLecture4.2
-
4.3 – Deisgn File and Overview 17 minLecture4.3
-
-
Understanding The Tool (Toolbars) 10
-
5.0 – Move and Frame Tool Explained 06 minLecture5.1
-
5.1 – Shape Tools Explained 06 minLecture5.2
-
5.2 – Shape Tool Full Properties 22 minLecture5.3
-
5.3 – Pen Tool Explained 08 minLecture5.4
-
5.4 – Text Tool Explained 03 minLecture5.5
-
5.5 – Text Full Properties Explained 08 minLecture5.6
-
5.6 – Add Comment Explained 03 minLecture5.7
-
5.7 – Hand Tool Explained 02 minLecture5.8
-
5.8 – Slice Tool Explained 02 minLecture5.9
-
5.9 – Component 17 minLecture5.10
-
-
Understanding Some Basic Operations and Actions 8
-
6.1 – Layer and Rulers 04 minLecture6.1
-
6.2 – Grid System Explained 03 minLecture6.2
-
6.3 – Add a Clip Mask 03 minLecture6.3
-
6.4 – Boolean operations 05 minLecture6.4
-
6.5 – Figma Inspect Panel 01 minLecture6.5
-
6.6 – Importing Design File 04 minLecture6.6
-
6.7 – Figma Plugins 07 minLecture6.7
-
6.8 – Plugins Examples 06 minLecture6.8
-
-
Getting Started with Adobe XD Interface 14
-
7.0.0 – XD First Interface 03 minLecture7.1
-
7.0.1 – XD Creating New Document 04 minLecture7.2
-
7.0.2 – XD Toolbar 05 minLecture7.3
-
7.0.3 – XD Design. Prototype Share Options 03 minLecture7.4
-
7.0.4 – XD File, Edit, Object Menu 08 minLecture7.5
-
7.0.5 – XD Plugins, View, Window, Help Menu 08 minLecture7.6
-
7.0.6 – XD Text Full Properties 10 minLecture7.7
-
7.0.7 – XD Shape Tools Full Properties 05 minLecture7.8
-
7.0.8 – XD Ruler and Layer Panel 04 minLecture7.9
-
7.0.9 – XD Shape with Mask 04 minLecture7.10
-
7.1.0 – XD Export Options 04 minLecture7.11
-
7.1.1 – XD Boolean Operations 05 minLecture7.12
-
7.1.2 – XD Opening PSD, AI Files 02 minLecture7.13
-
7.1.3 – XD Installing Plugins 06 minLecture7.14
-
-
Principles of Design Fundamental 7
In this section, we will learn the principle of design fundamentals which are the governing power of every design. they serve as the reasons why we action an action in a certain way and it's importance
-
8.1 – White Space 05 minLecture8.1
-
8.2 – Colours and Contrast 06 minLecture8.2
-
8.3 – Simplicity Vs Complexity 03 minLecture8.3
-
8.4 – Alignment 04 minLecture8.4
-
8.5 – Repetition and Consistency 03 minLecture8.5
-
8.6 – Scale 02 minLecture8.6
-
8.7 – Visual Hierarchy 06 minLecture8.7
-
-
Wireframe 2
In this section, we will learn about wireframe and how to begin with one even before we get our project started.
-
9.1 – Wireframe 07 minLecture9.1
-
9.2 – Wireframe Illustrations Examples 05 minLecture9.2
-
-
Working Smart Tricks 6
In this section, we will learn how to improve our workflow, by learning trick to increase productivity and boost performance. we will as well explore tools, ways and method to get the done well.
-
10.1 – Sourcing For Resources 18 minLecture10.1
-
10.2 – Creating Styles 06 minLecture10.2
-
10.3 – Adding Extensions 06 minLecture10.3
-
10.4 – Colour Mgt Tool 06 minLecture10.4
-
10.5 – Importing My Bookmarks 05 minLecture10.5
-
10.6 – Page Layouts 07 minLecture10.6
-
-
Getting begin With Mini Projects 2
In the section, we will begin our journey into design a mini projects, with easy difficulty level (that is, very easy to follow and do likewise), then we will raise into more real deal in the subsequent projects.
-
11 – First Mini Project – Deldronet 32 minLecture11.1
-
12 – Second Mini Project – Virtual Reality 20 minLecture11.2
-
-
Getting Started With Main Project 6
In this section, we will begin with our main project - ShowPrime
-
13.1 – Section 1 Design 46 minLecture12.1
-
13.2 – Section 2 Design 31 minLecture12.2
-
13.3 – Section 3 Design 08 minLecture12.3
-
13.4 – Section 4 and 5 Design 30 minLecture12.4
-
13.5 – Mobile and Tablet Design Section 34 minLecture12.5
-
13.6 – Section Mockup Wrap Up 11 minLecture12.6
-
-
Getting Started With UI Effect Trends 3
In this section, we will design some effects trend in UI using our software and we will understand how to create them from scratch and how to create them using plugins.
-
14.1 – Mini Projects – Glass-Morphism Effect 16 minLecture13.1
-
14.2 – Soft UI (Claymorphism vs Neumorphism) 50 minLecture13.2
-
14.3 – Soft UI Mini Project – Smartwatch 37 minLecture13.3
-
-
Designing Second Main Projects 6
In this section, we will design our second main project - Keen Marketer. A digital Marketing platform that provides services on marketing. the project comes with 3D illustration and some other UI resources making it a well designed defined and appealing UI
-
15.1 – Section 1 Design 30 minLecture14.1
-
15.2 – Section 2 Design 26 minLecture14.2
-
15.3 – Section 3 Design 13 minLecture14.3
-
15.4 – Section 4 Design 17 minLecture14.4
-
15.5 – Section 5 Design 26 minLecture14.5
-
15.6 – Section 6 Design 22 minLecture14.6
-
-
Mobile Structure & Design 9
In this section, we shall examine the structure, the basis of how to design a mobile UI with the wireframe and also how to create the a wireframe and scratch using a traditional way and other means as well to construct a flexible wireframes for our design and we will then go into design.
-
16.0 – Understanding Mobile Structure & Wireframe 35 minLecture15.1
-
16.1 – Mobile UI Design Section 1 53 minLecture15.2
-
16.2 – Mobile Design Section 2 31 minLecture15.3
-
16.3 – Mobile Design Section 3 01 hourLecture15.4
-
16.4 – Mobile UI Design Section 4 52 minLecture15.5
-
16.5 – Mobile Design Section 5 40 minLecture15.6
-
16.6 – Mobile Design Section 6 39 minLecture15.7
-
16.7 – Mobile Design Section 7 43 minLecture15.8
-
16.8 – Mobile Design Section 8 58 minLecture15.9
-
-
Prototyping 1
In this section, we will be learning how to prototype a project from scratch, which is the simulation and motion interactions between screens, components, kits and button for the purpose of testability and validating the designs
-
17.0 – Prototyping Project 59 minLecture16.1
-
-
Presentation and Sharing 3
In this section, we will learn how to prepare a professional documentations of presentations with all rudiments of variations and approach types
-
18.0 – Presentation Documentations 52 minLecture17.1
-
18.1 – Presentation 01 hourLecture17.2
-
18.2 – Finalizing Presentation 46 minLecture17.3
-
-
Conclusion 1
In this section, we will learn how to share our works on design platforms such as behance, dribble and others. we will also learn some professional tips, culture and best practices
-
19.0 – Professional Tips 45 minLecture18.1
-
Leave A Reply Cancel reply
-
-
08/05/2025
Every time I read a new post, I feel like I’ve learned something valuable or gained a new perspective. Thank you for consistently putting out such great content!
71 Comments
I do not have a personal computer yet. If I download and extract Adobe XD on my office laptop will there be any consequences to other files I have?
No!, there can’t be any consequences with that option but endeavour to sign up to an adobe account so as to integrate that with the installation setup. The benefit is that, once you now have your own PC and sign in with that same account, you will definitely see all your saved documents and project and that will save your time of copying them from your office PC to your own personal PC. That is, once done, all your documents will be saved on cloud storage which is the safest. Thanks
Please I need help, for the pass 3weeks now I have not be able to open the ADOBE XD on my window 10
Wow! Thanks for breaking down this process
You can use this link bro
https://getintopc.com/softwares/compression/winrar-free-download/
hello, Please i am using Windows 8pro the Adobe xd is not opening on my system. what can i do please?
try to download a lower version of XD sir, and make sure your system has the latest windows update for windows 8 sir.
Kindly check the video description for the link containing the material. if the problem persists, you can reach me via WhatsApp (+2349030948130)
sorry, what was your question ?
the password is to extract the file not installing, please kindly follow through the video or reach out to me via WhatsApp (+2349030948130) if the problem persists. Thanks
if you wish.
or you can use this website https://www.adobe.com/products/xd.html
try to upgrade your PC?
Please kindly do a full system security scan and also update your drivers to the latest ones. then try again. Not: if you are using a older version of operating system, they are chances that the Adobe XD might not work, because is a latest one and it required updated drivers to work effectilvely.
Please kindly do a full system security scan and also update your drivers to the latest ones. then try again. Note: if you are using an older version of the operating system, they are chances that Adobe XD might not work, because is the latest one and requires updated drivers to work effectively.
Yes
No
check the notification on your account, you will find the welcoming message there which has the link. Thanks
please can you be more specific? sorry for the inconvenience
Kindly send me a mail vai “uiuxwithdavid@gmail.com”, so we can fix things up
The Anti Virus in my system is not allowing me download the Adobe XD software
Is there anything, I can do about it??
try to disable it, and try again. also, make sure to disable your firewall too.
no crack, because its best for you and they have a software version but still makes use of internet data connection.
yeah, once you get this error, it demands you to update you OS and preferably your drivers too.
https://filecr.com/windows/adobe-xd-0003/?id=1414508890
https://cleanerone.trendmicro.com/blog/best-unarchive-app-macos-sierra/
you can use the free option oh…..
please can i sign on Adobe xd on my browser and use without downloading it on my system
No. you have to download first.
please are you on the community page, if not! kindly check the notification alert and join. then we can attend to you. sorry for the inconvenience .
getintopc.com” or Filecr.com”. sorry about that man.
Sorry for the inconvenience. Kindly join the community page where all your questions will be answered via the notification alert on your panel. there is a welcome message with the link to join the community page. thanks
use filecr.com” to get pre-activated version
what’s the error please?
yeah
great lesson
join the community, the link is in your notifications. We are waiting for your fix …
This is helpful
very helpful, great lessons learned. thanks Mr David
I was able to download it successfully. The class was very helpful. Thanks a lot.
The password is not working for the adobe I downloaded from get into my pc.
What do I do?
Use “Filecr.com” to download a pre-activated version of XD. sorry for inconvenience.
I downloaded figma,tried opening it and got this error message “There was an error while installing the application.
Check the setup log for more information and contact
the author.”
thank you Mr Tunmise
The installation (Adobe XD) wasn’t successful on my computer. I use a powerful gaming system (MSI). it keeps displaying error
what’s the error please ?
Please what’s the name of the extraction software?
Winrar
https://chat.whatsapp.com/KxM9I0xCAUy9X4q5p8gSKx
I enjoyed every bit of the tutorial, just that i’m having issues while installing the adobe xd application. Thanks for the information
hello, i was able to install adobe xd succesfully but when i logged into the application, its telling me to start my 7 days free trial. what happens after the free trial? am i going to pay for it?
please, leave Adobe XD and focus on FIgma
Hello, I am having troubles installing the Adobe xd to my pc. The error says try again and right after, my virus security pops to give an alert. please help!!
Please, leave adobe XD for now..
Pls I used winrar to extract my adobe XD. Hope winrar is a free application?
yes please..
Adobe xd keeps signing me out from their desktop application and the app closes unexpectedly
the app is currently having issues, you can skip to please.
Hi David, I have been enjoying the class so far. Thank you so much for the class. It’s simple to understand. But, I have been having issue installing the Adobe XD application using the one you shared for the class in the folder. It gets to a particular number and stops saying ”Installation error.” Please, what do I do?
Thank you for your prompt response.
You can skip Adobe XD for now, it having issues.
sure, there is.
I’m unabele to install the Adobe setup after extracting it