Этот курс идеален для начинающих! Также подойдет тем, кто хочет углубить свои знания и улучшить качество работ. Создавать с нуля дизайн-макеты сайтов. Знать инструменты Photoshop и уметь грамотно их применять на своих работах. Создавать красивые элементы интерфейса (кнопки, меню, формы, UI-киты и др…). Подбирать стильные иконки в разных стилях (контурные, плоские, реалистичные, flat и в стиле 3D). Уметь подбирать и сочетать разные шрифты в веб-дизайне. Уметь работать с цветом, знать сочетания цветов и как создать шикарную стилистику сайта. Иметь четкий алгоритм работы с заказчиком (сбор информации, презентации макета). И многое другое…

Подробная программа обучения:
ЗАНЯТИЕ № 1. ВВЕДЕНИЕ В ПРОФЕССИЮ
Понятие веб-дизайна. Необходимые компетенции дизайнера. Основные принципы современного дизайна. Источники вдохновения и полезные ресурсы. Типы сайтов. Этапы создания сайта.

ЗАНЯТИЕ № 2. СОЗДАНИЕ ПРОТОТИПА.
Прототип и его задачи. Виды прототипов и их различия. Wireframe и его назначение. Ресурсы для скачивания и вдохновения.

ЗАНЯТИЕ № 3. РАБОТА С ЦВЕТОМ И ИЗОБРАЖЕНИЕМ.
Эмоциональная составляющая сайта. Цвет и его роль в дизайне. Изображения и их роль в дизайне. Мудборд и его задачи. Ресурсы для скачивания и вдохновения.

ЗАНЯТИЕ № 4. ПОДБОР ШРИФТОВ И ИКОНОК.
Цели и задачи иконок в оформлении сайта. Типы иконок: сервисные, образные, favicon. Обзор стилей иконок: outline, solid, flat, realistic. Типографика — задачи и функции. Особенности веб-типографики. Виды шрифтов. Ресурсы для скачивания. Практическая часть: подбор шрифтов и иконок для проекта.

ЗАНЯТИЕ № 5. ДИЗАЙН ИНТЕРФЕЙСА.
Понятие интерфейса. Основные элементы интерфейса. Основные принципы хорошего интерфейса. Ресурсы для скачивания и вдохновения. Практическая часть: отрисовка элементов интерфейса – кнопок и форм заявок.

ЗАНЯТИЕ № 6. СОЗДАНИЕ ГЛАВНОГО ЭКРАНА САЙТА.
Составляющие компоненты главного экрана сайта. Основные принципы создания запоминающегося главного экрана. Примеры хорошего дизайна главных страниц. Соединение структуры сайта (прототипа) и его эмоциональной начинки (мудборда). Ресурсы для вдохновения.

ЗАНЯТИЕ № 7. СОЗДАНИЕ ДИЗАЙН МАКЕТА.
Модульные сетки и выравнивание контента. Адаптивный дизайн. Основы композиции разделов сайта. Расположение элементов, акценты и иерархия восприятия. Управление вниманием пользователя. Разбор композиционных решений на примерах. Практическая часть: создание landing page в Adobe Photoshop.

ЗАНЯТИЕ № 8. СВОБОДНОЕ ПЛАВАНИЕ.
Рынок труда: дизайн студии, фриланс, бизнес. Работа в команде. Как начать работать в дизайн студии. Основы оформления портфолио и подачи проектов. Инструменты wow effect: анимация, paralax, видео контент, интерактив. Как сделать так что бы мир узнал о вас?

Название: Основы веб-дизайна
Автор: Антон Черный
Жанр: Видеокурс
Язык: Русский
Продолжительность: ~13 часов
Формат: MP4 (+ доп. материалы)
Видео: AVC, 1152x720, ~2874 Kbps
Аудио: AAC, 192 Kbps, 48.0 KHz
Размер файла: 22.5 Gb



Скачать Видеокурс - Основы веб-дизайна

