web дизайн программа обучения

Станьте начинающим
веб-дизайнером

Что вы получите в Практикуме

За 4 месяца обучения по 15 часов в неделю вы освоите основные инструменты веб-дизайна, а также научитесь работать с композицией, цветом и типографикой страниц, делать анимацию и понятный заказчику функционал.

Как проходит обучение

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

Теория в интерактивном учебнике

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

Самостоятельная работа

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

Наставничество и поддержка

На протяжении всего обучения вам будут помогать наставники, преподаватели и дизайн-ревьюеры — веб-дизайнеры с большим практическим опытом. Наставники будут делиться знаниями и опытом. Дизайн-ревьюеры — проверять практические задания и предлагать улучшения. А преподаватели каждый день, включая выходные, будут отвечать на вопросы по теме курса.

Конец обучения — только начало

Завершив основную программу, вы сможете продолжить обучение на фриланс-треке. Чтобы помочь вам найти первые заказы на фрилансе:

— Мы научим собирать портфолио.
— Расскажем, как защитить себя от недобросовестных клиентов и как сформировать стоимость своих первых работ.
— Объясним, как писать заказчику и вести с ним дальнейшую коммуникацию.
— Поддержим на пути получения первых заказов.

Сколько стоит обучение

Вводная часть —
бесплатно

Бесплатная часть поможет познакомиться с устройством и содержанием курса получше, чтобы принять взвешенное решение.

Платное продолжение

13 000 ₽ помесячный платёж.
Итоговая сумма составит 52 000 ₽

50 000 ₽ при оплате сразу за
4 месяца обучения.

Программа обучения

Вводный курс

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

Знакомство с лендингами, основы композиции и типографики

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

Расскажем больше о типографике и не только: объясним, как правильно делать текст удобным для чтения. Обучим основам работы в Tilda.

Результат:
Вы оформите статью в красивый лонгрид на Tilda.

Углублённое изучение Tilda и инструменты эффективной самопрезентации

Введение в Readymag, основы маркетинга

Начнём рассказывать о Readymag и дизайн-сетке: как правильно зонировать и располагать информацию по блокам, чтобы сайт был понятным для пользователя.

Расскажем об основах маркетинга: разберём терминологию и узнаем, как писать продающие тексты и анализировать целевую аудиторию, чтобы правильно с ней взаимодействовать.

Результат:
Сделаете лендинг со сбором заявок на покупку, который будет эффективным с точки зрения маркетинга (лидогенератор).

Коммуникация с заказчиком, работа с брифом, ТЗ, айдентикой и гайдлайнами

Продолжим обучать работе в Readymag: делать анимацию, интеграции и работать с кастомным кодом. Обсудим принципы работы с заказчиком: почему без внятного ТЗ невозможно предугадать результат и как отличить понятный бриф от плохого.

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

Результат:
Соберёте лендинг для медицинской компании (продающая целевая страница).

Введение в Figma, вайрфрейминг

Начнём рассказывать о Figma: вы будете учиться работать с иллюстрациями и узнаете о вайрфрейме — макете сайта и его функций. Разберётесь с интеграциями в Tilda и переносом макетов.

Мы поможем освоить работу с маркетинговой аналитикой и копирайтингом: научим подключать метрики к посадочной и расскажем, как писать текст для конкретной целевой аудитории.

Результат:
Вы создадите лендинг для выезда на дизайн-выходные на Красной поляне, проанализируете его целевую аудиторию и напишете текст.

Принцип адаптивности, создание анимированного прототипа в Figma

Продолжаем рассказывать о работе с Figma: теперь вы будете делать анимированные прототипы — тестовые версии итогового лендинга с примерным функционалом. Разберёте продвинутые инструменты сервиса. Научитесь делать посадочную страницу одинаково удобной для доступа с мобильных устройств и компьютера.

Результат:
Запустите лендинг продажи премиального ЖК (мобильная и декстопная версия).

Дипломный проект

Закончив обучение, вы получите сертификат о прохождении курса, но для этого нужно сделать итоговую работу.

Итоговая большая работа станет главным проектом в портфолио. Мы предложим вам сделать лендинг франшизы и самостоятельно выбрать для него наиболее подходящие инструменты.

Фриланс-трек (по желанию)

После окончания основной программы можно пройти короткий курс, на котором вы оформите портфолио, а мы поможем вам начать работу с заказчиком и получить первые фриланс-заказы.

Начните учиться бесплатно

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

Часто задаваемые вопросы

Первый вариант — банковской картой. Вы можете платить, как вам удобно: единовременно или ежемесячно, то есть каждый месяц. Если вы захотите внести единоразовый платёж, обучение будет стоить дешевле.

Если вы решите оплачивать обучение ежемесячно, внесите сумму за первый месяц. Таким образом карта привяжется к вашему аккаунту. Далее платежи будут списываться автоматически каждые 30 календарных дней. Например, если вы заплатили 25 марта, то следующий раз деньги снимутся 24 апреля.

Второй вариант — через компанию. Юридические лица — резиденты РФ могут оплачивать курсы, переводя деньги с корпоративной банковской карты или расчётного счёта. Прочитать подробности и оформить заявку можно на странице Корпоративным клиентам.

Источник

Дополнительная образовательная программа «Web-дизайн»

Ищем педагогов в команду «Инфоурок»

Департамент образования города Москвы

Государственное бюджетное профессиональное образовательное учреждение

Колледж декоративно-прикладного искусства

имени Карла Фаберже

Директор ГБПОУ КДПИ им. К.Фаберже

___________________ М.И. Никулаева

«____» _________________ 2016 г.

Дополнительная образовательная программа

На один год обучения

Возраст детей – от 12 до 18 лет

«_____» ____________ 2016 г.

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

Умение представлять информацию в виде, удобном для восприятия и использования другими людьми, – одно из условий образовательной компетентности учащихся. Web-сайт – наиболее популярное и доступное для учащихся средство представления текстовой, графической и иной информации в сети Интернет.

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

В современном мире диапазон применения компьютерной графики весьма широк – от создания мультимедийных программ, телевизионной рекламы и спецэффектов в кино до компьютерного проектирования в машиностроении и фундаментальных научных исследований. Бурное развитие сети Интернет предъявляет все большие требования к знанию учащихся в области Интернет-технологий. Одной из составляющих данной области является Web-дизайн. Именно на Web-дизайнеров возложена обязанность создания удобного, простого и понятного способа навигации в сети Интернет. Реалии сегодняшнего дня таковы, что любой желающий может создать свой собственный Web-сайт и разместить его, абсолютно бесплатно, в сети Интернет. К сожалению, эта возможность не всегда способствует появлению в Российском сегменте сети качественно разработанных и информационно насыщенных сайтов. Зачастую приходится видеть Интернет-сайты, построенные по шаблонам, с запутанной навигацией и режущей глаза расцветкой. На лицо низкая подготовка начинающих Web-дизайнеров, возраст которых с каждым годом снижается.

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

ОБУЧАЮЩИЕ (развитие познавательного интереса к чему-либо, включение в познавательную деятельность, приобретение определенных знаний, умений, навыков, развитие мотивации к определенному виду деятельности и т.п.):

сформировать у учащихся целостное представление об информационной картине мира средствами сети Интернет, научить способам представления информации в сети Интернет;

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

сформировать навыки элементарного проектирования, конструирования веб-сайта;

дать базовые навыки программирования на языках HTML, CSS, JavaScript;

реализовать коммуникативные, технические и эвристические способности учащихся в ходе проектирования и конструирования сайтов;

сформировать отношение к компьютеру как инструменту для творчества, созидания, реализации своих потребностей;

сформировать навыки элементарного проектирования, конструирования, размещения и сопровождения мультимедийного проекта.

РАЗВИВАЮЩИЕ (связаны с творчеством ребенка, формированием потребностей в самопознании и саморазвитии):

развивать пространственное, образное мышление учащегося, являющегося важнейшей частью его интеллектуального развития в целом;

развивать творческий подход к делу и поиску нестандартных решений в процессе создания Web-сайта;

развивать эстетический вкус и дизайнерское мышление;

развивать творческие авторские начала через создание самостоятельных проектов, участие в конкурсах и олимпиадах;

способствовать обогащению жизненного опыта и формированию системы ценностей;

повышать грамотность учащихся в области Интернет-технологий.

ВОСПИТАТЕЛЬНЫЕ (формирование у обучающихся социальной активности, гражданской позиции, культуры общения и поведения в социуме, навыков здорового образа жизни и т.п.)

воспитать умение эффективно работать в команде и индивидуально, над решением нестандартных задач.

С самого начала изучения данного курса для учащегося создается среда, позволяющая наиболее полно проявить свои творческие способности.

Обучающиеся должны знать:

принципы и структуру устройства сети Интернет, формы представления и управления информацией в сети Интернет;

найти, сохранить и систематизировать необходимую информацию из сети с помощью имеющихся технологий и программного обеспечения;

спроектировать и изготовить веб-сайт объемом 5-10 страниц на заданную тему;

программировать на языках HTML, CSS на уровне создания не менее 3-5 соответствующих элементов сайта;

Организационно-педагогические основы образовательного процесса

Программа рассчитана на учащихся 12-18 лет.

Обучение осуществляется в течение одного года.

Организация деятельности учащихся:

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

используемые технологии обучения (лекционные, блочно-модульные, дистанционные);

режим организации занятий:

a) общее количество часов в год — 132 часа;

b) количество занятий 3 часа в неделю.

Требования к начальному уровню знаний

Учащиеся должны иметь теоретические и практические навыки работы на персональном компьютере:

1. Знать базовые знания ПК.

2. Операционную систему Windows.

3. Основные элементы окна.

4. Уметь работать с файлами и папками.

5. Знать основы работы со службой WWW и программой Internet Explorer 6 или выше.

Формы организации учебных занятий

Основной тип занятий — практикум. Большинство заданий курса выполняется с помощью персонального компьютера и необходимых программных средств. Доступ в Интернет желателен, но не обязателен. Многие работы ученики могут осуществлять без подключения к сети. Единицей учебного процесса является блок занятий (тема). Каждая такая тема охватывает изучение отдельной информационной технологии или ее части. В предлагаемой программе количество часов на изучение материала определено для тематических блоков уроков, связанных с изучением основной темы. Внутри блоков разбивка по времени изучения производится преподавателем самостоятельно. С учетом регулярного повторения ранее изученных тем темп изучения отдельных разделов блока определяется субъективными и объективными факторами. В ходе обучения проводятся краткие срезовые работы (тесты, творческая работа) по определению уровня знаний обучающихся по данной теме. Выполнение контрольных способствует быстрой мобилизации и переключению внимания на осмысливание материала изучаемой темы. Кроме того, такая деятельность ведет к закреплению знаний и служит регулярным индикатором успеш- ности образовательного процесса. Регулярное повторение способствует закреплению изученного материала. Индивидуальная учебная деятельность сочетается с проектными формами работы по созданию сайта. Выполнение проектов завершается их защитой и рефлексивной оценкой.

Основная методическая установка курса — обучение школьников навыкам самостоятельной индивидуальной и групповой работы по практическому конструированию мультимедийных продуктов. Индивидуальное освоение ключевых способов деятельности происходит на основе системы заданий и алгоритмических предписаний, изложенных в учебном пособии для обучающихся. Большинство заданий выполняется с помощью персонального компьютера и необходимых программных средств.

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

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

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

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

В качестве дополнительных источников информации по курсу рекомендуются справочники, дополнительная литература с описанием новых программных средств (меняется ежегодно), а также разделы «Справка» в изучаемых компьютерных программах. Выработка навыка самостоятельного изучения программных средств позволит обучающимися самостоятельно продолжать образование после окончания данного курса.

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

Входной контроль проводится при поступлении в объединение. Ребёнок проходит собеседование для установления уровня общего развития и уровня базовой компьютерной подготовки.

Текущий контроль проводится посредством выполнения обучаемыми самостоятельных работ на пройденные темы.

Итоговый контроль – это результат обученности ребёнка, который оценивается по его личным достижениям относительно собственных возможностей.

Формы подведения итогов

Осуществляется путем проведения защиты творческой работы, которая выполняется учащимися самостоятельно.

Директор ГБПОУ КДПИ

___________________ М.И. Никулаева

« » _______________ 2016 г.

Возрастная категория от 12 до 18 лет

Разработчик: преподаватель Пряхина Елена Александровна

