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

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

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

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

UX: Visual Design Process

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

О курсе

This course features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. In this course, you’ll dive deep into the fundamentals of visual design and explore the various aspects that make up exceptional user experiences. From the elements and principles of design to advanced prototyping techniques, you will learn how to apply these principles in real-world projects, creating designs that are both aesthetically pleasing and functional. The course progresses through key stages of the visual design process, starting with a strong foundation in art and design principles. As you move on, you will explore handling feedback as a UX designer, how to create and refine wireframes, and how to master typography for effective user engagement. Through practical exercises, you’ll also learn how to use tools like Adobe XD and Figma for prototyping and collaborate effectively with developers. This course is designed for aspiring UX designers and professionals looking to enhance their design skills. With a mix of theory and hands-on practice, you’ll acquire the tools needed to create cohesive designs and confidently present them to stakeholders, making you a well-rounded designer.

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

PrototypingWireframingAdobe XDVisual DesignColor TheoryLayout DesignTypographyFigma (Design Software)Design Elements And PrinciplesInteractive DesignDesign ReviewsUser Experience DesignOral ExpressionGraphic and Visual DesignUser ExperienceResponsive Web DesignGraphic and Visual Design Software

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

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

01Visual Design Foundations8 материалов

Visual Design Foundations

Full Course ResourcesЧтениеThe Elements and Principles of Art and DesignВидеоLine, Shape, and FormВидеоSpace and TextureВидео

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

Packt - Course Instructors

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

UX: Visual Design Process
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 18.9 ч

18 модулей

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

Субтитры: Казахский

Часть программы вашего университета
Value and ColorВидео
Balance and HarmonyВидео
Emphasis, Variety, and ProportionВидео
Movement and RhythmВидео
02Handling Feedback as a UX Designer9 материалов

Handling Feedback as a UX Designer

The Importance of Handling Feedback WellВидеоThe Challenges of Handling FeedbackВидеоTypes of FeedbackВидеоRequesting FeedbackВидеоGetting into the Right MindsetВидеоReceiving FeedbackВидеоActing on FeedbackВидеоHandling UX Design FeedbackDIALOGUEHandling Feedback as a UX Designer - AssessmentЗадание
03Receiving UX Feedback by Example5 материалов

Receiving UX Feedback by Example

Receiving Constructive FeedbackВидеоReceiving Non-Constructive FeedbackВидеоReceiving Prescriptive FeedbackВидеоHandling UX Design FeedbackDIALOGUEReceiving UX Feedback by Example - AssessmentЗадание
04Collecting Design Inspiration3 материалов

Collecting Design Inspiration

Sites and Tools for Collecting InspirationВидеоExploring Web Design InspirationDIALOGUECollecting Design Inspiration - AssessmentЗадание
05Introduction to Wireframing19 материалов

Introduction to Wireframing

What Are Wireframes?ВидеоBenefits of WireframingВидеоTypes of WireframesВидеоHow Wireframes Are UsedВидеоHand-Drawn WireframesВидеоDemonstration of Wireframing on PaperВидеоTips and ToolsВидеоSharing and Getting FeedbackВидеоThe Pros and Cons of Wireframing on PaperВидеоWireframing in BalsamiqВидеоDemonstrating Wireframes in BalsamiqВидеоSharing and Getting Feedback in BalsamiqВидеоPros and Cons of Wireframing in BalsamiqВидеоMaking Wireframes in Adobe XDВидеоDemonstrating Wireframes in Adobe XDВидеоSharing and Getting Feedback in Adobe XDВидеоThe Pros and Cons of Wireframing in Adobe XDВидеоExploring WireframesDIALOGUEIntroduction to Wireframing - AssessmentЗадание
06Practice Sketching4 материалов

Practice Sketching

ProblemВидеоSolutionВидеоDesigning a User-Centered Sketching App InterfaceDIALOGUEPractice Sketching - AssessmentЗадание
07Practice Wireframing4 материалов

Practice Wireframing

ProblemВидеоSolutionВидеоDesigning a Wireframe for a Sketching AppDIALOGUEPractice Wireframing - AssessmentЗадание
08Typography for Designers23 материалов