Добро пожаловать в первый профессиональный курс по созданию интернет-магазина на CMS OpenCart от А до Я. В данном курсе вы на практике изучите все этапы разработки интернет-магазина — от создания дизайна, верстки и посадки PSD макетов на OpenCart, до размещения проекта на хостинге и настройки деплоя локальных изменений. Особое внимание в курсе уделяется правильной и грамотной работе с CMS OpenCart в соответствии с документацией системы. Мы разработаем свой уникальный шаблон с нуля! Создадим полностью адаптивный интернет-магазин благодаря встроенной поддержке системой OpenCart CSS фреймворка Bootstrap.
Разработка на последней версии OpenCart превратится в настоящее удовольствие благодаря нативной поддержке любимых разработчиками инструментов, таких, как Bootstrap, Magnific-Popup, FontAwesome и др. В курсе мы задействуем все возможности мощнейшей CMS для создания интернет-магазина на все 100. Разработаем свой модуль “Преимущества” на основе стартового каркаса, который был создан специально для данного курса. Предоставленный каркас пригодится вам для создания любых OpenCart модулей в будущем. В дальнейшем вы сможете создавать свои модули для вывода любого дополнительного контента из панели администратора, в том числе любую секцию Landing Page, если главная страница выполнена в виде посадочной страницы или любую другую дополнительную информацию и списки. Кроме того, научимся работать с модификаторами OpenCart для грамотного создания правок системных файлов, не затрагивая ядро системы. Подробно рассмотрим работу с популярными jQuery плагинами в процессе работы, создадим и стилизуем свои модальные окна, разработаем функционал покупки товара в один клик. Также научимся создавать свои пользовательские скрипты и оживим фронтенд магазина с помощью библиотеки jQuery. Вы получите 12 часов качественного контента, в котором нет ничего лишнего — только то, что нужно для наиболее эффективного усвоения информации. Большой акцент в курсе сделан на качественный монтаж видео, из которого убрано практически всё, что может затормозить процесс обучения.

Содержание:
1 урок — Знакомство с проектом, референсы
2 урок — Дизайн главной страницы
3 урок — Дизайн страницы категории
4 урок — Дизайн страницы продукта
5 урок — Дизайн страницы контактов и текстовой страницы
6 урок — Установка OpenCart 2, знакомство с системой, настройка окружения
7 урок — Настройка магазина, наполнение товаров
8 урок — Верстка и посадка шапки сайта
9 урок — Создание слайдера
10 урок — Стилизация списка категорий
11 урок — Стилизация и настройка списка товаров
12 урок — Создание своего модуля, оформление сайдбара
13 урок — Посадка подвала сайта
14 урок — Всплывающие формы
15 урок — Создание и посадка страницы категории
16 урок — Посадка страницы продукта и стилизация остальных страниц сайта
17 урок — Размещение проекта на хостинге, деплой изменений
18 урок — Заключение

Информация о видео
Название: OpenCart: Создание современного интернет-магазина от А до Я
Автор: Коллектив
Год выхода: 2017
Жанр: Видеокурс
Язык: Русский
Выпущено: Россия
Продолжительность: ~12 часов

Файл
Формат: MP4 (+ доп. материалы)
Видео: AVC, 1280x720, ~2093 Kbps
Аудио: AAC, 192 Kbps, 48.0 KHz
Размер файла: 9.75 Gb



Скачать Видеокурс - OpenCart: Создание современного интернет-магазина от А до Я

Этот курс подойдет тем кто хочет научится создавать дизайн веб-сайтов и мобильных приложений с нуля! Опытный веб-дизайнер и маркетолог Михаил Ведерников научит вас создавать дизайн для веб, даже если до этого вы никогда не открывали Photoshop. За 3 недели вы не только узнаете основы создания веб-элементов в adobe photoshop, таких как кнопки, иконки, формы, меню, но и создадите дизайн своего собственного сайта.

Что вы будете уметь.
-Создавать с нуля дизайн-макеты сайтов и мобильных приложений.
-Знать инструменты Photoshop и уметь грамотно их применять на своих работах.
-Создавать красивые элементы интерфейса (кнопки, меню, формы, UI-киты и др…).
-Рисовать стильные иконки в разных стилях (контурные, плоские, реалистичные, flat и в стиле 3D).
-Уметь подбирать и сочетать разные шрифты в веб-дизайне.
-Уметь работать с цветом, знать сочетания цветов и как создать шикарную стилистику сайта.
-Знать все техники для создания идеальной и красивой инфографики.
-Иметь четкий алгоритм работы с заказчиком (сбор информации, презентации макета).

Подробный план занятий:
Занятие № 1. Проектирование сайта и создание прототипа.
Исследование и выявление задач заказчика.
Как определить целевую аудитории?
Как управлять фокусом внимания пользователя?
Основные элементы вебсайта и их функции.
Основные композиции и блоки сайта.
Создаем прототип сайта учебного проекта

Занятие №2. Дизайн интерфейса.
Задача кнопок и форм на сайте.
Создание кнопок и меню на сайте.
Разработка интерфейса в стиле Flat.
Создание интерфейса в реалистичном стиле .
Создание форм заявки и подписки.
Основы создания Ui kit в Adobe Photoshop.

Занятие № 3. Дизайн иконок.
Задача иконок на сайте.
С чего начать ?
Какие бывают стили иконок?
Правила оформления иконок.
Создаем сет иконок в разных стилях

Занятие № 4. Шрифты и цвета
Какие бывают шрифты?
Алгоритм подбора шрифтов для сайта.
Основные правила оформления текста.
Передача эмоций с помощью цвета.
Сочетание различных цветов и их оттенков.
Инструменты подбора цветовой схемы для веб.

Занятие №5. Содание инфографики.
Зачем нужна инфографика?
Как используется инфографика в веб?
Алгоритм создания инфографики.
Правила оформления инфографики.
Создаем блок с инфографикой для своего сайта.

Занятие №6. Создание макета сайта.
Модульная сетка и выравнивание.
Композиция блоков сайта на примерах.
Организация макета в Adobe Photoshop.
Как донести свою мысль до разработчика?
Отрисовка главного экрана сайта.
Отрисовка разделов и дипломного проекта.

Информация о видеокурсе
Название: Основы веб-дизайна
Автор: Михаил Ведерников
Год выхода: 2015
Жанр: Видеокурс
Язык: Русский
Выпущено: Россия
Продолжительность: ~20 часов

Файл
Формат: MP4
Видео: AVC, 1280x720, ~916 Kbps
Аудио: AAC, 110 Kbps, 48.0 KHz
Размер файла: 10 Gb



Скачать видеокурс - Основы веб-дизайна

Курс предназначен для новичков в веб-дизайне, желающих научится рисовать красивые, удобные, современные сайты. В курсе подробно разобраны и отработаны на практике основные правила, техники и приемы создания качественных дизайнов сайтов в программе Photoshop, верстка и программирование в курсе не рассматриваются.
Для тех, кто знаком с основами работы в программе Photoshop. Глубоких знаний не требуется, так как на каждом уроке подробно объясняются все шаги, но вы должны иметь представление об основных инструментах и работе со слоями в этой программе.

Чему вы научитесь
По окончанию курса вы будете уметь рисовать красивые, качественные дизайны сайтов. Нарисуете дизайн блога и интернет магазина. В завершении курса мы на практике рассмотрим создание дизайна сайта с нуля на примере сайта одного из учеников.

Программа курса
Урок 1. Теория веб-дизайна
• Введение. Что такое веб-дизайн
• Основы хорошего дизайна
• Цвет
• Форма
• Типографика
• Основы гармоничной композиции. Единство. Пропорции. Баланс
• Масштабируемость в веб-дизайне
• Подготовка к работе. Необходимые программы. Настройка Photoshop для удобной работы
• С чего начинать дизайн.
• Чит-коды облегчающие жизнь дизайнеру.

Урок 2. Элементы современного веб-дизайна
• Размерная сетка
• Структура сайта
• Фон
• Логотип
• Шапка сайта
• Визуальное разделение контента
• Навигация
• Иконки
• Ярлычки и лейблы
• 3D эффекты
• Градиенты
• Отражения
• Блики
• Тени
• Качественная графика
• Чит-коды облегчающие жизнь дизайнеру.

Урок 3. Дизайн лаконичного информационного сайта
Разработка дизайна информационного сайта с 0 в течении занятия, с полным пояснением всех используемых принципов и методик, примененных при создании проекта такого типа. Также по ходу занятия будут освещаться все нюансы работы в Photosop при создании сайта.

Урок 4. Дизайн Крупного интернет магазина часть 1
Детальный разбор и анализ дизайна главной страницы интернет-магазина. По ходу занятия по мимо графической составляющей также, будет рассматриваться принципы восприятия сайта такого типа потенциальными покупателями с точки зрения дизайна и техники увеличивающие продажи.

Урок 5. Дизайн Крупного интернет магазина часть 2
Детальный разбор и анализ дизайна остальных страницы интернет-магазина, с углубленным изучением приципов и правл реализации дизайна корзины как одного из самых главных элементов отвечающих за успешность проекта.

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

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