Продолжительность занятий 3 часа в неделю

Раздел 4. Создание интерактивных элементов

Раздел 5. Работа над индивидуальным проектом (создание одностраничного сайта)

Источник

Веб-дизайн с нуля до PRO

web дизайн программа обучения. Смотреть фото web дизайн программа обучения. Смотреть картинку web дизайн программа обучения. Картинка про web дизайн программа обучения. Фото web дизайн программа обучения

Вы научитесь создавать дизайн сайтов в Figma. Поработаете с реальными кейсами и соберёте портфолио. Освоите перспективную специальность и сможете начать карьеру в дизайн-студии, IT-компании или на фрилансе.

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

сейчас ищут веб-дизайнеров

зарплата начинающего специалиста, по данным hh.ru

Кому подойдёт этот курс

web дизайн программа обучения. Смотреть фото web дизайн программа обучения. Смотреть картинку web дизайн программа обучения. Картинка про web дизайн программа обучения. Фото web дизайн программа обучения

Тем, кто хочет начать карьеру в дизайне

Научитесь с нуля создавать дизайн сайтов и мобильных приложений в Figma. Соберёте портфолио и сможете зарабатывать на веб-дизайне.

web дизайн программа обучения. Смотреть фото web дизайн программа обучения. Смотреть картинку web дизайн программа обучения. Картинка про web дизайн программа обучения. Фото web дизайн программа обучения

Дизайнерам-самоучкам

Изучите UX-дизайн, адаптивность и несложную анимацию. Дополните портфолио новыми работами. Заполните пробелы в знаниях и станете профессиональным дизайнером.

web дизайн программа обучения. Смотреть фото web дизайн программа обучения. Смотреть картинку web дизайн программа обучения. Картинка про web дизайн программа обучения. Фото web дизайн программа обучения

Тем, кто хочет перейти на фриланс

Узнаете, как самостоятельно находить заказчиков и делать работу так, чтобы они возвращались. Сможете уйти из офиса и работать по своим правилам из любой точки мира.

Проект по реальному заданию от заказчика

Раз в месяц вы будете участвовать в дизайн-спринтах. Это отличный шанс сделать сильный проект для портфолио и поработать в условиях, приближенных к будням дизайнера.

Участники предыдущих потоков уже делали:

web дизайн программа обучения. Смотреть фото web дизайн программа обучения. Смотреть картинку web дизайн программа обучения. Картинка про web дизайн программа обучения. Фото web дизайн программа обучения

Чему вы научитесь

Создавать сайты и приложения в Figma

Изучите принципы композиции и теорию цвета. Сможете создать макет, подготовить его к вёрстке и написать спецификацию для разработчиков.

Делать адаптивные макеты

Поймёте, как разработать дизайн, который будет отлично смотреться на разных устройствах. Научитесь адаптировать макеты и создавать мобильные версии сайтов.

Создавать удобные интерфейсы

Узнаете, что такое UX, научитесь строить User Flow и Customer Journey Map. Сможете создавать понятные и удобные интерфейсы по правилам юзабилити.

Делать несложную анимацию

Научитесь анимировать элементы интерфейса и создавать переходы между страницами в Figma. Сможете показать заказчику кликабельный прототип.

Писать тексты для интерфейсов

Узнаете о требованиях к текстам в интерфейсе: от инфоблоков до кнопок. Поймёте, как сделать их лаконичными, читаемыми и понятными.

Общаться с заказчиками

Поймёте, как обсуждать задачу, сопровождать проект и не срывать сроки. Сможете стать специалистом, к которому обращаются снова.

Примеры работ студентов

web дизайн программа обучения. Смотреть фото web дизайн программа обучения. Смотреть картинку web дизайн программа обучения. Картинка про web дизайн программа обучения. Фото web дизайн программа обучения

Веб-дизайн сервиса Lokimo

Лендинг с увлекательными квестами по городам мира.

Автор: Любовь Радковец

web дизайн программа обучения. Смотреть фото web дизайн программа обучения. Смотреть картинку web дизайн программа обучения. Картинка про web дизайн программа обучения. Фото web дизайн программа обучения

Веб-дизайн и анимация арт-проекта для Сбера

Сайт-музей, где можно увидеть легендарные картины Сандро Боттичелли.

