Все курсы

Web-design

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

Подробнее
6 160грн $220
Старт: 09/10/18

Тебе подойдет этот курс, если ты:

  • Ты обладаешь хорошим вкусом и любишь создавать прекрасное.
  • Твоя мечта — проектировать удобные интерфейсы и делать мир лучше.
  • Ты интересуешься современными технологиями и хочешь идти в ногу со временем.
  • Ты хотел бы иметь работу без привязки к офису и жесткому графику.

В результате курса Web-design ты сможешь получить

  • Нужные практические знания в области Web-design
  • Поддержку опытных преподавателей практиков
  • Сделаешь реальный проект по Web-design
  • Возможность собеседования и стажировки в IT компаниях
  • Свою первую работу в IT!

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

  1. Основы html/css
  • Введение в MarkUp. Основы HTML. Теги и атрибуты. Структура HTML страницы.
  • Блочные строчные теги разница между ними.
  • Создание sprite. Работа по макету, использование шрифтов.
  • Hover. Input style. Псевдо-элементы. Icons (sprite).
    Custom browser elements. Tag script.

2.Первые шаги в дизайне.

  • Процесс дизайна: Идеи. Вдохновение. Вредные вопросы (Для кого? О чем?). Концепция. Скетч. Мокап.
  • Основные правила в веб-дизайне.
  • Примеры хорошего и примеры плохого дизайна.
  • Золотое сечение. Правила и использование в дизайне
  • Инструменты дизайнера: Исследование и планирование.Скетчи на бумаге. Майндмеппинг. Прототипирование. Программы. Пакет Adobe: Photoshop, Illustrator, Indesign, Flash, Premiere, After Effects, Dreamweaver. Другие коммерческие программы: Corel Draw. Бесплатные программы. Gimp, вот это все.
  • Базовые понятия компьютерной графики: Бумажные и цифровые носители. Растровая графика. Векторная графика. Единицы измерения. Плотность пикселей, dpi.
  • Photoshop: Pencil. Brush. Select, M.Wand, Lasso, Magnetic Lasso. Pen Tool. Color Picker. Guides and Grids.
  • Layers. Transparency. Effects & Styles.Actions. Color Correction.
  • Основы композиции: золотое сечение, ряд Фибоначчи, правило третей, другие композиционные примеры. Модульные сетки. Визуальная иерархия. Матрица эмоций.
  • Оптические и психологические эффекты. Принцип «Less is more». Применение и примеры.
  • Контрасты в дизайне. Свет-тень. Большое-малое. Цветовые контрасты. Примеры. Простые иллюстрации. Иконки. Линейные иконки. Плоские иконки. Скевоморфизм.
  • Визуальные тренды в дизайне. Школы плаката. Скевоморфизм. Плоский дизайн. Windows Metro. Google Material. Гайды iOS.
  • Цвет и семантика в дизайне.
  • Акценты, управление вниманием.
  1. Основы UI/UX.
  • Думай как UI/UX. Анализ и проектирование.
  • Делай как UI/UX. Практикум реального проектирования.
  • Практика. Начало проектирования.
  • Вайрфреймы и Прототип.
  • Создание макетов в фотошопе на основе вайрфреймов.
  • Демонстрация прототипа на основе макетов. Передача макета и необходимых материалов на верстку.
  1. Введение в Web-design
  • Гипертекст.
  • Путешествие пользователя. О хороших и плохих сайтах.
  • Мой первый сайт.
  • Мой первый редизайн.
  • Best practices.
  •  Стандартные интерфейсы. Сторителлинг.
  •  Основные элементы веб-страницы. Навигация.
  •  Информационная архитектура сайта.
  •  Создание многостраничного сайта. Читаемость. Визуальная иерархия.
  •  Модульная сетка.
  •  Создание одностраничного лендинга.
  • Идеи для создания страницы.
  •  Практики сторителлинга.
  •  Оформление. Визуальный дизайн.
  •  Оформление веб-интерфейсов.
  •  Веб-типографика.
  •  Создание визуального стиля сайта.
  •  Тренды веб-дизайна.
  •  Фотографии, иконки и иллюстрации. Работа со стоками.
  •  Создание набора флет-иллюстраций для лендинга.
  •  Создание UI-кит.
  •  Практики оформления веб-страниц.
  •  Сложные интерфейсы. UX-проектирование.
  •  Интерактивное поведение страницы. Формы.
  •  Создание формы заказа.
  •  Каталоги и фильтры.
  •  Графики и дашборды.
  •  Создание каталога услуг.
  •  UX-проектирование.
  •  Математика для веб-дизайнеров. Единицы измерения.
  •  Responsive design.
  •  Создание стайл-гайд.
  • Понятие Call-to-Action, призыв пользователя к действию.
  • Понятие адаптивности.
  • Правила создания адаптивных сайтов.
  • Основные разрешения для адаптивных сайтов.
  • Отрисовка вайрфрейма.
  • Отрисовка конечного дизайна сайта под мобильное устройство и планшет.
