UI/UX Learning Path
UI/UX Learning Path
UI/UX Learning Path
UI/UX Learning Path
UI/UX Learning Path
UI/UX Learning Path
UI/UX Learning Path
UI/UX Learning Path

UI/UX Learning Path

UI/UX Learning Path

UI/UX Learning Path

UI/UX Learning Path

Dec 21, 2022

Dec 21, 2022

7 min. read

7 min. read

Learning

Learning

If you’re wondering where to learn UX/UI design, look no further. This learning path includes our team’s favorite articles, e-books, and courses. Completing it will help you learn the key concepts and processes of UX/UI design.

Let’s dive in!

Table of Content

  1. UX Design

  2. Design Strategy

  3. UI Design

  4. Android vs. iOS Design

  5. Animation Design

  6. Microinteractions

  7. Design Tools

  8. Conclusion


  1. UX Design

    As Steve Jobs once said, “Design is not just what it looks like and feels like. Design is how it works.” UX or User Experience is how users experience and interact with your product. Below are some beneficial resources for learning the fundamentals of UX design.


    For further reading, we recommend the following sources:

  2. Design Strategy

    In this section, you will learn about multiple key concepts: user-centered design, mobile-first design, responsive design, and typography.

    P.S. We highly recommend the master class; it’s a game-changer.


  3. UI Design

    The UI or User Interface is what the user sees and interacts with. It holds the visual hierarchy, colors, fonts, icons, images, buttons, and more. Although UX design comes first, UI and UX design are interrelated; they work together and impact one another. So now that we’ve covered the basics of UX design, let’s learn about UI design.


  4. Android vs. iOS Design

    When it comes to mobile app design, we follow different rules for iOS than for Android. The design rules for iOS were established by Apple and are called the “human interface guidelines.” Meanwhile, Android’s design rules were created by Google and are referred to as the “material design guidelines.” Following these rules allows us to design more intuitive experiences for the users of each operating system.

  5. Animation Design

    In part 5, you will learn about UI animation and how it can improve your prototype presentations.


  6. Microinteractions

    Do you know the confirmation sound your phone makes when you lock your screen? That’s an example of a micro-interaction. These are small actions that have a huge impact on the user experience! Check the links below to learn about designing micro-interactions.

  7. Design Tools

    Below are some resources to help you master Figma – one of the best UI design tools available.

Conclusion

We hope you enjoy your UX/UI design journey. This learning path covers the basics, but the tech industry is always evolving, and there is always room for improvement, so get ready for an endless, enjoyable learning process.