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

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

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

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

Visual Elements of User Interface Design

Курс от California Institute of the Arts
Начальный≈ 13.2 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

This design-centric course provides a structured, visual communications perspective on user interface (UI) creation. Organized into four key pillars, you will progress from foundational interaction concepts to the formal elements of language, shape, color, and typography. From there, you will analyze active navigational components like menus and buttons before mastering the compositional rules of hierarchy and multi-platform design. Through a series of lectures and visual exercises, you will apply these cumulative skills to design a consistent, user-friendly, static screen-based interface.

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

Interaction DesignLayout DesignGraphic DesignUI/UX StrategyUsabilityInformation Architecture

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

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

01Foundational Elements of Interface Design14 материалов

Course and Specialization Overview

Course IntroductionВидеоAbout the course and specializationЧтение

Introduction to User Interface Design

Introduction to Week 1ВидеоWhat is a User Interface?Видео

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

Michael Worthington

Faculty, Program in Graphic Design

Visual Elements of User Interface Design
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 13.2 ч

4 модулей

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

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

Часть программы вашего университета
The Relationship Between UI and UXВидео
Roles in UI/UXВидео
UI/UX and YouDIALOGUE

Interface Conventions

A Brief Historical Overview of Interface DesignВидеоInterface Conventions: TheoryВидеоInterface Conventions: ApplicationВидеоInterface Conventions: ReviewЧтение

Approaches to Screen-based UI

Template vs ContentВидеоAesthetics & FunctionalityВидеоWeek 1 ReviewЗадание
02Formal Elements of Interface Design10 материалов

Introduction and Project Brief

Introduction to Week 2ВидеоDesign Before DesignВидеоProject BriefЗадание

Formal Elements of an Interface

Look and FeelВидеоLanguage as a design toolВидеоColor and ShapeВидеоImageryВидеоTypographyВидеоIconsВидеоWeek 2 ReviewЗадание
03Active Elements of Interface Design13 материалов

Static to Active

Introduction to Week 3Видео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

Week 3 Review & ProjectЗадание
04Composing the Elements of Interface Design10 материалов

Introduction to Week 4

Introduction to Week 4Видео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ВидеоWeek 4 Review & ProjectЗадание

What's Next?

Next StepsЧтение