Веб-дизайн: с нуля до гарантированного трудоустройства

Интуитивная работа на основном инструменте проектирования интерфейсов — Figma.

— Работа с формами и шрифтами;
— Горячие клавиши;
— Работа с вектором;
— Плагины и фичи программы.

+ основы обработки изображений в Photoshop

Как устроено восприятие пользователя? Всё о сетках, колонках, композиции и декомпозиции, построении иерархии и фундаментальных правилах создания web пространств.

— Тренды и стиль в дизайне;
— Графика, картинки, иконки;
— Колористика, цветовые схемы;
— Отступы, выравнивания, внутреннее и внешнее;
— Плашки, тени, формы, кнопки;
— Как достать информацию из кода.

Введение в типографику. Гарнитуры и шрифты, совместимые пары, микротипографика. Создадим сайт-визитку используя только инструментарий текста.

— Как загружать новые шрифты;
— Кегль, кернинг, интерлиньяж;
— Основы швейцарской типографики;
— Разница гарнитур в латинице и кириллице.

Модульный проект — Landing Page.

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

— Методология Design thinking;
— Понимание задачи продукта;
— Анализ исследование. Прототип. Mood board;
— Особенности навигации и содержания LP.
— От хедера до футера.

Адаптируем Landing Page под смарт девайсы.

Более 60% мирового трафика идет с мобильных гаджетов. Эра mobile first.

— Разница responsive/adaptive web-design;
— Мобильные версии знакомых сайтов;
— Размеры элементов для доступности всех групп пользователей.

Совместное создание продающих презентации финального дизайна, тонкости размещения и продвижения на Behance.

— Инструкция заполнения профиля на Behance;
— Разница подачи дизайна клиенту и в портфолио;
— Сценарий презентации;
— Креативная подача экранов;
— Параметры макета для размещения.

7

ВИДЕО ЛЕКЦИЙ

Создание E-commerce. Фриланс и компании.

Модуль #2

5

ПРЯМЫХ ЭФИРОВ ОТ КУРАТОРА

18

ПРАКТИЧЕСКИХ ДОМАШЕК

Интернет-магазин

Работа с большими проектами

Double diamond

Креативные методологии

Фриланс

Компании

Модульный проект №2 — Интернет-магазин.

Архитектура и содержание обязательных страниц. Интернет маркетинг посредством UI/UX правил.

— Главная страница;
— Каталог, Карточка товара;
— Корзина, Оформление заказа, 404;

Как оптимизировать работу над большими многофункциональными командными проектами.

— Создание user flow и product backlog;

— Интерактивный прототип интернет-магазина в Figma, чтобы его можно было кликать;

— Методология Атомарного дизайна;

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

Double diamond. В течение последних 15 лет эта модель проектирования есть наиболее используемой в организации дизайн-проектов.

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

Think outside the box — как развить в себе умение креативно смотреть на поставленные задачи.

— Методологии креативного мышления;
— Как результативно проводить Brainstorm;
— Почему важно не только находить идеи, но и отсекать их.

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

Обзор зарубежных и отечественных фриланс бирж.

— Пошаговая регистрация;
— Cover Letter, что писать клиенту;
— С чего правильно начинать что такое спринты;
— Платежные системы для вывода денег;
— Как презентовать и продавать свою работу.