Introduction to Web Design (UI/UX)

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

Подати заявку

WHO IS THIS COURSE FOR?

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. 

Instructors

Anastasia Antropova

Петро Шопін

Працює над комплексними Digital стратегіями.
Займається використанням чат-ботів для бізнесу.
Запускає курси в агентстві ADS Wind

Modules

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.


Готові розпочинати?

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.