Курс по веб-дизайну «Дизайн взлёт 8.0» [Study Kvo] [Саня Кво]
ДИЗАЙН ВЗЛЁТ 8.0
Пошаговый курс по веб-дизайну, на котором вы сделаете полноценное портфолио и разберётесь как находить платные заказы
Продажник:
Стоимость 8999р (Пакет Пилот)
ДИЗАЙН ВЗЛЁТ 8.0
Пошаговый курс по веб-дизайну, на котором вы сделаете полноценное портфолио и разберётесь как находить платные заказы
Где брать бесплатные изображения
Как скачивать бесплатно иконки в едином стиле
Где можно покупать платные изображения
Особенности использования некоммерческой лицензии
Как в фотошопе можно вырезать объекты: простая сложность
Как в фотошопе можно вырезать объекты: средняя сложность
Как в фотошопе можно вырезать объекты: сложный кейс
Использование специальных кистей для вырезания волос сложных объектов
Как можно делать кастомные переходы для сайта в Фотошопе
Booster изображения: как можно улучшить качество 99% изображений
Создание фоновых объектов для дизайна
Создание устойчивой тени объекта
Техника удлинения изображений (фоновые изображения)
Инструмент Frame
Инструменты Rectangle
Остальные базовые инструменты
Использование нулевых операций
Инструмент Text
Pen и Pencil
Инструмент Scale
Инструмент Slice
Создание гармоничной тени в Фигме
Тени в Фигме: правила и ошибки
Эффект маски для PNG-объектов
Использование библиотеки в дизайне
Использование локальных стилей в дизайне
Множественное управление объектами
Дизайн мышление
Проявление эмпатии в работе веб-дизайнера
Психофизиологические особенности восприятия макетов
Когнитивная нагрузка в дизайн-макете
Психофизиологические приёмы в распределении объектов
Особенности визуальной памяти элементов
Использование лиц людей: за и против
Использование заведомо-стоковых изображений (клише)
Что такое контрасты в веб-дизайне
Принципы использование контрастов
Управление вниманием при помощи формы
Управление вниманием при помощи цвета
Управление вниманием при помощи размера
Психология группировки визуальных объектов
Правило внутреннего и внешнего в объектах
Правило внутреннего и внешнего в текстовых блоках
Нарушение группировки: чего стоит избегать и как
Дизайн на малой площади
Как использовать линии в веб-дизайне
Аспекты современного дизайна
Первичность контента
Использование скеоморфичной графики
Зачем нужно проводить дизайн-исследование
Как проводить дизайн-исследование
Анализ прямых конкурентов и конкурентов смежных тематик
Как собирать референты визуальных паттернов
Как собирать референты: способ 1
Как собирать референсы: способ 2
Основные текстовые единицы в веб-дизайне
Как задавать идеальный интерлиньяж
Классификация шрифтов
Где можно брать шрифты для коммерческого использования
Где можно брать шрифты для личного использования
Сочетание классов шрифтов
Как подбирать выключку для текста
Правила и табу в выключке текста
(!) Шпаргалка текстовых значений для Desktop-макетов
(!) Шпаргалка текстовых значений для Tablet-макетов
(!) Шпаргалка текстовых значений для Mobile-макетов
Использование сервисов для расчёта текстовых элементов сайта
Критические «нельзя» при работе с текстом
Использование кавычек и текста «рыбы» в макетах
Понятие цветового круга
Использование сервисов для подбора гаммы сайта
Как пользователь воспринимает цвет
Важные тонкости при работе с цветом
Как использовать якорные объекты в блоках и элементах
Якорные линии и точки
Какую ширину экрана нужно брать для проекта
Как сделать сетку, которая подойдёт для большинства клиентов
Шаблоны сеток для 99% проектов
Как создавать композицию для сайта
Как использовать визуальный баланс
Как учитывать оптическое положение объекта
Особенности оптического выравнивания объектов
Домашнее задание: Тест
Как делать дизайн Button (кнопка)
Как делать дизайн Input (поле ввода)
Как делать дизайн элементов множественного единичного выбора
Как делать дизайн элементов переключения
Как сделать всплывающие подсказки
Как сделать дизайн pop-up окон
Как сделать форму заявки (правила)
Какую высоту учитывать в макетах. От чего отталкиваться
Стиль в графике: скеоморфизм
Как создавать узоры онлайн
Как обеспечить качественный контраст для контента
Конверсия
Что такое продающие факторы. Заблуждения
Как проводить практические эксперименты
Домашнее задание: дизайн промо-страницы
Из чего состоит Landing page: ключевые блоки, опциональные блоки
Преимущество посадочных страниц
Как ускорить работу через компоненты
Что такое ограничения в фигме и как их использовать
Как определить шрифт по изображению
Как в Figma писать текст по дуге
Как в Figma генерировать фотографии
Как создавать современные абстрактные фигуры
Как быстро находить логотипы компаний
Плагины для быстрого доступа к бесплатным иконкам
Как создавать волны в Figma
Как вычленять из изображения ключевые цвета
Как можно трассировать изображение в вектор без Иллюстратора
Как создавать эффект изометрии в Фигме
Как стилизовать дизайн карты
Как добавлять карту в дизайн-макет
Сервис для быстрой обтравки изображений
Как быстро сделать из плоского объекта объемный (без 3Д-программ)
Как использовать мокапы напрямую из Фигмы
Как создавать фирменную текстуру шума
Домашнее задание: landing page
Из каких этапов состоит выполнение заказа: обязательные и опциональные
Как вызывать доверие профилем в соцсетях
Как вызывать доверие профилем на прочих ресурсах
Обязательные пункты для упаковки себя как специалиста в соцсетях
Чего нельзя делать в своих профилях
Источники для получения заказов: бесплатные
Источники для получения заказов: нестандартные
Источники для получения заказов: неочевидные
Конкурсы
Как правильно откликаться на проекты
Аналитика откликов, типовые ошибки и табу
Ценообразование проектов: способ 1
Ценообразование проектов: способ 2
Ценообразование проектов: способ 3
Как подходить к внесению правок
Чит-код штрафной ставки в дизайне
Как правильно проводить брифинг заказчика
Какие вопросы нужно задавать заказчику
Для чего нужен этап wireframe
Как создавать wireframe макет для заказчика
(!) Шаблоны для создания таких макетов
Использование мудбордов
(!) Шаблон для создания мудборда
Как правильно себя позиционировать при общении с заказчиком
Как определить нежелательных заказчиков (мошенников)
Для чего нужны партнёрства дизайнеру
Самостоятельная стратегия развития
Стратегия развития с менеджментом
Как выгодно заводить партнёрства
Особенности работы на русскоязычных источниках
Особенности работы на англоязычных источниках
Домашнее задание: Посадочная страница с высокой конверсией
Как делать грамотные QUIZ-лендинги
Как делать прототипирование в Фигме
Использование переходов и оверлеев
Как делать анимацию без дополнительных программ
Как использовать функцию Auto Layout
Как показывать макет заказчику через прототип
Как делать многостраничные сайты
Как делать интернет-магазины
В чем отличие многостраничных сайтов от LP
Для чего нужна Система управления содержимым
Какие страницы нужно дизайнить для интернет-магазина
Что такое типовая страница
Какую ширину использовать при создании адаптивного дизайна
Особенности планшетной версии сайта
Особенности мобильной версии макета
Практика по созданию адаптивного дизайна
Как использовать «зеркало» при создании мобильного дизайна
Как передавать макет в вёрстку
Как отдавать макет заказчику
Responsive design: Как сделать дизайн отзывчивым
Как создавать грамотный UI-kit
Прямой способ передачи макета
Как передавать макет через Zeplin
Как верстальщику передать свои комментарии
Каких правил нужно придерживаться, чтобы верстальщики хотели с вами работать
Домашнее задание: Дизайн интернет-магазина
Домашнее задание: Адаптивный дизайн
Практика: Создание UI-kit
Практика: Подготовка макета к вёрстке
Для чего нужна упаковка работ
Как правильно загружать работы в соцсети
Как правильно загружать работы на Behance
Как сделать цепляющую обложку кейса
Смысловые блоки упаковки кейса
Как делать упаковку: с технической точки зрения
Три способа использовать мокапы для упаковки
Как показывать верстальщику примеры сложной анимации
Где можно «подглядывать» примеры анимации, которую можно посоветовать верстальщику
(!) Приглашение в чат рекламы кейсов всех потоков ДВ
Домашнее задание: Упаковка кейсов для портфолио
Прямой эфир №1
Прямой эфир №2
Прямой эфир №3
Прямой эфир №4
Прямой эфир №5
Прямой эфир №6
Прямой эфир №7
Поддержка по всем возникающим вопросам
Возьмете проект в процессе обучения — поможем на каждом этапе
ДОМАШНИЕ ЗАДАНИЯ
При выполнении всех заданий у вас будет полноценное портфолио:
Промо-сайт
1 лендинг
Квиз
Интернет-магазин
Выпускной лендинг (2 и 3 тариф)
На каждом из ДЗ будет дано по 3-4 разных темы, поэтому вы сможете сделать портфолио в несколько раз больше.
Как скачивать бесплатно иконки в едином стиле
Где можно покупать платные изображения
Особенности использования некоммерческой лицензии
Как в фотошопе можно вырезать объекты: простая сложность
Как в фотошопе можно вырезать объекты: средняя сложность
Как в фотошопе можно вырезать объекты: сложный кейс
Использование специальных кистей для вырезания волос сложных объектов
Как можно делать кастомные переходы для сайта в Фотошопе
Booster изображения: как можно улучшить качество 99% изображений
Создание фоновых объектов для дизайна
Создание устойчивой тени объекта
Техника удлинения изображений (фоновые изображения)
Инструмент Frame
Инструменты Rectangle
Остальные базовые инструменты
Использование нулевых операций
Инструмент Text
Pen и Pencil
Инструмент Scale
Инструмент Slice
Создание гармоничной тени в Фигме
Тени в Фигме: правила и ошибки
Эффект маски для PNG-объектов
Использование библиотеки в дизайне
Использование локальных стилей в дизайне
Множественное управление объектами
Дизайн мышление
Проявление эмпатии в работе веб-дизайнера
Психофизиологические особенности восприятия макетов
Когнитивная нагрузка в дизайн-макете
Психофизиологические приёмы в распределении объектов
Особенности визуальной памяти элементов
Использование лиц людей: за и против
Использование заведомо-стоковых изображений (клише)
Что такое контрасты в веб-дизайне
Принципы использование контрастов
Управление вниманием при помощи формы
Управление вниманием при помощи цвета
Управление вниманием при помощи размера
Психология группировки визуальных объектов
Правило внутреннего и внешнего в объектах
Правило внутреннего и внешнего в текстовых блоках
Нарушение группировки: чего стоит избегать и как
Дизайн на малой площади
Как использовать линии в веб-дизайне
Аспекты современного дизайна
Первичность контента
Использование скеоморфичной графики
Зачем нужно проводить дизайн-исследование
Как проводить дизайн-исследование
Анализ прямых конкурентов и конкурентов смежных тематик
Как собирать референты визуальных паттернов
Как собирать референты: способ 1
Как собирать референсы: способ 2
Основные текстовые единицы в веб-дизайне
Как задавать идеальный интерлиньяж
Классификация шрифтов
Где можно брать шрифты для коммерческого использования
Где можно брать шрифты для личного использования
Сочетание классов шрифтов
Как подбирать выключку для текста
Правила и табу в выключке текста
(!) Шпаргалка текстовых значений для Desktop-макетов
(!) Шпаргалка текстовых значений для Tablet-макетов
(!) Шпаргалка текстовых значений для Mobile-макетов
Использование сервисов для расчёта текстовых элементов сайта
Критические «нельзя» при работе с текстом
Использование кавычек и текста «рыбы» в макетах
Понятие цветового круга
Использование сервисов для подбора гаммы сайта
Как пользователь воспринимает цвет
Важные тонкости при работе с цветом
Как использовать якорные объекты в блоках и элементах
Якорные линии и точки
Какую ширину экрана нужно брать для проекта
Как сделать сетку, которая подойдёт для большинства клиентов
Шаблоны сеток для 99% проектов
Как создавать композицию для сайта
Как использовать визуальный баланс
Как учитывать оптическое положение объекта
Особенности оптического выравнивания объектов
Домашнее задание: Тест
Как делать дизайн Button (кнопка)
Как делать дизайн Input (поле ввода)
Как делать дизайн элементов множественного единичного выбора
Как делать дизайн элементов переключения
Как сделать всплывающие подсказки
Как сделать дизайн pop-up окон
Как сделать форму заявки (правила)
Какую высоту учитывать в макетах. От чего отталкиваться
Стиль в графике: скеоморфизм
Как создавать узоры онлайн
Как обеспечить качественный контраст для контента
Конверсия
Что такое продающие факторы. Заблуждения
Как проводить практические эксперименты
Домашнее задание: дизайн промо-страницы
Из чего состоит Landing page: ключевые блоки, опциональные блоки
Преимущество посадочных страниц
Как ускорить работу через компоненты
Что такое ограничения в фигме и как их использовать
Как определить шрифт по изображению
Как в Figma писать текст по дуге
Как в Figma генерировать фотографии
Как создавать современные абстрактные фигуры
Как быстро находить логотипы компаний
Плагины для быстрого доступа к бесплатным иконкам
Как создавать волны в Figma
Как вычленять из изображения ключевые цвета
Как можно трассировать изображение в вектор без Иллюстратора
Как создавать эффект изометрии в Фигме
Как стилизовать дизайн карты
Как добавлять карту в дизайн-макет
Сервис для быстрой обтравки изображений
Как быстро сделать из плоского объекта объемный (без 3Д-программ)
Как использовать мокапы напрямую из Фигмы
Как создавать фирменную текстуру шума
Домашнее задание: landing page
Из каких этапов состоит выполнение заказа: обязательные и опциональные
Как вызывать доверие профилем в соцсетях
Как вызывать доверие профилем на прочих ресурсах
Обязательные пункты для упаковки себя как специалиста в соцсетях
Чего нельзя делать в своих профилях
Источники для получения заказов: бесплатные
Источники для получения заказов: нестандартные
Источники для получения заказов: неочевидные
Конкурсы
Как правильно откликаться на проекты
Аналитика откликов, типовые ошибки и табу
Ценообразование проектов: способ 1
Ценообразование проектов: способ 2
Ценообразование проектов: способ 3
Как подходить к внесению правок
Чит-код штрафной ставки в дизайне
Как правильно проводить брифинг заказчика
Какие вопросы нужно задавать заказчику
Для чего нужен этап wireframe
Как создавать wireframe макет для заказчика
(!) Шаблоны для создания таких макетов
Использование мудбордов
(!) Шаблон для создания мудборда
Как правильно себя позиционировать при общении с заказчиком
Как определить нежелательных заказчиков (мошенников)
Для чего нужны партнёрства дизайнеру
Самостоятельная стратегия развития
Стратегия развития с менеджментом
Как выгодно заводить партнёрства
Особенности работы на русскоязычных источниках
Особенности работы на англоязычных источниках
Домашнее задание: Посадочная страница с высокой конверсией
Как делать грамотные QUIZ-лендинги
Как делать прототипирование в Фигме
Использование переходов и оверлеев
Как делать анимацию без дополнительных программ
Как использовать функцию Auto Layout
Как показывать макет заказчику через прототип
Как делать многостраничные сайты
Как делать интернет-магазины
В чем отличие многостраничных сайтов от LP
Для чего нужна Система управления содержимым
Какие страницы нужно дизайнить для интернет-магазина
Что такое типовая страница
Какую ширину использовать при создании адаптивного дизайна
Особенности планшетной версии сайта
Особенности мобильной версии макета
Практика по созданию адаптивного дизайна
Как использовать «зеркало» при создании мобильного дизайна
Как передавать макет в вёрстку
Как отдавать макет заказчику
Responsive design: Как сделать дизайн отзывчивым
Как создавать грамотный UI-kit
Прямой способ передачи макета
Как передавать макет через Zeplin
Как верстальщику передать свои комментарии
Каких правил нужно придерживаться, чтобы верстальщики хотели с вами работать
Домашнее задание: Дизайн интернет-магазина
Домашнее задание: Адаптивный дизайн
Практика: Создание UI-kit
Практика: Подготовка макета к вёрстке
Для чего нужна упаковка работ
Как правильно загружать работы в соцсети
Как правильно загружать работы на Behance
Как сделать цепляющую обложку кейса
Смысловые блоки упаковки кейса
Как делать упаковку: с технической точки зрения
Три способа использовать мокапы для упаковки
Как показывать верстальщику примеры сложной анимации
Где можно «подглядывать» примеры анимации, которую можно посоветовать верстальщику
(!) Приглашение в чат рекламы кейсов всех потоков ДВ
Домашнее задание: Упаковка кейсов для портфолио
Прямой эфир №1
Прямой эфир №2
Прямой эфир №3
Прямой эфир №4
Прямой эфир №5
Прямой эфир №6
Прямой эфир №7
Поддержка по всем возникающим вопросам
Возьмете проект в процессе обучения — поможем на каждом этапе
ДОМАШНИЕ ЗАДАНИЯ
При выполнении всех заданий у вас будет полноценное портфолио:
Промо-сайт
1 лендинг
Квиз
Интернет-магазин
Выпускной лендинг (2 и 3 тариф)
На каждом из ДЗ будет дано по 3-4 разных темы, поэтому вы сможете сделать портфолио в несколько раз больше.
https://sanya-kvo.ru/Стоимость 8999р (Пакет Пилот)