Дизайнер интерфейсов от Яндекс Практикум

    Яндекс Практикум
    Стоимость курса
    136 000 Р
    Рассрочка
    от 6 995 Р в месяц
    Длительность
    9 месяцев
    Сертификат
    Да
    Начало курса
    13 мая 2024
    Трудоустройство
    Содействие

    Кому подойдет

    • Людям без опыта в дизайне
    • Тем, кто самостоятельно изучает дизайн
    • Специалистам из смежных IT-областей или сфер дизайна

    Чему Вы научитесь

    • Исследовать конкурентов, целевую аудиторию и её привычки
    • Формулировать и проверять гипотезы с помощью разных типов исследований
    • Продумывать пользовательские сценарии, делать интерфейс интуитивно понятным
    • Проектировать визуальную часть интерфейсов для разных устройств и операционных систем
    • Делать анимированные прототипы и тестировать с пользователями свои решения
    • Презентовать идеи заказчику, передавать проекты в разработку

    Программа обучения

    Каково это — быть дизайнером

    Что такое дизайн интерфейсов

    Зачем нужен дизайн, какие бывают дизайнеры. Хард- и софтскилы дизайнера интерфейсов. Основные инструменты. Какими бывают интерфейсы.

    Зачем пользователю сценарий

    Пользователь и его сценарий. Точка входа, целевое действие, СТА-кнопка. Паттерны. Принципы юзабилити.

    Как хаос становится порядком

    Как устроен сайт. Визуальная иерархия и консистентность. Сквозные элементы. UI-кит.

    На что смотрит пользователь

    Навигация. Композиция и сетка. Правило близости.

    Что делает интерфейс заботливым

    Кнопки и другие кликабельные элементы на странице. Хлебные крошки. Анимация: лоадеры, прогресс-бары.

    Как проектировать форму

    Корзина, а не ловушка. Подсказки для пользователя: плейсхолдер, тултип, маска, контекстные подсказки.

    Аудитория и визуальная коммуникация

    Основы Figma

    Интерфейс, фреймы, навигация. Плагины в Figma.

    Визуальная коммуникация

    Простые сообщения: знаки и указатели. Как целевая аудитория влияет на коммуникацию. Декодирование. Что мешает передаче сообщения.

    Целевая аудитория

    Портрет и признаки целевой аудитории. Определяем аудиторию, уточняем портрет.

    Насмотренность

    Где искать вдохновение. Как прокачать насмотренность. Режим исследователя. Как анализировать чужие работы. Референсы.

    Мудборд

    Что такое мудборд и зачем он нужен. Как собирать мудборд.

    Композиция и сетки

    Композиция

    Визуальная иерархия. Якорные объекты. Доминанта и композиционный центр. Как сделать объект доминантой. Целостность. Статика и динамика.

    Сетки в дизайне

    Модульная вёрстка. Модульные сетки. Из чего состоит сетка. Сетка как инструмент ритма. Базовая единица. Настройка колоночной сетки. Сетки в Figma. Алгоритм работы с сетками.

    Аргументация решений

    Как отстоять макет перед арт-директором, заказчиком, разработчиком.

    Основы типографики и работа с текстом

    Гарнитуры и шрифты

    Шрифты текстовые и акцидентные. Шрифтовые пары. Откуда брать шрифты.

    Как сверстать текст

    Гигиена текста. Интерлиньяж и длина строки. Выравнивание. Базовые элементы и иерархия. Как упорядочить стили.

    Работа с заказчиком

    Техническое задание. Бриф. Что делать, если информации мало.

    Работа с цветом и изображениями

    Цвет

    Характеристики цвета. Цветовые пространства. Цветовой круг Иттена. Контрастность. Фон и акцент. Читаемость. Готовые палитры.

    Работа с изображениями в Figma

    Поиск и подготовка изображений. Цветокоррекция и работа с изображениями в Figma.

    Исследование аудитории

    Пользовательские сценарии

    Дизайнер как сценарист. Точка входа и призыв к действию. Типы сценариев. Экстренный сценарий. Длина сценария. Как продумать и записать сценарий. Сценарии в Figma. Блок-схемы.

    Юзабилити

    Что такое юзабилити. Эвристики Нильсена. 6 способов улучшить юзабилити.

    Гипотезы

    Мнения, факты, гипотезы. Гипотезы о настоящем и гипотезы о будущем. Общий фреймворк работы с гипотезами.

    Типы исследований

    Глубинное интервью. Юзабилити-тестирование. Коридорное тестирование. Как обрабатывать данные.

    Проектирование интерфейса

    Гайдлайны iOS и Android

    Зачем нужны паттерны. Material Design: гайдлайны Android. Human interface guidelines: гайдлайны iOS. Гайдлайны и разработка.

    Проектирование интерфейса для разных платформ

    Паттерны и элементы на iOS и Android: сходства и различия. Кастомизация приложений. Алгоритм проектирования мобильного приложения.

    Вайрфреймы

    Зачем нужен вайрфрейм. Каким должен быть вайрфрейм.

    Автолейауты

    Возможности Auto layout. Как добавить и настроить Auto layout. Auto layout в действии. Практика по автолейаутам. Структурируем экран приложения.

    Анимация, иконки и работа с UI-китом

    Взаимодействие с разработкой

    Как передать макет разработчику. Хард- и софтскилы.

    UI-кит

    UI-кит и дизайн-система: в чём разница. UI-кит и атомарный дизайн. Что входит в UI-кит. Стили и компоненты.

    Иконки

    Системные и коммуникационные иконки. Паки с иконками. Работа с иконками. Проектирование иконок: сетка. Оптическая компенсация и выравнивание. Как нарисовать иконку в Figma.

    Анимация в интерфейсе

    Прототипирование и анимация. Скролл. Smart animate. Изинги. Параллакс. Интерактивные компоненты.

    Визуальный дизайн и принципы адаптивности

    Адаптивный дизайн

    Что такое адаптивный дизайн и зачем это нужно. Responsive Web Design (RWD). Адаптив или респонсив: что выбрать дизайнеру. Адаптивность и размеры устройств. Mobile First.

    Как адаптировать интерфейсы

    Как подобрать сетку для адаптива. Основные принципы адаптивного дизайна. Контент на десктопе, планшете и смартфоне. Фреймворки и адаптивный дизайн.

    Адаптив сайтов со сложными элементами

    Фото и типографика. Таблицы. Формы и другие элементы.

    Adobe Photoshop для задач дизайнера интерфейсов

    Подготовка фотоматериалов для интерфейсов, получение консистентного вида изображений внутри интерфейса, проектирование эффектных визуализаций для коммуникационных сайтов.

    Работа в продукте

    Что такое продукт и как с ним взаимодействовать

    Что такое цифровой продукт, какие роли и фреймворки работы есть в продуктовой команде, какие бывают этапы работы над продуктом.

    JTBD

    User Stories и Job Stories.

    Бизнес-эмпатия

    Роль дизайна в бизнесе. Морально-этические дилеммы. UX и CX. Продуктовые метрики: как с ними работать. Продуктовые задачи.

    Количественные исследования

    Опросы. Как работают Яндекс Метрика и Google Analytics. Как обрабатывать данные после опроса.

    UX-копирайтинг

    UX-копирайтинг

    Дизайнер, пользователь и текст для интерфейса. Tone of Voice и как его найти. Виды отображения текста. Синтаксис. Сообщения. Пустые состояния. Плейсхолдеры. Работа с UX-редактором.

    Гигиена текста

    Как сформировать структуру в тексте, определить главное в общем массиве. Частые штампы, которых стоит избегать. Как помочь себе соблюдать правила орфографии и пунктуации.

    Работа с заказчиком

    Как питчить дизайн-идеи, решать сложные ситуации, о чём важно договариваться. Из чего складывается стоимость работы дизайнера, как продвигать себя и искать клиентов.

    Визуализация данных

    Что такое таблица

    Анатомия таблицы, типы данных, адаптив таблиц, вёрстка таблиц

    Представление информации

    Виды визуализации данных, дизайн данных, графики и диаграммы

    Доступный дизайн

    Accessibility, WSAG, потребности пользователей с ОВЗ, нозологии, инструменты доступности

    Продвинутые фичи Figma / Мир бизнеса

    Продвинутые фичи Figma

    Переменные и темы внутри макетов, прототипирование с помощью переменных и условий. Как упростить и ускорить работу с помощью плагинов. Адаптирование страниц с помощью автолейаутов.

    Цели бизнеса

    Как задачи влияют на итоговые цели бизнеса, как разные метрики влияют на цели, какая цена реализации отдельных задач.

    Adobe After Effects

    Основы Adobe After Effects

    Как делать анимацию для проектов, чтобы выделиться на фоне конкурентов, усилить визуальную коммуникацию и более ясно доносить идеи визуальным языком

    Собираем MVP на Tilda

    Основы работы на Tilda

    Сборка сайтов без участия разработчика. Тестирование воронки продаж и тестирование спроса в крупных компаниях. Сборка сайта в Tilda по макету из Figma.

    Дипломный проект

    Ближе к концу обучения вы почувствуете, в какой роли видите себя в будущем и что вам интересно: UX, UI или исследования. Поэтому у вас будет возможность выбрать тему дипломной работы. Каждая спроектирована так, чтобы вы показали свои навыки в полной мере и сделали актуальный проект — как для себя, так и для рынка.

    Фриланс-трек

    Цель программы — помочь студенту выйти на рынок фриланса максимально конкурентоспособным и подготовленным. Вы научитесь вести коммуникацию с заказчиком, формировать стоимость первых работ, оформлять социальные сети, защищать себя от недобросовестных клиентов.

    Карьерный трек

    Здесь наша команда HR-экспертов поможет подготовить всё необходимое для эффективного поиска работы. Вы научитесь составлять резюме, писать сопроводительные письма, а также проходить собеседования. Вам предстоит проделать весь путь: от поиска вакансий и первого тестового задания до интервью и приглашения на работу.

    Отзывы о школе 7

    4.3 из 5
    5
    0
    1
    1
    0
    Сортировать:
    Дате публикации
    • Дата публикации
    • Популярности
    • Сначала положительные
    • Сначала отрицательные
    • Константин 12 октября 2023

      Мои полгода обучения в Яндекс Практикуме оказались весьма впечатляющими, прежде всего благодаря высокому качеству программы и ее тщательной проработке. Важно отметить, тренажер, который предоставляют на курсе. Он обладает хорошо структурированным сценарием и высоким уровнем геймификации, что значительно облегчает освоение информации. Здесь мы не просто пересказываем теорию, а погружаемся в ситуации, анализируем поведение виртуальных коллег, разбираем проблемы и находим решения. Одним из замечательных аспектов программы является ее обширное покрытие всех необходимых тем и вопросов, которые студент должен овладеть. Кроме того, наставники акцентируют внимание на практических заданиях, проводимых онлайн в ходе еженедельных воркшопов и вебинаров, что способствует развитию реальных навыков. Особой чертой данного курса и комьюнити его студентов является возможность работать в команде. Во время обучения мы не просто учимся, но и находим новых друзей, создавая тесные связи с однокурсниками. Еще одной фантастической особенностью обучения является карьерный модуль в конце курса. Здесь нам не только рассказывают о том, как написать эффективное резюме и куда его отправлять, но и предоставляют возможность практического сотрудничества с опытными специалистами, которые помогают улучшить наше резюме, подготовиться к собеседованиям и многое другое. Они обеспечивают реальную поддержку и помощь при поиске работы и продвижении по карьерной лестнице. Я действительно поражен высоким качеством обучения в Яндекс Практикуме и всеми преимуществами, которые он предлагает. Этот курс является превосходным выбором для тех, кто стремится получить качественное и практическое образование в области, связанной с программированием и разработкой.

      Был ли отзыв полезен?
    • Анатолий 8 августа 2023

      Приветствую всех! Недавно приобрел курс "Аналитик данных" от Яндекс Практикума, и пока ни капли сожаления не испытывал. Выбор пал на данную платформу по следующим основаниям: 1. Отсутствие навязчивой рекламы со стороны блогеров на YouTube 2. Знакомые стартаперы, которые уже прошли другие программы Практикума и остались очень удовлетворены результатами 3. Отсутствие причин усомниться в надежности такой компании как Яндекс Курс организован по модулям, каждый из которых длится две недели. Предоставляется достаточно теоретических материалов, но и практической составляющей еще больше. Хотелось бы отметить профессионализм команды разработчиков курса и их умение доступно разъяснять сложные вопросы (к примеру, теорию вероятностей). Все объяснения идут через примеры, что позволяет гармонично совмещать теорию с практикой. Безусловно, стоит отметить работу специалистов команды Практикума (наставников, кураторов, рецензентов проектов). Все участники высококвалифицированы, крайне вежливы и терпеливы. Лично для меня, будучи человеком без каких-либо технических знаний, порой сталкиваюсь со сложностями, однако стремление освоить новую профессию преобладает, а к тому же команда Яндекса поддерживает в нужный момент. В итоге, моя оценка – 10 из 10.

      Был ли отзыв полезен?
    • Евгения 3 июня 2023

      Решила пройти здесь бесплатные курсы по Backend разработке. Все настолько поверхностно, что даже не описать. Маленькие окошечки с заданиями, которые приходится каждый раз увеличивать, а это неудобно. Выходит, что даже функционал толком не доработан. Все темы из теории очень поверхностны. Ни слова про рекурсию и переменные, а это основа основ. Практики на курсах нет, хоть вам обещают обратное. А ведь это основная задача, только практикой можно закрепить материал. Как можно научиться кодить и запоминать сантаксис? Задачи можно решать разными способами, но если вы напишите решение не так, как забито в компьютере, то результат зачтут как неправильный. Если задачу вы не решите, то к следующему блоку тем вас просто не допустят. Продукт крайне сырой и даже для новичка бесплатный курс это просто трата времени. Разработчики ценятся за знания, в том числе и математические, на курсах Яндекса эти знания вам никто не даст. Не советую трать время.

      Был ли отзыв полезен?
    Посмотреть все отзывы о Яндекс Практикум