Выберите город:
Гродно
×
Гродно
Iteen Academy
Образовательный центр Парка высоких технологий

г. Гродно, ул. Горького 1

+375 (44) 749-22-22 (Velcom)

+375 (33) 900-44-44 (МТС)

15+ лет UI-дизайн: разработка сайтов

15+ лет
Курс:
15+ лет UI-дизайн: разработка сайтов
Возраст: 
15+ лет
Адрес: 
г. Гродно, ул.Горького, 1
Преподаватели: 
Вишневская Ирина Викторовна
Программа: 
Обработка графики в Adobe Photoshop
Дизайн сайтов.
Создание сайтов на HTML/CSS

На курсе изучаются основные принципы и технологии создания сайтов, их оформление и разработка дизайна. В результате слушатели смогут выполнять веб-проекты с момента составления технического задания до его запуска в интернете. Отдельная часть курса – работа с компьютерной графикой – позволяет получить навыки самостоятельного создания и редактирования изображений.

Программа состоит из 3 модулей:

  • Модуль 1. Обработка графики в Adobe Photoshop
  • Модуль 2. Дизайн сайтов.
  • Модуль 3. Создание сайтов на HTML/CSS
от 89 руб/месяц / 

Подробнее о предметах

Обработка графики в Adobe Photoshop

Занятия данного модуля способствуют получению навыков работы с одним из самых известных графических редакторов. На занятиях не просто осваиваются отдельные инструменты, но и развивается логика работы с изображением.

Во время курса изучаются темы:

  • Настройка программы. Система отмены действий.
  • Работа с кистью. Ретушь. Яркостная и цветокоррекция.
  • Создание и редактирование выделений
  • Выделения сложной формы. Альфа-каналы.
  • Слои. Работа со слоями. Режимы наложения.
  • Монтажи и коллажи. Удаление сложных фонов и обработка после обтравки.
  • Текст. Стили слоя. Фильтры.
  • Маски. Обтравочные маски. Корректирующие слои.
  • Размеры. Разрешение. Кадрирование.
  • Эффективная работа в программе: автоматизация действий и пакетная обработка.
  • Работа над проектами.
Дизайн сайтов.

Модуль направлен на получение навыков создания оформления и дизайна сайтов. Изучаются принципы построения сайта, грамотная визуализация структуры сайта в Photoshop, опираясь на технические и художественные правила, психологические и поведенческие особенности пользователя. На занятиях происходит погружение в рабочие дизайн-процессы, осваивание проектной деятельности, обучение презентации своих проектов.

Во время курса изучаются темы:

  • Этапы создания сайтов. Настройка Photoshop для веб-дизайнера. Основные инструменты Photoshop для работы над сайтом.
  • Механика сайта. Структура сайта с точки зрения верстальщика.
  • Размер документа. Сетка документа. Направляющие. Колоночная сетка. Модульная сетка.
  • Работа над дизайном интернет-магазина. Горизонтальное и вертикальное меню. Слайдер.
  • Шапка. Логика построения и выбор элементов.
  • Карточки товаров. Текст о компании. Футер.
  • Сборка страницы. Функциональные страницы. Хлебные крошки
  • Формы: вход, фильтры. Дизайн состояний. Layer Comps.
  • Контрольный список проверки дизайна. Подготовка макета к вёрстке.
  • Редизайн. Продвинутая работа с модульной сеткой.
  • Стили сайтов. Стилизация.
  • Подбор изображений. Теория преемственности. Иконки. Подбор и рисование.
  • Шрифты в веб-дизайне. GoogleFonts. Типографика. Интерлиньяж.
  • Работа с цветом. Инструменты подбора цвета.
  • Композиция в веб-дизайне. Контраст, ритм, пропорции, единообразие, баланс. Динамика, матрица эмоций. Гештальт, близость, работа с пространством.
  • Адаптивный дизайн. Рисование
  • Лэндинги. Макет и оформление лэндинга. Продающий дизайн.
  • Рабочий дизайн-процесс. Дизайнер и заказчик. Брифы и ТЗ. Презентация своей работы
  • Собственное развитие. Визуальный вкус. Тренды. Портфолио.
  • Эффективная работа: как продать себя дороже. • Работа над собственным проектом.
Создание сайтов на HTML/CSS

Данный модуль позволяет развить практические навыки создания сайтов с использование HTML и CSS. На занятиях описывается архитектура сайта, происходит обучение грамотной верстке html-страниц.
Во время курса изучаются темы:

  • Введение в HTML
  • Разметка текста
  • Изображения и ссылки. Введение с CSS
  • Таблицы
  • Формы
  • Базовая стилизация
  • Графика и оформление
  • Табличная и блочная верстка
  • Фреймворк Bootstrap
  • Верстка сайта по своему макету, созданному на модуле «Дизайн сайтов».
Наверх!