Typography for Designers

What Is Typography?ВидеоHow Typography Affects the User ExperienceВидеоTypography TerminologyВидеоDifferent Types of TypeВидеоPrint vs. DigitalВидеоPrint vs. DigitalВидеоConsider the Use CaseВидеоHow to Choose a Text Typeface for the WebВидеоHow to Choose a Display TypefaceВидеоFont Weights, Styles, and SizesВидеоHorizontal Space, Measure, and MarginsВидеоVertical Space, Line Height, and Vertical RhythmВидеоIntroducing Typographic HierarchyВидеоTypographic Hierarchy: Style, Weight, Size, and PositionВидеоTypographic Hierarchy: Caps and ColorВидеоLayout TreatmentsВидеоCombining TypefacesВидеоResponsive TypographyВидеоMore Grid SystemsВидеоVariable FontsВидеоThe Fine DetailsВидеоExploring TypographyDIALOGUETypography for Designers - AssessmentЗадание
09Before and After: Typography4 материалов

Before and After: Typography

Typography BeforeВидеоTypography AfterВидеоPracticing Typography in FigmaDIALOGUEBefore and After: Typography - AssessmentЗадание
10Designing Layouts7 материалов

Designing Layouts

Spelling, Grammar, and Title CasingВидеоHeaders and LabelsВидеоTypography and HierarchyВидеоUsing a GridВидеоColors and ContrastВидеоImproving Web Copy and DesignDIALOGUEDesigning Layouts - AssessmentЗадание
11Creating Mockups8 материалов

Creating Mockups

Introduction to MockupsВидеоThe Purpose of MockupsВидеоPreparing to Make MockupsВидеоMaking MockupsВидеоEfficiency TipsВидеоSharing MockupsВидеоCreating and Evaluating MockupsDIALOGUECreating Mockups - AssessmentЗадание
12Before and After: Color4 материалов

Before and After: Color

Color BeforeВидеоColor AfterВидеоImproving Color Use in UI DesignDIALOGUEBefore and After: Color - AssessmentЗадание
13Before and After: Layout4 материалов

Before and After: Layout

Layout BeforeВидеоLayout AfterВидеоRedesigning a Classroom App LayoutDIALOGUEBefore and After: Layout - AssessmentЗадание
14Prototyping with Adobe XD13 материалов

Prototyping with Adobe XD

Why Prototype in Adobe XDВидеоThe Adobe XD InterfaceВидеоNavigating the WorkspaceВидеоDrawing ShapesВидеоAdding ImagesВидеоAdding TextВидеоLayers and Repeat GridsВидеоAdding ArtboardsВидеоCreating New ScreensВидеоAdding Interactivity to PrototypesВидеоSharing DesignsВидеоPrototyping with Adobe XDDIALOGUEPrototyping with Adobe XD - AssessmentЗадание
15Prototyping with Figma12 материалов

Prototyping with Figma

Why Prototype in FigmaВидеоProject SetupВидеоNavigating the CanvasВидеоArranging Design ElementsВидеоReusing Designs with ComponentsВидеоDrawing with ShapesВидеоDrawing Curved LinesВидеоFinishing the InterfaceВидеоAdding Interactivity to PrototypesВидеоSharing DesignsВидеоPrototyping User Interfaces with FigmaDIALOGUEPrototyping with Figma - AssessmentЗадание
16Practice Prototyping4 материалов

Practice Prototyping

ProblemВидеоSolutionВидеоBuilding Interactive Prototypes in Adobe XDDIALOGUEPractice Prototyping - AssessmentЗадание
17Collaborating with Developers5 материалов

Collaborating with Developers

Intro to Collaborating with DevelopersВидеоCommunicating for DevelopmentВидеоFinal Design HandoffВидеоDesign Handoff for DevelopersDIALOGUECollaborating with Developers - AssessmentЗадание
18Presenting Design Ideas10 материалов

Presenting Design Ideas

Know Your AudienceВидеоSet Expectations and GoalsВидеоState the Problem and GoalsВидеоResearch the ProblemВидеоSolving the ProblemВидеоTimeline and Next StepsВидеоFeedbackВидеоPresenting Design Ideas - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание