Foundation (Days 1-30)
Let’s dive deeper into the first phase of the 100-day UI/UX design journey, called Foundation (Days 1–30). Building a strong foundational understanding of the UI/UX design abilities and principles is the main goal of this phase.
Days 1-10: Understanding UI/UX Principles
- Days 1-3: Start with a description of UI/UX design. Learn about the main distinctions between user interface (UI) and user experience (UX). Recognize that UX focuses on user happiness and usability while UI concentrates on the visual components and layout.
- Days 4-6: Learn more about the value of user-centered design. Learn about fundamental ideas like user empathy, consistency, and simplicity. Recognize the importance of placing the user at the center of the design process.
- Days 7-10: Study the principles of UI/UX design, including affordances (making elements look clickable or tappable), feedback (providing clear responses to user actions), and the hierarchy of information (organizing content for clarity).
Useful Links:
- UI vs. UX Design: What’s the Difference?
- The Difference Between UX and UI Design: A Beginner’s Guide
- Top UI/UX Design Terminologies That Every Designer Must Know
Days 11–20: Fundamental Design Techniques:
- Days 11-14: Explore the world of color theory. Understand color psychology, color harmonies, and how to choose a color palette for your designs. Experiment with creating color schemes that evoke specific emotions.
- Days 15-17: Focus on typography. Learn about different font families, font pairing techniques, and the importance of typography in design. Practice creating readable and aesthetically pleasing text elements.
- Days 18–20: Concentrate on layout design. Study visual hierarchy, alignment, and grid systems. Recognize the best ways to arrange elements and content on a page to direct user attention and produce harmonious designs.
Useful Links:
- 12 Principles of Visual Design That Every Designer Should Know
- Top 10 Gestalt Principles That Every Designer Should Know
- Understanding the Use of Images & Icons in UI Design
- What is Typography in UI Design?
- Color Theory: Detailed Guide For UI Designers [2023]
Days 21-30: Prototyping and Wire-Framing
- Days 21-24: Begin learning about wire-framing. Create low-fidelity wireframes using paper and pencil or digital tools. Wireframes are basic sketches of your interface’s structure and layout.
- Days 25–27: Examine prototype applications like Adobe XD, Figma, or Sketch. You may build interactive prototypes with the help of these tools, which are crucial for simulating how a user might browse and interact with your design.
- Days 28–30: Put your newfound knowledge to use by developing a small wireframe and prototype for a straightforward app or website. Your comprehension of the design process will be further strengthened by this practical experience.
100 Days of UI/UX: A Complete Guide For Beginners
We set out on an adventure through the fascinating worlds of UI/UX design in this post, dissecting a full 100-day roadmap to help both novice and seasoned designers alike. This roadmap promises to be your dependable guide whether you’re a beginner eager to learn the basics or an experienced expert seeking to master advanced techniques. The idea of devoting 100 days to this field might be revolutionary for people who want to plunge into the dynamic realm of UI/UX design or who want to hone their current abilities.
We’ll be deep-diving into a comprehensive roadmap for designers to follow as a challenge for the next 100 days. There would be courses, links, videos, and images to help you achieve what a design can do to transform in 100 days. So without any further delay, let’s get started with a transforming journey of 100 days to become a better UI/UX designer.
Table of Content
- Foundation (Days 1-30)
- Intermediate (Days 31-60)
- Advanced (Days 61-80)
- Mastery (Days 81-100)