Веб-дизайн для начинающих
Лекция 1 «Профессия веб-дизайнер. Знакомство с программой AdobePhotoshop»
1.1 Профессия веб-дизайнер
1.2 Adobe Photoshop
- Что такое веб-дизайн
- Приемущества работы веб-дизайнера
- Заработок веб-дизайнера
- Чему вы научитесь после прохождения данного курса
- Инструменты веб-дизайнера
1.3 Начало работы
- Интерфейс Photosop – базовый обзор
- Панель инструментов
- Панель меню
- Работа со слоями (выделение слоя, объединение слоев, группы слоев, смарт объект, обтравочная маска, слой-маска)
- Горячие клавиши
Лекция 2 «Стили слоя. Работа с изображениями. Цвет и атмосфера сайта»
- Какие бывают сайты, модульные сетки, структура сайта, область контента.
- Создание документа и модульной сетки (линейки, grid, направляющие)
- Быстрые направляющие
- Работа с текстами
- Работа с фигурами (примеры фигур, создание фигур)
- Трансформирование объектов
- Работа с заливкой и инструментом градиент
2.1 Стили слоев
2.2 Работа с изображениями
- Паттерны
- Стили слоя
2.3 Цвет и атмосфера сайта
- Как искать изображения и фото для сайта. Размеры изображений и разрешение
- Инструменты для обтравки изображений
- Фильтры
- Режимы наложения
Лекция 3 «Шрифты для Web. Шрифтовые пары. Типографика. Графика для сайта»
- Выбор цветовой гаммы и составление палитры
- Сочетаемость цветов
- Создание градиента
3.1 Шрифты для Web. Типографика
3.2 Графика для сайта
- Выбор шрифтов для Web
- Как скачать и установить шрифт
- Сочетаемость шрифтов и шрифтовые пары
- Какие шрифты не применять вообще
- Какие шрифты не применять в меню и в заголовках
- Размеры шрифтов для сайта
- Оформление текста
- Интерлиньяж
- Отступы и расстояния
- Определить шрифт
- Разбор моих удачных и неудачных примеров
Лекция 4 «UI, GUI, создание UI. Стили сайтов и GUI»
- Adobe Illusrator — базовый и необходимый обзор
- Векторная графика и где ее взять
- Как использовать векторную графику в фотошопе
4.1 UI интерфейс пользователя / GUI графический интерфейс пользователя
4.2 Обзор стилей сайтов и их отличия
- Что такое UI Kit
- Как создать UI в стиле Flat, Material design
- Элементы интерфейса сайта (кнопки, ховеры, меню, формы, навигация, пагинация, чебоксы, радиобаттоны, поиск)
Лекция 5 «Иконки и пиктограммы. Инфографика»
- Flat
- Material design
- Объем
- Игровой
- Стилизованный
- Какие делать и какие уже не в тренде и почему
- Разбор моих удачных и не удачных примеров
5.1 Иконки и пиктограммы
5.2 Инфографика
- Где скачать иконки
- Формат иконок
- Виды и стили иконок
- Размеры иконок и пиктограмм
- Удачные и неудачные примеры
Лекция 6 «Проектирование сайта. Поиск вдохновения. Теснота и ее влияние на макеты»
- Что такое инфографика и где ее взять
- Как инфографика используется на сайтах и для чего
- Хорошая и плохая инфографика на стоках
- Чувство меры в использовании инфографики
- Удачные и неудачные примеры
6.1 Проектирование сайта
6.2 Поиск вдохновения
- Что значит проектирование сайта, этапы, задачи
- Прототип сайта
- Варианты создания прототипа и сервисы для их создания
- Создание прототипа в фотошоп
6.3 Теснота в макетах
- Сайты для дизайнеров – базовый обзор
- На что обращать внимание в работах
Лекция 7 «Единство стиля. Создание сайта. Виды сайтов»
- Теснота в макетах – что это?
- Как теснота влияет на восприятие сайта?
- Как избавиться от тесноты
- Избавление от тесноты на этапе проектирования
7.1 Единство стиля
7.2 Виды сайтов и их задачи
- Выбор стиля сайта, работа с ТЗ заказчика
- Создаем мудборд. Что это? Как сделать? Как пользоваться?
- Создание композиции сайте, если она еще не создана на этапе проектирования
- Дизайн-концепция
- Создание палитры
- UI Kit
- Иконки и инфографика и подбор необходимых фото
- Чек-лист для создания сайта
Лекция 8 «Адаптивность сайтов. Подготовка макета к верстке»
- Корпоративные сайты
- Сайт-визитка
- Блог-журнал
- Лендинг
- Интернет-магазин
8.1 Адаптивность сайтов
8.2 Подготовка макета к верстке
- Что такое адаптивность?
- Размеры макетов под разные виды устройств
- Главное и второстепенное в мобильной версии
- Размеры шрифтов, ui элементов и на что стоит обратить внимание
Лекция 9 «Создание портфолио. Поиск работы»
- Сетка
- Папки и названия
- Цвета и UI
- Сохранение и архивирование
- Отправка исходников
9.1 Создание портфолио
9.1 Поиск работы
- Что такое mock-up
- Использование mock-upдля презентации работы
- Шапка для презентации работы
- Оформление блоков для презентации работы
- Какие блоки обязательно должны быть в презентации работы
- Привью – что это такое? И как его создать
- Упрощенный вариант для портфолио
- Где искать работу начинающему дизайнеру?
- Офис или удаленная работа?
- Обзор бирж фриланса
- Как отвечать на проекты на фрилансе
- ТЗ для дизайнера, каким оно должно быть и главные пункты
- Вопросы, которые обязательно нужно задать заказчику
Для кого подойдет курс:
Особенности курса:
- Для новичков, которые не знают, что такое Фотошоп и веб-дизайн
- Для людей, которым нравится дизайн сайтов, и они хотели бы зарабатывать на этом
- Для людей, которые хотят получить систематизированные знания по профессии веб-дизайн и применять на практике
- Для людей, которые хотят начать зарабатывать здесь и сейчас – и побольше!
- Для начинающих веб-дизайнеров, которые уже работают на фрилансе, но еще «плавают» в веб-дизайне
- Для новичков веб-дизайнеров, которым необходима помощь и четкие ответы на их вопросы без воды
- Курс состоит из 9 уроков, прохождение которых рассчитано на 2 месяца
- По окончании 9-го урока ученик получает бонус (консультацию или пакет графики от Юлии Первушиной, собранной за несколько лет работы)
- 1 месяц по окончании курса ученик сможет иметь доступ к урокам, после чего доступ закрывается
- К каждому уроку приложены файлы с подсказками, важные документы для работы
- По окончании каждого урока ученик выполняет домашнее задание, которое проверяется и комментируется преподавателем
- Каждую неделю проходит вебинар, на котором ученики задают свои вопросы, а преподаватель отвечает на них
- По окончании курса ученик получает сертификат от Юлии Первушиной об успешном прохождении курса!
Срок обучения: 3 месяца
Есть складчина на все курсы этого автора с доступом к её школе на год
.
Возможно на отдельные курсы быстрее наберётся народ.
Последнее редактирование модератором:
- Статус
- В этой теме нельзя размещать новые ответы.