Автор: Полина Хлебникова

web дизайн программа обучения. Смотреть фото web дизайн программа обучения. Смотреть картинку web дизайн программа обучения. Картинка про web дизайн программа обучения. Фото web дизайн программа обучения

Веб-дизайн для «Ситимобил»

Лендинг с подарочными сертификатами на поездки в такси.

Автор: Луиза Мурадян

web дизайн программа обучения. Смотреть фото web дизайн программа обучения. Смотреть картинку web дизайн программа обучения. Картинка про web дизайн программа обучения. Фото web дизайн программа обучения

Веб-дизайн магазина Winestyle

Онлайн-магазин, где можно заказать вино с доставкой.

Автор: Кадрия Хусаинова

web дизайн программа обучения. Смотреть фото web дизайн программа обучения. Смотреть картинку web дизайн программа обучения. Картинка про web дизайн программа обучения. Фото web дизайн программа обучения

Веб-дизайн сервиса «МодульКасса»

Лендинг, который помогает разобраться в работе онлайн-кассы и заказать её с доставкой.

Автор: Батор Цыдыпов

О Skillbox

web дизайн программа обучения. Смотреть фото web дизайн программа обучения. Смотреть картинку web дизайн программа обучения. Картинка про web дизайн программа обучения. Фото web дизайн программа обучения

web дизайн программа обучения. Смотреть фото web дизайн программа обучения. Смотреть картинку web дизайн программа обучения. Картинка про web дизайн программа обучения. Фото web дизайн программа обучения

web дизайн программа обучения. Смотреть фото web дизайн программа обучения. Смотреть картинку web дизайн программа обучения. Картинка про web дизайн программа обучения. Фото web дизайн программа обучения

web дизайн программа обучения. Смотреть фото web дизайн программа обучения. Смотреть картинку web дизайн программа обучения. Картинка про web дизайн программа обучения. Фото web дизайн программа обучения

Как проходит обучение

Изучаете тему

В курсе — практические видеоуроки.

web дизайн программа обучения. Смотреть фото web дизайн программа обучения. Смотреть картинку web дизайн программа обучения. Картинка про web дизайн программа обучения. Фото web дизайн программа обучения

Выполняете задания

В том темпе, в котором вам удобно.

web дизайн программа обучения. Смотреть фото web дизайн программа обучения. Смотреть картинку web дизайн программа обучения. Картинка про web дизайн программа обучения. Фото web дизайн программа обучения

Участвуете в дизайн-спринтах

Выполняете задания и получаете обратную связь от экспертов.

web дизайн программа обучения. Смотреть фото web дизайн программа обучения. Смотреть картинку web дизайн программа обучения. Картинка про web дизайн программа обучения. Фото web дизайн программа обучения

Защищаете дипломную работу

И дополняете ею своё портфолио.

web дизайн программа обучения. Смотреть фото web дизайн программа обучения. Смотреть картинку web дизайн программа обучения. Картинка про web дизайн программа обучения. Фото web дизайн программа обучения

Программа

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

Figma с нуля до PRO

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

Знакомство с Figma

Разберётесь в интерфейсе и базовых настройках программы. Научитесь использовать геометрические фигуры, слои и текстовые поля. Соберёте свой первый прототип.

Основные инструменты Figma

Узнаете, что такое фреймы и чем они отличаются от слоёв. Научитесь рисовать простые фигуры, добавлять цвет, эффекты и текст. Познакомитесь с основами прототипирования.

Иконки, иллюстрации и картинки

Узнаете, как создавать собственные иконки и обрабатывать изображения, используя внутренние инструменты Figma. Сможете делать дизайн-макеты с нуля, не используя сторонние редакторы.

Компоненты

Узнаете, как создавать компоненты и пользоваться панелью настроек. Научитесь делать интерактивные прототипы и показывать заказчику, как люди будут пользоваться будущим сайтом.

Библиотеки компонентов и общие стили

Сможете создавать библиотеки стилей и UI Kit, чтобы стандартизировать элементы интерфейса. Научитесь верстать аккуратные макеты с помощью модульных сеток.

Auto Layout и Variants

Поймёте, как объединить макеты в систему с помощью функции Variants. Сможете создавать и адаптировать под разные устройства сложные элементы интерфейса.

