WEB- дизайн

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

  • Продолжительность курса: 21 ак.ч. / 6 занятий
  • Расписание устанавливается с учетом Ваших пожеланий.

Стоимость обучения:

Индивидуально     — 6 600 руб.        Узнать больше
В мини группе       —  4 600 руб.
Обучение онлайн —  4 000 руб.       Узнать больше

Записаться на курс

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

Модуль 1​:  Основы Web-дизайна 

Что такое сайт. Классификация сайтов, их особенности, этапы разработки. Структура. веб-сайта.
Основные компоненты WEB-страниц (логотип, хедер, футер, колонки, навигация, баннеры, меню и т.д.)
Распределение информации по разделам с учетом взаимосвязи между ними.

Правила расположения и формы основных навигационных компонентов на странице.
Эргономика сайта (web-usability). Факторы, которые затрудняют и факторы, которые облегчают восприятие
"Резиновый" и фиксированный дизайн сайтов. Плюсы и минусы. Правила кросбраузности.

Психология цвета. Использование "безопасных" цветов. Помощники  по подбору сочетающихся цветов
Типографика в веб-дизайне. Правильное оформление текстового материала: шрифты, размеры, цвет и количество. Цвета для фона и текста.

Оценка юзабилити сайта. Разбор частых ошибок в дизайне сайтов. 

 

Модуль 2: Базовые основы Adobe Photoshop

 

Здесь мы будем разберать основные функции программы, используемые в любых дизайн проектах:
Интерфейс программы;  Настройки рабочей области; Создание и настройки холста.

Что такое слои и принципы работы со ними. Копирование объектов. Создание многослойных изображений.  
Выделение объектов. Правила работы с инструментами  выделения. Уточнение границ.
Трансформация объектов.

Сохранение файлов в различных форматах для веб.

 

 

Модуль 3: Векторные объекты - как основной инструмент в веб-проектах 

 

 

В этом модуле мы научимся работать  с текстом. Рассмотрим такие понятия, как:
текстовые слои, шрифты, гарнитура, керлинг. трекинг и др.
Разберем варианты заливки текста цветом и градиентом. Виды и редактирование градиентов.

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

Рассмотрим создание  и редактирования векторных фигур. Контуры. Рисование и редактирование контуров.
сохранение собственных фигур. Создадим графику для веб-страниц: кнопки, стрелки, иконки. 

Узнаем, как использовать PSD-шаблоны для ускорения работы.

 

Модуль 4:  Разработка и создание макета WEB-сайта 

Разбираем этапы разработки веб-сайта: Делаем анализ целей и задач сайта. Проводим серфинг ( анализ конкурентов), определяем целевую аудиторию, цветовую модель и подбираем шрифты.

Далее пишем  техническое задание на разработку сайта и рисуем схему, распределяя информацию по разделам сайта с учетом навигации. Определяем размер будущего макета.

В Photoshop создаем модульную сетку для разметки макета, используя инструменты макетирования: линейки, направляющие, сетку.Создаем макет главной страницы сайта: хедер, верхнего меню, футер, текстовые блоки, меню навигации.
Подбираем изображения, проводим их обработку: коррекцию, кадрирование, сохранение.

Обзор графических форматов, различие и правила использования их в среде internet
Требования к графическим объектам на веб-страницах.

Произведем нарезка макета для его последующей верстки.

 

Модуль 5: Дополнительные возможности  Photoshop для Web-дизайна

 

Анимация в Веб-дизайне. Правила использования анимации на сайте. Назначение и использование баннеров.
Техника создания покадровой анимации.

Практика: создание баннера в боковую колонку сайта.

Тонкости дизайна для социальных сетей.
Элементы дизайна в соц. сетях: аватары, цитатники, меню, альбомы.
Практика: Создаем цитатник и  паблик  для соц. сети Вконтакте.

Рассмотрим возможности автоматических операций для создания графики для подписных и продающих одностраничников.
Как загрузить экщен и сздать 3Dкоробку для инфопродукта или 3D-модель электронной книги.

 

 


Что вы получите в итоге: