Данный курс разработан для новичков, которые ничего не слышали о веб-дизайне, но очень хотят научиться разрабатывать дизайн сайтов, оформлять группы в соцсетях, создавать web- элементы, обрабатывать фотоизображения для сети интернет и, возможно, в будущем превратить эти знания в источник своих доходов.
- Продолжительность курса: 18 ак.ч. / 6 занятий
- Расписание устанавливается с учетом Ваших пожеланий.
Стоимость обучения:
Индивидуально — 13 500 руб. Узнать больше
В мини группе — 8 100 руб.
Программа курса
Модуль 1: Основы Web-дизайна
Что такое сайт. Классификация сайтов, их особенности, этапы разработки. Структура. веб-сайта.
Основные компоненты WEB-страниц (логотип, хедер, футер, колонки, навигация, баннеры, меню и т.д.)
Распределение информации по разделам с учетом взаимосвязи между ними.
Правила расположения и формы основных навигационных компонентов на странице.
Эргономика сайта (web-usability). Факторы, которые затрудняют и факторы, которые облегчают восприятие
"Резиновый" и фиксированный дизайн сайтов. Плюсы и минусы. Правила кросбраузности.
Психология цвета. Использование "безопасных" цветов. Помощники по подбору сочетающихся цветов
Типографика в веб-дизайне. Правильное оформление текстового материала: шрифты, размеры, цвет и количество. Цвета для фона и текста.
Оценка юзабилити сайта. Разбор частых ошибок в дизайне сайтов.
Модуль 2: Базовые основы Adobe Photoshop
Здесь мы будем разберать основные функции программы, используемые в любых дизайн проектах:
Интерфейс программы; Настройки рабочей области; Создание и настройки холста.
Что такое слои и принципы работы со ними. Копирование объектов. Создание многослойных изображений.
Выделение объектов. Правила работы с инструментами выделения. Уточнение границ.
Трансформация объектов.
Сохранение файлов в различных форматах для веб.
Модуль 3: Векторные объекты - как основной инструмент в веб-проектах
В этом модуле мы научимся работать с текстом. Рассмотрим такие понятия, как:
текстовые слои, шрифты, гарнитура, керлинг. трекинг и др.
Разберем варианты заливки текста цветом и градиентом. Виды и редактирование градиентов.
Стили слоев. Библиотека стилей. Копирование стилей. Узнаем, как загрузить дополнительные стили
из внешних источников и как сохранить собственные стили.
Создадим цифровую подпись и сохраним её на прозрачном фоне.
Рассмотрим создание и редактирования векторных фигур. Контуры. Рисование и редактирование контуров.
сохранение собственных фигур. Создадим графику для веб-страниц: кнопки, стрелки, иконки.
Узнаем, как использовать PSD-шаблоны для ускорения работы.
Модуль 4: Разработка и создание макета WEB-сайта
Разбираем этапы разработки веб-сайта: Делаем анализ целей и задач сайта. Проводим серфинг ( анализ конкурентов), определяем целевую аудиторию, цветовую модель и подбираем шрифты.
Далее пишем техническое задание на разработку сайта и рисуем схему, распределяя информацию по разделам сайта с учетом навигации. Определяем размер будущего макета.
В Photoshop создаем модульную сетку для разметки макета, используя инструменты макетирования: линейки, направляющие, сетку.Создаем макет главной страницы сайта: хедер, верхнего меню, футер, текстовые блоки, меню навигации.
Подбираем изображения, проводим их обработку: коррекцию, кадрирование, сохранение.
Обзор графических форматов, различие и правила использования их в среде internet
Требования к графическим объектам на веб-страницах.
Произведем нарезка макета для его последующей верстки.
Модуль 5: Дополнительные возможности Photoshop для Web-дизайна
Анимация в Веб-дизайне. Правила использования анимации на сайте. Назначение и использование баннеров.
Техника создания покадровой анимации.
Практика: создание баннера в боковую колонку сайта.
Тонкости дизайна для социальных сетей.
Элементы дизайна в соц. сетях: аватары, цитатники, меню, альбомы.
Практика: Создаем цитатник и паблик для соц. сети Вконтакте.
Рассмотрим возможности автоматических операций для создания графики для подписных и продающих одностраничников.
Как загрузить экщен и сздать 3Dкоробку для инфопродукта или 3D-модель электронной книги.
Что вы получите в итоге:
