This course is designed to introduce you to the essential tools and concepts in web design, focusing on Figma, the primary tool for UI/UX design. Mastery of Figma is crucial for anyone starting in web design. You will learn the fundamentals of Visual Design (UI), gaining a solid understanding of User Experience (UX), and the key usability metrics needed to create intuitive and effective user interfaces. Additionally, the course will guide you through the design process, from gathering references to preparing designs for handoff to web developers.
Course Duration: 12 lessons, two lessons per week
Anyone Looking to Master a New Profession
If you're searching for a new career path, considering a profession that offers both satisfaction and good pay, or if you're ready to make a significant life change and pursue a new direction, this course is designed for you.
Beginners Who Want to Learn the Basics of Figma
If you're new to design and want to learn the fundamentals of Figma, one of the most popular design tools for web and app development, this course will equip you with the essential skills to get started.
Anyone with Basic Knowledge of Figma Seeking to Refine Their Skills
If you have some experience with Figma but want to systematize and deepen your understanding of its features, this course will help you structure your knowledge and enhance your design capabilities.
Web Developers Who Want to Understand Design and Collaborate More Effectively
If you're a web developer looking to better understand the design process and improve collaboration with designers, this course will provide insights into design thinking and the tools designers use, helping bridge the gap between design and development.
Anastasia Antropova
Петро Шопін
Працює над комплексними Digital стратегіями.
Займається використанням чат-ботів для бізнесу.
Запускає курси в агентстві ADS Wind
Introduction to Figma Tool
(2 lessons)
• Introduction and basic understanding of the Figma tool
• Actual frame sizes for different types of projects (web, mobile) and mobile OS (iOS, Android). Working with grids. Grids as styles in Figma
• Spacing and its systematic use. Proximity theory and its application in interface design. Vertical rhythm in typography
Fonts and Colors in Design
(4 lessons)
• Fonts and their combinations. Fonts for digital products. Styles and font libraries
• Psychological perception of fonts, text, and reading in interfaces
• Color theory. Color styles, variations, and libraries. Variables for colors
• Web Accessibility and other psychological basics for how users perceive information in interfaces
Design Components and Design Systems
(2 lessons)
• Components: When and why to use them? Approaches to creating components. Icons as components. Figma options for components.
• Design systems. Organizing components in a design system and the primary workspace.
Auto Layouts
(1 lesson)
• Auto layouts: When and where to use them? Combining auto layouts with components
Interface Design Processes and Approaches. Basic Understanding
(3 lessons)
• Searching for references and their systematization. Why and how to use references?
• Market and competitor research, analysis, and data description. Information architecture, user personas, Jobs to be Done, and more
• Wireframes. Conceptualizing ideas. Iterative approach in work. Presenting the work to the client, explaining decisions and approaches.