Сертификат

Процесс обучения

  • Смотри лекции на LMS-платформе в любое время.
  • Закрепляй материал на практических онлайн-вебинарах.
  • Пропустил занятие? Просмотри запись.
  • Выполняй домашние задания.
  • Общайся в чате с преподавателем в любое время.
  • Пройди финальный тест.
  • Получение сертификата.

Кто такой веб-дизайнер

Веб-дизайнер – это человек, который умеет делать красивые, удобные и продающие сайты. Чтобы это получалось, он должен не только обладать хорошим вкусом и интуицией. Проведено немало исследований по теме UI/UX проектирования, благодаря которым мы получили проверенную информацию о том, как лучше расположить различные элементы на сайте. Знания этих основ, понимание правил композиции и теории цвета, освоение навыков вёрстки – это обязательная основа для тех, кто решил начать обучение веб-дизайну с нуля.

Но перечисленные выше навыки — капля в море, настоящий дизайнер должен знать намного больше:

  • как организовать информационную архитектуру сайта и удобную навигацию;
  • современные тренды веб-дизайна и практику оформления страниц;
  • правила выбора и сочетания подходящих шрифтов и иллюстраций;
  • структуру лендингов и т.д.

Есть масса инструментов, без которых просто не обойтись в работе веб-дизайнера. Мы составили программу наших обучающих курсов онлайн таким образом, чтобы студенты могли получить все необходимые знания для создания крутого дизайна.

Минимальная зарплата веб-дизайнера в Украине $400, средняя (в Киеве) — $1200. Плюс профессии в том, что такой специалист не привязан к офису – есть возможность работать удалённо. Можно брать дополнительные заказы на фрилансе, в таком случае максимальная зарплата может быть около $2000 и выше. Если это твоё, то работа станет для тебя хобби. Ты будешь зарабатывать немалые деньги, занимаясь тем, что приносит удовольствие.

Специфические особенности веб-дизайна:

Веб-дизайн – творческая профессия, но лишь отчасти. Чтобы стать профессионалом, не помешает хороший вкус, но это можно компенсировать. Более того, полагаться на одну только интуицию и субъективное мнение – опасно, особенно когда есть доказанная информация о том, как будет лучше. Поэтому пренебрегать теорией не стоит — даже художники создают свои шедевры по определённым правилам композиции.

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

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

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

В отличие от многих других айти-профессий, веб-дизайнер видит результат своего труда — это очень мотивирует и вдохновляет. Видеть, что сайтом с твоим дизайном пользуются тысячи или даже десятки тысяч людей – действительно приятно.

Отзывы о курсе

Курс насыщенный практическими заданиями, хорошо подобраны темы лекций. Удобно, информативно, хорошее соотношение цена – качество.Что понравилось больше всего: объем практики. Екатерина - отличный преподаватель! Доступно объясняет, дает возможность самому дойти до решения задачи. Лекции живые, интересные.

IT курсы онлайн, курсы IT онлайн, курсы IT дистанционно, курсы по программированию онлайн, курсы по тестированию онлайн, курсы java онлайн, курсы javascript онлайн, курсы php онлайн, курсы по рекрутингу онлайн, курсы рекрутинга онлайн, курсы IT sales онлайн, курсы по продажам онлайн, курсы продажи в IT онлайн, онлайн уроки, IT курсы по интернету, IT курсы дистанционно, IT курсы удаленно

Благодарю за знания и практику.

Курс просто обалденный, местами конечно преподают материал сжато, но на практике все становится на свои места. Для тех, кто хочет получить реальные скилы в данном направлении и начать профессионально покорять ИТ - лучшего старта не найти. Более того вы познакомитесь с большим количеством талантливых, активных и классных людей.

IT курсы онлайн, курсы IT онлайн, курсы IT дистанционно, курсы по программированию онлайн, курсы по тестированию онлайн, курсы java онлайн, курсы javascript онлайн, курсы php онлайн, курсы по рекрутингу онлайн, курсы рекрутинга онлайн, курсы IT sales онлайн, курсы по продажам онлайн, курсы продажи в IT онлайн, онлайн уроки, IT курсы по интернету, IT курсы дистанционно, IT курсы удаленно

Интересно, нужно и доступно. Спасибо.