Урок 8. Дизайн брендового продающего сайта и немного волшебства
Главные особенности создани продающих проектов орентированных на один продук, или определенню категорию. Несколько техник по «волшебному» созданию ряда нужных и высококачественных элементов. Обобщение материала с разбором основых интересующих Вас проблем и вопросов.

Отличие от курса 2012 г.
1. Курс 2013 года.
2. Новый преподаватель.
3. Другая подача материала, где-то повторяется т.к. программа одна.
4. Новые макеты - соответственно другие приемы создания макета т.к. каждый макет не делается по одному клише.

Название: Web-дизайн. От новичка до профи
Год выпуска: 2013
Жанр: Веб-дизайн
Автор (режиссер): Школа Программирования

Качество видео: PCRec
Видео: AVC, ~255 kb/s, 15,000 FPS, 1280x1024
Аудио: AAC, 53,5 kb/s (CBR), 2 Ch, 44100 Hz
Продолжительность: 15:02:38
Размер: 2.45 Gb



Скачать Видеокурс Web-дизайн. От новичка до профи (2013)

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

Курс расчитан на тех, кто знаком с основами работы в программе Photoshop. Глубоких знаний не требуется, так как на каждом уроке подробно объясняются все шаги, но необходимо иметь представление об основных инструментах и работе со слоями в этой программе.

Программа курса:
Курс состоит из 8 уроков, включащих следующие темы:

Теория веб-дизайна
• Введение. Что такое веб-дизайн
• Основы хорошего дизайна:
- Цвет
- Форма
- Типографика
• Основы гармоничной композиции. Единство. Пропорции. Баланс.
• Масштабируемость в веб-дизайне
• Подготовка к работе. Необходимые программы. Настройка Photoshop для удобной работы
• С чего начинать дизайн
• Чит-коды, облегчающие жизнь дизайнеру

Элементы современного веб-дизайна
• Размерная сетка
• Структура сайта
• Фон
• Логотип
• Шапка сайта
• Визуальное разделение контента
• Навигация
• Иконки
• Ярлычки и лейблы
• 3D эффекты
• Градиенты
• Отражения
• Блики
• Тени
• Качественная графика
• Чит-коды, облегчающие жизнь дизайнеру

Практическая работа
• Рисуем дизайн блога
• Рисуем дизайн интернет-магазина
• Рисуем дизайн участника курса
• Секретный Бонус

Ключевые профессиональные навыки, формируемые при прохождении курса:
• Знание правил оформления веб-страниц
• Знание основ хорошего дизайна: цвета, форма, типографика
• Знание правил гармоничной композиции
• Уверенное владение программой Photoshop
• Умение создавать современный дизайн сайтов
• Знание современных тенденций веб-дизайна

Помимо основного курса раздача содержит БОНУС:
Видеокурс «Секреты дизайна и юзабилити сайтов»
Краткое содержание видеокурса:
• Сайт глазами программиста, дизайнера, аналитика и заказчика
• Проблемы во взаимопонимании сторон
• Постановка задачи по созданию сайта: со стороны заказчика, со стороны пользователя
• Зачем нужны сайты – то о чем подозревает и не подозревает заказчик
• Продающие сайты
• Собор контактов через сайт
• Макет продающего сайта – правила оформления и расположения лого, названия, телефонов, дескриптов, контактов, акций и спецпредложений, отзывов и т.д.
• Путь покупателя по сайту
• Правильное оформление навигации
• Правильное оформление товара
• Правильное оформление корзины
• Навигация по сайту...

Скриншоты:


Качество видео: PCRec
Видеокодек: Advanced Video Codec (AVC)
Размер кадра основного курса: от 1024х768 до 1280х1024
Видеопоток основного курса: от ~183 до ~375 Кбит/сек, 3-15 кадр/сек
Размер кадра бонуса: 654х480
Видеопоток бонуса: ~757 Кбит/сек, 30 кадр/сек
Аудиокодек: AAC
Аудиопоток основного курса: ~52 Кбит/сек, 44,1 КГц, 2 канала
Аудиопотоко бонуса: 128 Кбит/сек, 44,1 КГц, 2 канала

Автор: Школа Программирования
Название: Web-дизайн - От новичка до профи
Год выпуска: 2012
Жанр: Веб-дизайн
Продолжительность: 28:58:41
Размер: 5 Gb