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

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

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

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

Visual Design & Assets

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

О курсе

Learn how to create visually effective and accessible interface designs by applying core visual design principles used in modern UI development. In this course, you’ll analyze color combinations to ensure they meet accessibility standards, apply established brand color palettes to maintain visual consistency, and use color harmony principles to build balanced and aesthetically pleasing interfaces. You’ll also practice applying design elements such as line, shape, and color to create visual assets that align with an established style guide and communicate system status and user feedback clearly. As you progress, you’ll explore how visual components come together to form cohesive interface structures and learn how generative AI can assist in drafting microcopy and placeholder text for UI mockups. Instruction from partners including Microsoft, Coursera, and the California Institute of the Arts provides diverse perspectives on accessibility, visual systems, and interface composition. Some activities may use web-based tools and accessibility checkers as part of the design workflow. This course is ideal for aspiring UX/UI designers, product designers, and digital creators who want to strengthen their visual design and interface asset creation skills.

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

Design Elements And PrinciplesWireframingInteractive DesignStyle GuidesFigma (Design Software)User Interface (UI) DesignWeb Content Accessibility GuidelinesMockupsColor TheoryInteraction DesignUI ComponentsTypographyColor MatchingGraphic and Visual DesignGenerative AIUser Experience Design

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

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

01Start Here: Get Oriented and Check Your Skills2 материалов
Start Here: How This Skill-Based Course WorksЧтениеSkill Diagnostic: Find Your Recommended Starting PointЗадание
02Accessibility and Inclusive Design15 материалов

Introduction to inclusive design

Introduction: Accessibility and inclusive designВидео

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

Professionals from the Industry

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

Visual Design & Assets
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 21 ч

10 модулей

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

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

Часть программы вашего университета
What is inclusive design?Чтение
The business case for inclusive designВидео
Exploring inclusive design through real-world examplesЧтение
Inclusive designЗадание

Understanding accessibility needs

A day in the life of a user with visual impairmentsВидеоEnsuring readability: Using a color contrast checker toolВидеоActivity: A case study of inclusive designЗаданиеUnderstanding accessibility needsЗадание

Web Content Accessibility Guidelines (WCAG)

Web Content Accessibility Guidelines (WCAG) overviewЧтениеWCAG success criteria for beginnersВидеоWCAG 2.2 at a glanceЧтениеPractical application of WCAGВидеоActivity: WCAG challengeЗаданиеWeb Content Accessibility Guidelines (WCAG)Задание
03From Low-Fidelity to High-Fidelity Design16 материалов

Introduction and Project Overview

Setting Up Your Figma WorkspaceВидеоA Guide to the Greenleaf Grocers ProjectЧтение

Design Systems and Visual Design Principles

The Power of Design Systems in Sustainable Product DesignВидеоUnderstanding Design Systems and Visual Design PrinciplesЧтениеCreating a Design System in FigmaВидеоActivity: GreenLeaf Grocers Design System DevelopmentЧтениеDesign Systems and Visual Design PrinciplesЗадание

Responsive Design for Multiple Devices

The Impact of Responsive Design on User EngagementВидеоMastering Responsive Design in FigmaЧтениеCreating Responsive Designs in FigmaВидеоActivity: GreenLeaf Grocers Responsive DesignЧтениеResponsive Design Principles and TechniquesЗадание

Creating High-Fidelity Designs

The Journey from Wireframes to High-Fidelity DesignsВидеоTransitioning from Low-Fidelity to High-Fidelity DesignЧтениеCreating High-Fidelity Mockups in FigmaВидеоActivity: Greenleaf Grocers High-Fidelity MockupsЧтение
04Skills Assessment 13 материалов

Lesson

Practice for Accessible Brand-Aligned UI UpdatesЗаданиеLearner Expectations for AssessmentЧтениеCheckpoint 1 of 3 - Accessible Brand-Aligned UI UpdatesЗадание
05Formal Elements of Interface Design8 материалов

Formal Elements of an Interface

Look and FeelВидеоLanguage as a design toolВидеоColor and ShapeВидеоImageryВидеоTypographyВидеоIconsВидео

Introduction and Project Brief

Design Before DesignВидеоProject BriefЧтение
06Active Elements of Interface Design12 материалов

Static to Active

Static to ActiveВидеоFunctionalityВидеоTry it Yourself: Define the InteractionЧтение

Composing Interaction

Speed and StyleВидеоComposition and StructureВидеоPattern LibrariesЧтение

Points of Interaction

ButtonsВидеоDesigning Better ButtonsЧтениеNot ButtonsВидеоStates and ChangesВидеоTry it Yourself: Examine an interfaceЧтение

Create a Sample Pattern Library

Create a Sample Pattern LibraryВзаимная проверка
07Skills Assessment 23 материалов

Lesson

Practice for Bottom Navigation Icon DesignЗаданиеLearner Expectations for AssessmentЧтениеCheckpoint 2 of 3 - Bottom Navigation Icon DesignЗадание
08Composing the Elements of Interface Design9 материалов

Introduction

Invisible Complexity: Making a Whole from Many PartsВидео

Hierarchy and Composition

Hierarchy of ContentВидеоConventions and ExpectationsВидеоTry it yourself: UI InventoryЧтениеStructure and GridsВидеоPlatforms and Screen SizesВидео

Putting it all together

Putting it All Together: Slice 'n' DiceВидеоDesign Critique: Review of Example SubmissionsВидеоSketch Your Static InterfaceВзаимная проверка
09AI-Driven Prototyping and Conversational UX13 материалов

Building Wireframes and Prototypes Using Generative AI

Interactive UI Wireframing with AI-Driven DetailingВидеоConverting User Stories into UI Screens with AI AssistanceВидеоReading: Efficiency Versus Creativity in AI-Enhanced UI DesignPLUGINLab: Create AI-Powered Expense Tracking App Using User StoriesPLUGINRapid Prototyping Using Text PromptsВидеоLab: Build an Interactive UI Prototype Using AI PromptsPLUGINBuilding Wireframes and Prototypes Using Generative AIЗадание

Designing Conversational Interfaces with Generative AI

Fundamentals of Conversational UX ElementsВидеоPrototyping Conversational Flows with AI PromptsВидеоReading: Building Emotionally Intelligent Bot Responses with AIPLUGINLab: Simulate and Test a Conversational Voiceflow for a Booking Assistant PLUGINDesigning Conversational Interfaces with Generative AIЗадание

Summary

Summary and Highlights: AI-Driven Prototyping and Conversational UXЧтение
10Skills Assessment 33 материалов

Lesson

Practice for Generative AI for UX WritingЗаданиеLearner Expectations for AssessmentЧтениеCheckpoint 3 of 3 - Generative AI for UX WritingЗадание