Главная » Каталог компьютерных курсов » Курсы “Дизайн сайтов и UX/UI”

Курсы “Дизайн сайтов и UX/UI”

Дизайн сайтов. UX/UI

Программа курса «Веб-дизайн и UX/UI» предполагает, практические занятия, выполнение работ, а также создание собственного портфолио или усовершенствование уже имеющегося. Программа построена с учетом специфики рынка, она отражает актуальные требования к профессиональному уровню, принятому в индустрии.

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

Минимальные требования: базовые знания (представления) работы с Adobe Photoshop или любым другим графическим инструментом.

    Кому подойдет курс:
  • Начинающим веб-дизайнерам, а также уже работающим;
  • Графическим дизайнерам, которые хотят попробовать себя в вебе;
.

Чему вы научитесь на курсе:

  • Познакомитесь с интерфейсом и базовыми функциями Adobe Photoshop.
  • Научитесь работать с размерами изображений, слоями, масками и смарт-объектами.
  • Изучите особенности работы с объектами и цветом, растровыми и векторными изображениями.
  • Познакомитесь с интерфейсом и базовыми функциями программы Figma, которая позволяет быстро и просто создавать интерфейсы.
  • Познакомимся с функциональностью программы After Effects. Освоите базовые принципы анимирования.
  • Вы изучите алгоритмы UX-исследований
  • Проанализируете пользовательские сценарии
  • Создадите интерфейсное решение
  • Научитесь выявлять сегменты и потребности пользователей
  • Создадите макеты сайтов, прототипы интерфейсов
  • Научитесь следить за тенденциями в дизайне и учитывать их в работе
  • Познакомитесь с основами брендинга и тенденциями веб- и мобильного дизайна
  • На практике закрепите приемы и принципы веб-дизайна, которые необходимы для создания современного сайта.

Программа курса “Дизайн сайтов и UX/UI”


    • Веб-дизайн.
    • UX/UI дизайн.
    • Классификация и назначение сайтов.
    • Карта сайта. Главная страница. Ключевые смыслы Микро-форматы
    • Алгоритм создания сайта

    • Настройка интерфейса
    • Простые фигуры, трансформирование, копирование, прозрачность, выравнивание и распределение.
    • Направляющие
    • Инструменты выделения
    • Инструменты рисования. Ластик
    • Текст

    • Настройки цвета в Photoshop
    • Инструменты заливок.
    • Работа со слоями
    • Картинки и смарт-объекты
    • Режимы наложения
    • Инструменты для коррекции изображений
    • Работа с размерами изображений
    • Маски
    • Экспорт
    • Горячие клавиши

    • Подготовка макета к верстке

    • Понятие растровой и векторной графики
    • Обзор Figma
    • Как ускорить работу в Фигма

    • Основные принципы и правила в дизайне
    • Масштаб, размер. Визуальный вес. Баланс.
    • Психология формы
    • Вертикальный и горизонтальный ритм

    • Виды шрифтов. Выбор шрифта для проекта
    • Правила работы с шрифтами
    • Иерархия, шрифтовые пары.
    • Правила работы с текстом
    • Иконографика

    • Типы продающих сайтов
    • Триггеры
    • Дизайн для целей проекта
    • Юзабилити
    • AIDA
    • Паттерны поведения пользователей

    • Цветовые модели
    • Особенности использования цветов
    • Подбор цветовой схемы

    • Мобильные версии сайтов
    • Мобильные приложения
    • Адаптивный дизайн
    • Модульные сетки.

    • Особенности и отличия
    • Сайты для отслеживания
    • Назначение и цели

    • Получение ТЗ. Брифинг
    • Задачи, цели и требования заказчика

    • Анализ конкурентов
    • Определение лучших решений
    • Набор функциональности
    • Лоскутный прототип

    • Сегментирование аудитории
    • Анализ аудитории. Эмпатия.
    • Модели персон.

    • Разделы контента
    • Базовые смысловые блоки
    • Навигация. Ошибки навигации
    • Анализ точек входа и точек выхода


    • Customer Jorney Map
    • User story
    • User case

    • Исследования
    • Принципы разработки интерфейса

    • Карта ассоциаций
    • Research
    • Необъяснимый креатив
    • Референс, мудборды, UI-kit

    • Виды прототипов
    • Обзор программ для прототипирования (Axure, Invision, Marvel, Figma)

    • Первый экран.
    • Правила оформления

    • Цель анимации в веб-дизайне
    • Виды анимации
    • Основные программы и сервисы


    • Как оформить портфолио
    • Как найти клиентов

По окончанию курса вы сможете:

  • Разрабатывать дизайн сайтов и мобильных приложений
  • Создавать макеты сайтов в Adobe Photoshop и Figma
  • Использовать средства композиции, формы, цветовые сочетания и типографику
  • Находить актуальные визуальные приемы
  • Проектировать удобные интерфейсы
  • Выстраивать информационную архитектуру
  • Проводить юзабилити-тестирование
  • Создавать интерактивные прототипы
  • Анализировать пользовательские предпочтения
  • Работать в рамках гайдлайнов, фирменных стилей.
  • Создавать и использовать модульные сетки.
  • Подготавливать макет к верстке.
  • Получите знания основ интернет-маркетинга и научитесь применять их в дизайне.

Профессия Веб-дизайнера и дизайнера интерфейсов становится все более популярной на рынке IT. Сегодня независимый от разработчиков взгляд на дизайн продукта и его маркетинговые перспективы многократно повышают успешность проекта при его разработке и внедрении. Приходите на наши компьютерные курсы!