Веб-дизайн для начинающих. Юлия Первушина

Описание Веб-дизайн для начинающих. Юлия Первушина

Программа курса
Веб-дизайн для начинающих
Лекция 1 «Профессия веб-дизайнер. Знакомство с программой AdobePhotoshop»
1.1 Профессия веб-дизайнер
Что такое веб-дизайн
Приемущества работы веб-дизайнера
Заработок веб-дизайнера
Чему вы научитесь после прохождения данного курса
Инструменты веб-дизайнера
1.2 Adobe Photoshop
Интерфейс Photosop – базовый обзор
Панель инструментов
Панель меню
Работа со слоями (выделение слоя, объединение слоев, группы слоев, смарт объект, обтравочная маска, слой-маска)
Горячие клавиши
1.3 Начало работы
Какие бывают сайты, модульные сетки, структура сайта, область контента.
Создание документа и модульной сетки (линейки, grid, направляющие)
Быстрые направляющие
Работа с текстами
Работа с фигурами (примеры фигур, создание фигур)
Трансформирование объектов
Работа с заливкой и инструментом градиент
Лекция 2 «Стили слоя. Работа с изображениями. Цвет и атмосфера сайта»
2.1 Стили слоев
Паттерны
Стили слоя
2.2 Работа с изображениями
Как искать изображения и фото для сайта. Размеры изображений и разрешение
Инструменты для обтравки изображений
Фильтры
Режимы наложения
2.3 Цвет и атмосфера сайта
Выбор цветовой гаммы и составление палитры
Сочетаемость цветов
Создание градиента
Лекция 3 «Шрифты для Web. Шрифтовые пары. Типографика. Графика для сайта»
3.1 Шрифты для Web. Типографика
Выбор шрифтов для Web
Как скачать и установить шрифт
Сочетаемость шрифтов и шрифтовые пары
Какие шрифты не применять вообще
Какие шрифты не применять в меню и в заголовках
Размеры шрифтов для сайта
Оформление текста
Интерлиньяж
Отступы и расстояния
Определить шрифт
Разбор моих удачных и неудачных примеров
3.2 Графика для сайта
Adobe Illusrator — базовый и необходимый обзор
Векторная графика и где ее взять
Как использовать векторную графику в фотошопе
Лекция 4 «UI, GUI, создание UI. Стили сайтов и GUI»
4.1 UI интерфейс пользователя / GUI графический интерфейс пользователя
Что такое UI Kit
Как создать UI в стиле Flat, Material design
Элементы интерфейса сайта (кнопки, ховеры, меню, формы, навигация, пагинация, чебоксы, радиобаттоны, поиск)
4.2 Обзор стилей сайтов и их отличия
Flat
Material design
Объем
Игровой
Стилизованный
Какие делать и какие уже не в тренде и почему
Разбор моих удачных и не удачных примеров
Лекция 5 «Иконки и пиктограммы. Инфографика»
5.1 Иконки и пиктограммы