К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Designing User Interfaces and Experiences (UI/UX) · LearnSpace
Назад в каталог
courseraПрограммирование

Designing User Interfaces and Experiences (UI/UX)

Курс от IBM
Начальный≈ 19.2 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

UI and UX design is a thriving industry with numerous prospects for anyone with the right skills. This course is designed for those who are interested in starting a career in designing UI and UX experiences as well as developers who want to create web and front-end applications. It emphasizes the key concepts, tools, and methodologies used in front-end development. Web and mobile-accessible devices are transforming the world. Nowadays, everyone has a smartphone, tablet, smart TV, and/or laptop, which they use for communication and data searching. Companies are increasingly turning to front-end developers, mobile app developers, and UI/UX designers to assist them in producing user-friendly products. Therefore, it is crucial to provide users with a robust yet intuitive user interface and experience. In this course, you will learn about the best practices of visual design development and identify the differences between well-designed and poor user interfaces. You will explore typography, readability, and colour theory in UI design. You will gain insight into key methodologies in visual design like Responsive Web Design (RWD) and Progressive Web Design (PWD). You will gain exposure to tools like Figma, a collaborative cloud-based app used for interface design. You will discover the steps to set up a Figma account and learn about its configuration. In addition, you will explore the various components, styles, libraries, and layout grids used in Figma that are essential for design. Throughout this course, you will learn through videos, readings, activities, and quizzes designed to teach you the fundamentals of visual web and mobile design and development. You will gain a range of technical and practical knowledge and get insights and guidance from experts in the field. The practical knowledge you will gain from the hands-on labs will further strengthen your base and enable you to perform better. This is a beginner’s course, intended for learners with basic computer operating skills who have a fundamental knowledge of visual design development and are familiar with Figma. To be successful in this course, you should have a basic understanding of User Interface (UI) and User Experience (UX) design as well as website wireframes, familiarity with the different kinds of layouts and tools used for visual design in various devices, and familiarity with the Figma application.

Навыки, которые вы освоите

Responsive Web DesignUser Interface (UI) DesignFigma (Design Software)Design Elements And PrinciplesUI ComponentsDesign ThinkingWireframingUser Interface and User Experience (UI/UX) DesignPrototypingWeb DesignLayout DesignFront-End Web DevelopmentWeb Design and DevelopmentUser Experience DesignTypographyGraphic and Visual DesignWeb ApplicationsApplication DesignUser Centered DesignMobile Development

Программа курса

4 модулей · 73 учебных материалов

01Designing Intuitive Front Ends and Mockup Design Principles23 материалов

Welcome

Course IntroductionВидеоCourse OverviewЧтениеHow to make the most out of this courseЧтение

Introduction to Design

What is Design and UI/UX? Видео

Учитесь у экспертов

IBM Skills Network Team

Преподаватель курса

Designing User Interfaces and Experiences (UI/UX)
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 19.2 ч

4 модулей

Язык: Английский

Субтитры: Арабский, Французский, Бенгальский, Узбекский, Украинский, Китайский (Китай), Греческий, Итальянский, Бразильский португальский, Вьетнамский, Нидерландский, Корейский, Немецкий, Пушту, Урду, Русский, Тайский, Индонезийский, Шведский, Турецкий, Азербайджанский, Испанский, Дари, Хинди, Японский, Казахский, Венгерский, Польский

Часть программы вашего университета
Importance of UI/UXВидео
Design ThinkingВидео
UX Design and StrategiesВидео
Wireframing and PrototypingВидео
Design Methodologies and ApproachesВидео
Visual Design Principles in UI DesignВидео
UI Design in FigmaВидео
Key qualifications and certifications required Чтение
Reading: Beginner’s Guide to Design ThinkingPLUGIN
Practice Quiz: Introduction to DesignЗадание

Mockup Design Concepts

Designing a User InterfaceВидеоTypography, Readability, and Color Theory in UI DesignВидеоBest Practices in UI Design for Web and MobileВидеоDo’s and Don’ts of Mockup Design ЧтениеHands-on Lab: Create a Mockup Design for a Website using Draw.ioPLUGINPractice Quiz: Mockup Design ConceptsЗадание

Module 1 Summary, Assessment and Discussion

Module 1 Summary: Designing Intuitive Front Ends and Mockup Design PrinciplesЧтениеModule 1 Graded Quiz: Designing Intuitive Front Ends and Mockup Design PrinciplesЗаданиеIntroduce yourselfОбсуждение
02Web Design Methodologies20 материалов

Responsive Design

Introduction to Responsive Web Design (RWD) ВидеоMobile First Design ВидеоAdaptive Layouts and Fluid Layouts ВидеоWorking with Media QueriesВидеоResponsive Web Design Best PracticesВидеоCross Device Validation and TestingВидеоReading: Best Practices for Mobile-First DesignPLUGINHands-on Lab: View in Responsive and Nonresponsive in Emulator PLUGINPractice Quiz: Responsive DesignЗадание

Progressive Web Development (PWD)

Introduction to Progressive Web Development ВидеоProgressive Web Development Technologies ВидеоSingle Page Applications (SPA)  ВидеоService Worker, Push Notifications and Caching ВидеоConverting Existing App to PWA ВидеоProgressive Web Applications in ActionВидео

Module 2 Summary and Assessment

Module 2 Summary: Web Design MethodologiesЧтениеModule 2 Graded Quiz: Web Design MethodologiesЗадание
03UI Design with Figma18 материалов

Figma Introduction

What is Figma?ВидеоEssential Concepts of Figma ВидеоSetup and Configure FigmaВидеоImages, Shapes, and Tools ВидеоGetting Started with Figma and its FeaturesВидеоHands-on Lab: Getting started with FigmaPLUGINReading: Figma's Guide to Collaboration and Sharing PrototypesPLUGINPractice Quiz: Figma IntroductionЗадание

Intermediate Figma

Working with FigmaВидеоGetting Started with Components ВидеоStyles and Libraries in Figma ВидеоCards and Layout Grids in Figma ВидеоHands-on Lab: Design a landing page for a travel website using Figma PLUGINReading: Leveraging Figma: From Design to Code FeaturesPLUGIN

Module 3 Summary and Assessment

Module 3 Summary: UI Design with FigmaЧтениеModule 3 Graded Quiz: UI Design with FigmaЗадание
04Final Project and Assessment12 материалов

Final Project

Final Project OverviewPLUGINHands-On Lab: Building a Sales App with Figma's Interactive Design ToolsPLUGINGetting started with Thunkable and its featuresВидеоHands-on Lab: Thunkable-UI from Hand Drawn ImagesPLUGIN

(Optional) Final Project Enhancement: Design a sales application with Figma and Thunkable

About the Practice ProjectPLUGINFinal Project Enhancement: Scenario and Self Evaluation CriteriaPLUGINFinal Project Enhancement: Sales App using FigmaPLUGINFinal Project Enhancement: Sales Applusing ThunkablePLUGIN

Final Assessment

Final QuizЗадание

Course Wrap-up

Useful UI/UX Resources and ReferencesЧтениеCongratulations and Next StepsЧтениеThanks from the Course TeamЧтение
No Code & Low Code ToolsВидео
Hands-on Lab: Design a Progressive Web AppВнешний инструмент
Practice Quiz: Progressive Web Development (PWD)Задание
Reading: Leveraging AI-Driven Features and PluginsPLUGIN
Practice Quiz: Intermediate FigmaЗадание