Язык преподавания в курсе – русский. Вскоре будет доступна украинская версия этого курса.
Видеозаписи лекций без обратной связи и участия преподавателя. Вы получите доступ к материалам сразу после оплаты.
Чему вы научитесь
– Углубленное изучение Figma
– Создание концептов сайтов
– Основы веб дизайна
– Введение в типографику
– Прототипирование
– Создание Лендинга по ТЗ
– Создание Интернет Магазина по ТЗ (апрель 2020)
– Исследование продукта
– Понимание целевой аудитории
– Создание презентации своей работы
– План развития в профессии
– Способы заработка для веб дизайнера
Требования
– Желание изучить Веб дизайн
– Компьютер и Интернет
Описание
Курс по веб дизайну для новичков. От основ и теории до применения знаний на практике.
Курс делится на несколько модулей. Мы пройдем теорию веб дизайна, узнаем основы этой науки и основные принципы создания дизайн макетов.
На практике мы столкнемся с техническим заданием. Пройдем все этапы работы над проектом, проведем бриф, проанализируем задачу и проект в целом, что бы создать максимально хороший и рабочий дизайн по теме.
Мы проработаем прототип, определим целевую аудиторию проекта, проведем анализ конкурентов и на основе всего этого приступим к работе. Это крайне важная часть работы веб дизайнера о которой практически никогда не говорится. Нельзя приступать к работе не зная что и для кого ты делаешь.
Мы создадим адаптивный макет под основные разрешения смартфонов и планшетов. Создадим стайл гайд для разработчиков и полностью подготовим работу к верстке.
В конце я помогу тебе создать презентацию твоей работы и мы вместе выложим ее на бихайнс. У тебя будет работа в портфеле, которую можно показывать потенциальным заказчикам.
В конце курса я расскажу где можно найти заказы и работу веб дизайнеру.
На данный момент в курсе есть практический модуль по созданию лендинга по тз. Практический модуль по созданию дизайн интернет магазина по тз.
Для кого этот курс?
– для тех, кто никогда не изучал веб дизайн, но хотел бы начать;
– для начинающих веб дизайнеров;
– для тех, кто хочет узнать о процессе создания дизайна больше, чем дает ютуб.
В курсе есть большой модуль по Figma в котором мы полностью разберем основные инструменты программы.
Для максимального эффекта от обучения курс состоит не только из видео уроков, но и из статей и домашних заданий. Без выполнения ДЗ теряется смысл обучения. Простой просмотр видео не даст 100% результата, только работа и практика сделают из тебя настоящего веб дизайнера.
Для кого этот курс:
– Начинающие веб дизайнеры и все те, кто хочет освоить эту профессию
Материалы курса
8 разделов • 67 лекций • Общая продолжительность 11 ч 41 мин
Введение
Знакомство с Figma
О чем этот модуль
Скачать Figma и зарегистрироваться в программе
Структура файлов
Обзор интерфейса программы
Сохранение и передача файла
Горячие клавиши
Move tool, Scale tool
Выравнивание объектов
Прямоугольник овал
Полигон Звезда
Обводка
Эффекты
Заливка градинет
Изображения
Маска
Перо
Инструмент “Текст”
Группа
Frame
Булевы группы
Эффекты наложения
Экспорт
Комьюнити
Плагины
Стили
Constraints (Ограничения/привязки) Часть 1
Constraints (Ограничения/привязки) Часть 2
Сетки. Часть 1
Сетки. Часть 2 ДЗ
Компоненты
Продвинутая Figma
Auto Layout
Selection colors
Практика работы в Figma
Основа атомарного дизайна
Создание атомов и молекул
Создание организмов
Откуда черпать вдохновение
Теория веб дизайна
Типографика
Типографика практика ДЗ
Сетки и направляющие в дизайне
Теория цвета
Где брать картинки для веб дизайна
Как подбирать картинки для проектов
Выравнивание объектов
Правило внутреннего и внешнего
Иерархия в веб дизайне
Практика. Создание дизайн концепции сайта(Шот)
Что такое дизайн концепт
Практика создания дизайн концепта сайта
Практика. Создание Лендинга. Бюджет 250$
Техническое задание проекта(ТЗ)
Подробнее о брифах
Определение целевой аудитории
Аналитика конкурентов
Создание прототипа сайта. Теория
Создание прототипа сайта. Практика
Создание концепта сайта
Создаем блоки с информацией
Создаем блок тарифов, форму связи и футер
Работа со слоями. Доработка дизайна.
Адаптив дизайна под планшет
Создание мобильной версии дизайна
Создание модальных окон ДЗ
Готовим работу к верстке. Стайл Гайд ДЗ
Этапы работы над проектом на фрилансе
Создание личного кабинета
Практика. Создания дизайна интернет магазина. Бюджет $400
Получение ТЗ
Создание концепта интернет магазина
Создание основных блоков главной страницы
Создание рекламного баннера и формы подписки
Создание футера
Проверка дизайна главной
Страница выдачи товара
Создание страницы товара. Карточка товара
Создание модального окна
Создание корзины
Создаем страницу оплаты
Создание кликабельного макета.
Введение в прототипирование в Figma
Создание кликабельного макета
Адаптивная версия дизайна интернет магазина
Адаптация главной
Адаптив страницы выдачи товаров
Адаптив карточки товара ДЗ
Адаптив корзины
Адаптив страницы оплаты
Создаем открытое меню в мобильной версии сайта
Проверка на ошибки
Создание стайл гайда
Отзывы
Отзывов пока нет.