Веб-дизайн: с нуля до трудоуст-
ройства с гарантией
ты научишься
создавать дизайн
сайтов и интерфейсов
(UX/UI) и найдешь
работу удаленно
или в офисе.
но всегда хотели делать что-то классное
и творческое. Работать удаленно
рублей
и диплом –
ваш билет
в профессию
рублей
и диплом –
ваш билет
в профессию
до трудоустройства
либо отклики от работодателей в течение 5 месяцев со старта курса
Это концентрат теории и практики, необходимый для быстрого старта в профессии и работы за деньги
по новой профессии
Как подбирать шрифты для сайта
Как установить шрифты на компьютер
Какие шрифты использовать, а какие нет
Как подобрать оптимальный размер блока с текстом
Как подобрать размер шрифта и заголовков
Какие типографские использовать и где их найти на клавиатуре
Висячие предлоги и союзы
Дефис, тире, минус
Правильное использование кавычек
Как правильно сочетать картинки и круглые картинки с текстом
Как правильно сочетать иконки с текстом
Стоки: где найти хорошие картинки и иконки бесплатно
Какие картинки и иконки можно использовать, а какие не подойдут
Композиция: как расположить элементы на большом экране и в небольших форматах
Как подобрать гармоничные цвета
Акциденция и стилизация с помощью цвета
Как нарисовать красивую тень для кнопки или карточки
Как нарисовать красивую кнопку: размер, цвет, тень, текст
В каком случае использовать кнопки, а в каком ссылки
Какие интерактивные элементы существуют и как их правильно использовать
Модульные сетки и колонки: в чем разница
Как построить вертикальную сетку для сайта (колонки)
Как создать вертикальный ритм на сайте
Инфостиль: как писать лаконичные формулировки
Рисуем атомы и молекулы: обычную кнопку, радиокнопки, чекбоксы, листали, фильты, списки
Рисуем популярные элементы сайтов и приложений: шапка, подвал, баннеры, пошаговый список, выпадающий список и меню, экран с иллюстрациями, список с иконками, отзывы, ответы на вопрсы, фильтр магазина, галерею товаров
ние дизайна
Как найти вдохновение перед началом работы
Где найти хорошие примеры (референсы)
Как правильно использовать референсы
Как согласовать дизайн разных элементов сайта в единую стилистику
Главная задача лендинга
Пошаговый алгоритм создании дизайна для разных видов сайтов
Исследование и поиск вдохновения
Микроформаты лендинга с примерами (стандартные элементы)
Как рисовать главный экран
Как рисовать форму заявки
Как рисовать баннеры
Как рисовать блоки с отзывами
Как рисовать блоки с ценами
Как рисовать шапку и подвал
Аватар клиента: как сформулировать и использовать целевую аудиторию
Как сделать удобный сайт для людей
Как создать текстовую структуру, чтобы сделать понятный и последовательный лендинг
Как нарисовать разные виды прототипов: скетч, лоскутный прототип, серые блоки и зачем они нужны
Как перейти от прототипа к дизайну, как подступиться
Как создать дизайн-систему, грамотно описывающую ваш дизайн
Как использовать стили и что нужно сохранить в стилях
117 вопросов для упаковки: как разобраться в бизнесе клиента и дополнить лендинг новыми смыслами
Современная модель лендинга с использованием лидмагнита
Как сделать лендинг под ключ
Плюсы и минусы конструкторов лендингов
Лучшие конструкторы лендингов
Конструкторы кода для дизайнеров: как сделать первые шаги к изучению верстки
Какие страницы интернет-магазина рисовать, когда у вас заказывают его дизайн
Как рисовать главную страницу
Как рисовать страницу категорий
Как рисовать галерею товаров
Как рисовать карточку товара
Как рисовать корзину
Как рисовать страницу оформление заказа
Как рисовать страницу успешного подтверждения заказа (страница «Спасибо»)
Как рисовать дополнительные инфо-страницы
Как построить нестандартную сетку под себя
Микро- и макро-сценарии: в чем разница и как использовать
Как сделать интерактивный прототип интернет-магазина, чтобы его можно было покликать
Как использовать компоненты и состояния Фигмы, чтобы массово изменять одинаковые элементы дизайна и создавать сайт как из конструктора
Что такое продуктовый дизайн и как стоит мыслить (3 ключевых шага)
Мышление через идеальный конечный результат
Как подступиться к созданию интерфейса: с чего начать, подход
Базовый сценарий и Happy path – что это и как создать
Альтернативные сценарии – как их правильно учесть
Какие шаги нужно сделать от идеи до финального дизайна
Детально изучаем основные компоненты UI: Поле ввода, Автополе, Комбобокс, Поле с токенами, Поле с валютой, Поле поиска, Поле с датой, Поле с маской, Поле с паролем, Поле с телефоном, Многострочное поле, Ссылка, Кнопка, Кнопка-меню, Кебаб-меню, Чекбокс, Тогл, Радиокнопки, Переключатель, Раскрывающийся список, Меню, Табы, Пейджинг, Ещёкалка, Скролл, Бесконечный скролл, Хинт, Тултип, Тост, Лайтбокс, Сайдпейдж
Детально изучаем принципы UI: Цвет, Модуль и сетка, Отступы и выравнивание, Текстовые стили, Типографика, Интерактивность, Время отклика, Анимация, Курсор, Автосохранение, Печать, Капча, Верстка форм, Валидация форм, Тексты ошибок, Поиск и фильтры, Фильтры в таблицах, Глоссарий, Мобильные приложения, Редполитика, Проектировщик, Юзабилист, Графический дизайнер, Пользовательские исследования, Как писать гайды Детально изучаем экраны: Структура экрана, Шапка, Подвал, Приветственные страницы, Страницы ошибок, Письма Гайдлайны, UI-киты, Slyleguides, – в чем разница и как использовать
Как использовать гайдлайны известных брендов, чтобы делать дизайн для них
Примеры гайдлайнов крупнейших российских и западных компаний
Режим арт-директора и режим дизайнера: как работать эффективно и сочетать в себе планирование и исполнение
Какие блоки обязательно должны быть в презентации
7 основных смысловых блоков
7 способов визуализации
Как оформить главную страницу с названием проекта
Как оформить стили и компоненты
Как оформить интересные детали дизайна
Как оформить карту экранов
Креативная диагональная подача экранов
Как оформить сценарий и карту переходов
Как оформить подачу дизайна «в жизни»
Как использовать фото процесса
Как добавить тематические объекты в презентацию
Как оформить анимацию и видеопрезентацию
Как оформить прототип и вайрфреймы
Ссылки на примеры хороших презентаций: лендинги, интернет-магазины, UX/UI, мобильные приложения
Как использовать мокапы
Как правильно подобрать мокап, и какие мокапы использовать нельзя
Где скачать мокапы
Как изменить мокап в фотошопе
Как разместить дизайне на Behance
Параметры макета для размещения: формат, ширина, высота, нарезка
Что должно быть в резюме: 7+ пунктов
Резюме или CV, – в чем разница и что использовать
Как лаконично оформить резюме и разместить в интернете
ройство
Считаем, сколько стоит наш дизайн
Считаем, сколько стоит наше время: рейт в час
Как оценить проект по объему
6 способов найти заказы в интернете
Где найти список студий, которым нужны дизайнеры
Лучшие группы с вакансиями для дизайнеров
Пассивный поиск заказов с помощью соцсетей
Выход на фриланс: с чего начать и где найти клиентов и проекты
Лучшие сайты поиска работы для дизайнеров
Как получить повторные заказы от прошлых клиентов
Как общаться с клиентами: структура беседы
Как писать письма клиентами: структура письма
Как откликаться на проекты на фрилансе: структура отклика
Как безопасно брать предоплату