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

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

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

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

Learn UI Design

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

О курсе

This massive UI design course teaches you to build beautiful and well-functioning user interfaces using HTML and CSS. It's filled with interactive tutorials to ensure that the knowledge sticks with you. Created by Gary Simon, the most popular online instructor on this subject. While we can all clearly recognize what a great user interface looks like, it's actually really hard to build one! That's exactly what this course is all about. In it, Gary Simon will turn you into a UI design master. He'll teach you UI design from the ground up, and give you the skills you need to make sure that your next project both looks good and feels good to use.
 
It starts from the very basics, so you don't need any UI design experience to join, just basic HTML and CSS skills.


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

Responsive Web DesignCascading Style Sheets (CSS)Hypertext Markup Language (HTML)User Interface (UI) DesignDesign Elements And PrinciplesAnimationsGraphic and Visual DesignLayout DesignColor TheoryUser Interface (UI)MaintainabilityHTML and CSSUser Experience DesignWeb Design and DevelopmentUsabilityWeb Design

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

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

01Course Introduction5 материалов

Course Introduction

Welcome to interactive lessons!PLUGINWho I am, What we'll Learn & PrerequisitesPLUGINSubjectivity vs. ObjectivityPLUGINTools to UsePLUGIN

Course Introduction Quiz

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

Gary Simon

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

Learn UI Design
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 12.8 ч

12 модулей

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

Часть программы вашего университета
Course Introduction QuizЗадание
02UI Design Fundamentals15 материалов

UI Design Fundamentals

IntroductionPLUGINWhite SpacePLUGINAlignmentPLUGINDesign Challenge: 1PLUGINContrastPLUGINScalePLUGINDesign Challenge: 2PLUGINTypographyPLUGINColorPLUGINDesign Challenge: 3PLUGINVisual HierarchyPLUGINDesign Challenge: 4PLUGINThe Final ChallengePLUGINWrapping UpPLUGIN

UI Design Fundamentals Quiz

UI Design Fundamentals QuizЗадание
03Building a Simple Layout8 материалов

Building a Simple Layout

Building a simple layout - introPLUGINKeeping it Ultra SimplePLUGINMaking our Layout DarkPLUGINChallenge 1PLUGINMulti-ColumnsPLUGINWorking with PhotographsPLUGINFinal Chapter LessonPLUGIN

Building a Simple Layout Quiz

Building a Simple Layout QuizЗадание
04Responsive Design10 материалов

Responsive Design

IntroductionPLUGINDefining the HTMLPLUGINMobile First CSS (Part 1)PLUGINMobile First CSS (Part 2)PLUGINMobile First CSS (Part 3)PLUGINResponsive Design (Part 1)PLUGINResponsive Design Challenge 1PLUGINFinishing UpPLUGINFinal Chapter ChallengePLUGIN

Responsive Design Quiz

Responsive Design QuizЗадание
05Responsive Navigations9 материалов

Responsive Navigations

Introduction to responsive navigationsPLUGINWriting the HTML (real)PLUGINMobile CSS (Part 1)PLUGINMobile CSS (Part 2)PLUGINResponsive CSS (Challenge 1)PLUGINMaking the Mobile Menu WorkPLUGINAnimating the Mobile MenuPLUGINSub Menu Design ChallengePLUGIN

Responsive Navigations Quiz

Responsive Navigations QuizЗадание
06Full Project Refactoring8 материалов

Full Project Refactoring

Project Refactoring: Introduction & Defining the HTMLPLUGINFixing the Color & ContrastPLUGINFixing the Type & Visual HierarchyPLUGINFixing White SpacePLUGINInitial Media QueriesPLUGINTablet Media QueriesPLUGINDesktop Media QueryPLUGIN

Full Project Refactoring Quiz

Full Project Refactoring QuizЗадание
07Tea UI Design Project10 материалов

Tea UI Design Project

The TeaPlace landing page challengePLUGINDefining the HTMLPLUGINChallenge 1: Mobile UI DesignPLUGINChallenge 1: My Solution (Mobile Header & Navigation)PLUGINChallenge 1: My Solution (Completing the Mobile Design)PLUGINChallenge 2: Tablet ChallengePLUGINChallenge 2: My SolutionPLUGINChallenge 3: Desktop DesignPLUGINChallenge 3: My SolutionPLUGIN

Tea UI Design Project Quiz

Tea UI Design Project QuizЗадание
08Shadows7 материалов

Shadows

Shadows 101PLUGINDrop Shadow Playground SetupPLUGINChallenge 1: Hard & Soft Drop ShadowsPLUGINChallenge 2: Using Shadows to Define ContainersPLUGINChallenge 3: Colored ShadowsPLUGINQuick Tip: Multi-Layered ShadowsPLUGIN

Shadows Quiz

Shadows QuizЗадание
09Gradients7 материалов

Gradients

IntroductionPLUGINChallenge 1: Basic GradientPLUGINChallenge 2: Button GradientPLUGINChallenge 3 Setup HTML & CSSPLUGINChallenge 3: Card GradientsPLUGINChallenge 4: Card Gradients (Light Variation)PLUGIN

Gradients Quiz

Gradients QuizЗадание
10Forms8 материалов

Forms

Forms 101PLUGINHTML Form SetupPLUGINCSS Form Setup (Progress Design)PLUGINChallenge 1: Form Design CSSPLUGINChallenge 2: Responsive Form DesignPLUGINChallenge 3: Radio ButtonsPLUGINChallenge 4: CheckboxesPLUGIN

Forms Quiz

Forms QuizЗадание
11UI Animation6 материалов

UI Animation

IntroductionPLUGINDefining the HTMLPLUGINDefining the Initial CSS for MobilePLUGINChallenge 1: Responsive DesignPLUGINChallenge 2: A Simple HoverPLUGIN

UI Animation Quiz

UI Animation QuizЗадание
12Final Project16 материалов

Final Project

Project IntroductionPLUGINDefining the HTMLPLUGINDefining the HTML (Part 2)PLUGINDefining the Navigation CSSPLUGINDefining the Hero Section CSS (Part 1)PLUGINDefining the Hero Section CSS (Part 2)PLUGINDefining the Features SectionPLUGINFinishing the Mobile CSSPLUGINChallenge: Small Tablet Responsive DesignPLUGINChallenge: Desktop Responsive DesignPLUGINChallenge: Testimonials on DesktopPLUGINDefining the Sub Page HTMLPLUGINChallenge: Style the Sub PagePLUGINChallenge: Animating the UIPLUGINBonus: Pattern Libraries, Style Guides & Design Systems 101PLUGIN

Final Project Quiz

Final Project QuizЗадание