Сложные многостраничные документы

Научитесь работать с базовыми экранами и создавать дерево страниц. Освоите бета-версию функции Branches. Поймёте, как организовать работу команды над разными версиями одного макета.

Дополнительные возможности и сообщество авторов

Узнаете, какие плагины помогут вам быстро создавать драфтовые проекты и работать с правками. Научитесь добавлять анимацию в прототипы.

Подготовка макета для разработчиков

Сможете показать разработчику технические аспекты проекта и код компонентов. Научитесь оптимизировать работу команды с помощью плагина Figma Jam.

Веб-дизайн с нуля до PRO

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

Знакомство с профессией веб-дизайнера

Узнаете, какие задачи решают веб-дизайнеры и почему эти специалисты так востребованы. Познакомитесь с профессиональными терминами и инструментами.

Первый заказ: коммуникация с заказчиком и техническое задание

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

Поиск идеи

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

Модульные сетки

Любой макет начинается с модульной сетки. Вы познакомитесь с её видами и научитесь выбирать подходящую. Узнаете о нюансах сеток для мобильной и полной версий.

Вертикальный ритм

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

Типографика

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

Спринт 1

Дорого и минималистично: создаём дизайн лендинга на основе типографики.

Задача текстов в интерфейсах

Узнаете о требованиях к текстам для интерфейсов. Познакомитесь с основами UX-копирайтинга. Сможете дорабатывать тексты так, чтобы они были понятны пользователям и идеально вписывались в макет.

Цвета, фоны и тени

Освоите теорию цвета и узнаете о его функциях в интерфейсе. Поймёте, как подбирать палитру для сайта и выделять главные для пользователя элементы. Сможете создавать реалистичную тень для кнопок и других компонентов дизайна.

Контраст и читаемость

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

Прототип первой страницы

Создадите вайрфрейм — прототип с упором на структуру и логику, а не на визуальное оформление. Освоите два подхода к проектированию: блочный и freestyle.

Спринт 2

UX-райтинг: создаём лендинг и готовим тексты для всех элементов интерфейса.

Первый экран страницы

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

Исследование пользователей: Customer Journey Map и User Flow

Узнаете, как учесть в дизайне потребности целевой аудитории. Научитесь составлять Customer Journey Map и User Flow, оценивать поведение пользователей на каждом этапе взаимодействия с сайтом.

Навигация

Разберётесь в видах навигации. Поймёте, для каких задач и устройств подходит каждый из них.

Дизайн основных блоков

Научитесь создавать карточки товаров, слайдеры, блоки с преимуществами, тарифами и рекламой. Соберёте полноценную страницу и поймёте, как презентовать её клиенту. Сможете объяснить свои дизайн-решения, адекватно воспринимать правки и работать с возражениями заказчика.

Адаптивность и компоненты

Познакомитесь с адаптивным веб-дизайном и его принципами. Разберёте популярные сетки для адаптивов. Узнаете, как сделать качественную мобильную версию сайта.

Спринт 3

Адаптируем макет страницы для компьютера, планшета и мобильного телефона.

Презентация проекта заказчику

Узнаете, как оформить проект в эффектную и понятную презентацию. Научитесь объяснять свои решения заказчику и отвечать на типичные или неожиданные вопросы.

Передача макета разработчикам

Наведёте порядок в слоях и их названиях, создадите простую анимацию элементов и переходы между страницами, составите спецификацию. Научитесь проводить дизайн-ревью после вёрстки.

Спринт 4

Приёмы для эффектного портфолио: оформляем кейс на Behance.

Кейс для портфолио

Разберётесь, что лучше для продвижения — сайт-визитка или портфолио на дизайн-площадках. Научитесь оформлять кейсы на Behance так, чтобы ваши работы заметили и оценили. Узнаете о платных и бесплатных способах продвижения.

Бонус-модули

Дипломный проект

Дизайн-концепт сайта

Выберете одного из реальных заказчиков и разработаете дизайн сайта для его бизнеса. Используете принципы сторителлинга, чтобы рассказать о своей работе.

Получить презентацию курса и консультацию специалиста

Похоже произошла ошибка. Попробуйте отправить снова или перезагрузите страницу.

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *