Companies Home Search Profile

User Experience Design - Adobe XD Mega Course

Focused View

Alan Ayoubi

8:41:45

5 View
  • 0.Adobe XD Mega Course Introduction.mp4
    04:18
  • 1.Difference between UI and UX designer.mp4
    02:49
  • 2.Basics Design Mode.mp4
    01:12
  • 3.1 Download Adobe XD First time opening it.mp4
    04:01
  • 4.2 Working with Artboards.mp4
    04:50
  • 5.3 Working with Shapes and Lines.mp4
    13:17
  • 6.4 Working With Text.mp4
    06:43
  • 7.5 Working With Images.mp4
    06:51
  • 8.6 Alignment Tools Boolean Operations.mp4
    06:33
  • 9.7 Assets Components.mp4
    07:35
  • 10. 8 Repeat Grid.mp4
    05:21
  • 11.9 Responsive Resize.mp4
    11:15
  • 12.10 Plugins.mp4
    12:13
  • 13.Finance App Homework.mp4
    00:17
  • 14.1 Background and Credit Card Design 4K.mp4
    19:30
  • 15.2 Buttons And The Rest Of The Screen Design 4K 2.mp4
    30:15
  • 16.3 Second Screen Design 4K.mp4
    15:03
  • 17.Everything About Prototyping.mp4
    00:37
  • 18.1 Basics and Time Transition.mp4
    10:47
  • 19.2 Component States.mp4
    14:30
  • 20.3 Overlay Scroll and Drag Prototype.mp4
    06:45
  • 21.4 Voice Sound Gamepad Key Prototype.mp4
    05:50
  • 22.5 Auto Animate.mp4
    13:20
  • 23.Prototype Homework.mp4
    00:13
  • 24.Some Advanced Techniques.mp4
    00:17
  • 25.1 Color Number Scroll Effect.mp4
    10:50
  • 26.2 Character Input Prototype.mp4
    16:57
  • 27.3 Glassmorphism.mp4
    11:03
  • 28.4 3D Transform and Prototype.mp4
    13:54
  • 29.Advanced Section Homework.mp4
    00:14
  • 30.Wallet X Website UI.mp4
    00:45
  • 31.1 Menu Bar and BG.mp4
    13:07
  • 32.2 Landing Page P1.mp4
    11:52
  • 33.3 Landing Page P2.mp4
    17:35
  • 34.4 Benefits.mp4
    10:06
  • 35.5 Credit Card And More.mp4
    14:40
  • 36.6 Prototype.mp4
    16:08
  • 37.E Commerce App.mp4
    00:27
  • 38.1 Onboarding screen design.mp4
    11:27
  • 39.2 Login and Signup Screen Design.mp4
    13:35
  • 40.3 Nike Home Screen Design P1.mp4
    29:26
  • 41.4 Nike Home Screen Design P2.mp4
    09:55
  • 42.5 Puma Adidas Home Screen Design.mp4
    08:25
  • 43.6 Single Product Preview Design.mp4
    12:52
  • 44.7 Favourite Screen Design.mp4
    06:56
  • 45.8 Profile Screen Design.mp4
    05:39
  • 46.9 My Cart Screen Design.mp4
    04:22
  • 47.10 Search Screen Design.mp4
    11:01
  • 48.11 Prototype Onboarding Sign in Sign up.mp4
    09:51
  • 49.12 Prototype Scrolling Effect.mp4
    02:34
  • 50.13 Prototype Between Nike Adidas and Puma Screens.mp4
    06:48
  • 51.14 Prototype Single Product Preview.mp4
    04:09
  • 52.15 Prototype Favorites Screen.mp4
    11:49
  • 53.16 Prototype Profile Screen.mp4
    04:20
  • 54.17 Prototype My Cart Screen.mp4
    07:03
  • 55.18 Prototype Search And Finalize.mp4
    16:50
  • 56.19 Prototype Running your App on Mobile.mp4
    02:18
  • 57.End.mp4
    00:25
  • Exercise Files.zip
  • Description


    UI Design, User Interface, User Experience design, UX design & Web Design

    Hi everyone welcome to Adobe XD mega course.

    Before I jump into the details of the course I want to quickly tell what adobe xd is used for.

    Adobe XD is a simple easy to use application dedicated to UI UX design we can call it user interface or user? basically, we use adobe xd to design mobile apps and websites 



    Just like our other mega courses this course is designed to take you from absolute beginner to advanced level in UI design. 

    This course is divided into 4 main parts, basics of design mode, basics of prototype mode, advanced technique and finally working with real projects. 




    In the design mode basics. We will start with downloading Adobe XD and installing then we will open it for the first time. 

    I will show you how to work with artboards, shape tools line tools, I will teach you how to use text tools, how to use images easily and effectively. After that, we will cover alignment tools and boolean operations. Then I will show you how to work with components and assets inside XD. later, we will cover a very exciting feature in XD which is a repeat grid. After that, we will cover responsive resize I will show how to use it and how to get  advantage from it for your designs. The last thing we will cover some free Plugins, we will cover the most useful ones. When you finish this part you will have a complete understanding of Adobe XD design tools, you will be ready to use what you have learnt to create some professional design. Together we are going to design two screens of a finance app, we will use all that we learnt in the design mode basics part. 

    After we covered and practised everything about design mode we will move to the prototype model. We will start with the basics and then we will cover all of the tools and settings in the prototype mode. We will cover time transition, component states, scrolling groups, overly animation, drag animation, sound, voice and keyboard triggers and much more. At the end we will cover an exciting prototype feature which is auto animate, we are going to animate the design we made in the design part with auto animate. 

    After we covered both design and prototype mode we will cover some advanced techniques. Like 3D transform and animation, Glassmorphisms, input prototype, scroll number scroll colours. 

    At the end of the course, we are going to create two projects together, the first one is a website homepage for a financial company, we will create it from scratch, we will start with the brainstorming and written form then we will design and prototype it. 

    The second project will be an e-commerce app, we will start this one from the brainstorming to the design and then to prototyping. 

    After you finish this course you will have a full understanding of Ui design and Adobe XD. You will be ready to use Adobe XD effectively and professionally. You will be ready to start your carrier with UI design.

    What You'll Learn?


      • Web Design
      • User Experience
      • Graphic Design
      • UX Design
      • Creative
      • UI Design
      • User Experience Design

    More details


    User Reviews
    Rating
    0
    0
    0
    0
    0
    average 0
    Total votes0
    Focused display

    Hi, I am Alan a motion graphic designer and a photographer with  11 years of experience. I have worked for many international Organizations and TV stations. During my work, I have learnt a lot from my mistakes and experiences.

    Today I have more than 100K followers online, who learn from my online teaching and use my products in their creative project.

    Here in Skillshare, I am going to share my knowledge with you. I will teach you from the basic level to professional.

     

    Enjoy every course, watch carefully and please always contact me I am happy to help you in person.

    Skillshare is an online learning community based in the United States for people who want to learn from educational videos. The courses, which are not accredited, are only available through paid subscription.
    • language english
    • Training sessions 58
    • duration 8:41:45
    • English subtitles has
    • Release Date 2024/02/02