Дизайн-Огонь 10.0
О чём курс
Курс знакомит с полным циклом создания веб-дизайна: от первых инструментов в Photoshop и разработки макетов до сборки сайтов на Tilda и поиска клиентов во ВКонтакте.
О чём курс
Материал выстроен как пошаговый процесс работы дизайнера над реальными коммерческими задачами. Программа начинается с изучения базовых инструментов графического редактора и проектирования структуры страницы. Далее вы разберёте оформление интерфейсных элементов, подготовку исходников и перенос готового дизайна в веб-среду.
Помимо технической части создания сайтов и графики для сообществ, автор рассматривает вопросы фриланса: как вести переговоры с заказчиками, презентовать проекты, собирать портфолио и привлекать заявки через социальные сети.
Что внутри
Программа охватывает несколько ключевых направлений практической работы:
- Освоение Photoshop: настройка рабочего пространства, работа с сетками, шрифтами, фигурами, кнопками, слайдерами и структурирование исходных файлов.
- Проектирование и оформление лендинга: создание прототипа, подбор шрифтовых пар и графики, оформление шапки, форм захвата, карточек товаров, калькуляторов и адаптивной версии сайта под смартфоны.
- Верстка на платформе Tilda: создание проектов, оптимизация изображений, работа с блоками Zero Block и адаптация экранов.
- Оформление сообществ во ВКонтакте: создание обложек, аватаров, меню, баннеров и использование вики-разметки.
- Организация фриланс-деятельности: составление технического задания и брифа, расчет стоимости работы, получение предоплаты, презентация вариантов заказчику и оформление кейсов для публикации.
Программа обучения
- 1 Базовые функции фотошопа
- 1 Установка фотошопа, где скачать
- 2 Установка шрифтов
- 3 Настройка фотошопа
- 4 Нужные функции для дизайна
- 5 Как работать с фигурами
- 6 Как работать с текстом
- 7 Как работать с сетками
- 8 Кнопки
- 9 Слайдеры
- 10 Работа с иконками
- 11 Аккуратная структура исходника
- 2 Дизайн лендинга
- 1 Создание прототипа лендинга
- 2 Настраиваемся на нужную волну, как найти вдохновение и идеи
- 3 Дизайн первого экрана лендинга
- 4 Примеры первого экрана лендинга
- 5 Как зацепить взгляд клиента за 1-2 сек.
- 6 Основные ошибки при дизайне лендинга
- 7 Дизайн шапки лендинга
- 8 Дизайн формы захвата
- 9 Подбираем правильные шрифты
- 10 Подбираем правильные иконки для макета
- 11 Дизайн инфографики
- 12 Фишки при работе с платными фотобанками
- 13 Дизайн блока товаров и услуг
- 14 Дизайн блока отзывов
- 15 Дизайн нестандартных блоков: калькулятор, онлайн-тест
- 16 Всплывающие окна и формы
- 17 Дизайн окна при выходе с сайта
- 18 Цепляющая страница благодарности
- 19 Дизайн адаптивной версии
- 20 Правильно подготавливаем дизайн к верстке
- 21 Пишем техническое задание для верстальщика
- 22 Ищем верстальщика для своего проекта
- 23 Как проверять верстку и работу верстальщика
- 3 Верстка лендинга на Tilda
- 1 Регистрация аккаунта
- 2 Создание проекта
- 3 Создание первой страницы
- 4 Подключаем шрифты
- 5 Активация пробного тарифа
- 6 Подготовка графики к верстке
- 7 Знакомство с настройками сайта в Тильде
- 8 Оптимизация изображений
- 9 Создание рабочей страницы
- 10 Создание первого зеро-блока и знакомство с его настройками
- 11 Сущности в зеро-блоке
- 12 Верстка всех экранов лендинга
- 13 Адаптация под мобильные устройства
- 4 Дизайн группы ВК
- 1 Дизайн группы ВК, как на этом зарабатывать
- 2 Дизайн аватара ВК
- 3 Дизайн обложки
- 4 Дизайн меню группы
- 5 Дизайн товаров и баннеров
- 6 Wiki-разметка
- 5 Как работать с клиентом
- 1 Правильно составляем ТЗ и личный бриф
- 2 Обсуждаем с клиентом будущий проект
- 3 Когда и как брать предоплату за проект
- 4 Как не быть кинутым на деньги
- 5 Как правильно сформировать цену за свою работу
- 6 Что делать если клиент говорит “дорого”
- 7 Как презентовать проект клиенту
- 8 Что делать, если клиенту не понравился дизайн
- 9 Как делать допродажи
- 6 Оформляем свое портфолио
- 1 На каких сайтах нужно публиковать свои работы
- 2 В каком виде нужно показывать проект аудитории
- 3 Как правильно использовать mockup для презентации работ
- 4 Как оформить кейс на стене ВК, чтобы получить с него клиентов
- 5 Оформление постов ВК в формате лонгридов (новый формат статей)
- 6 Презентуем свое портфолио в соц.сетях: ВК, Facebook, Инстаграм
- 7 Примеры оформления портфолио
- 8 Как не нужно оформлять портфолио
- 7 Полное руководство по рекламе себя в ВК
- 1 Как оформить свою страницу ВК фрилансеру, чтобы она постоянно генерировала клиентов
- 2 Вырабатываем полезную привычку публиковать кейсы и свои работы (даже если ты стеснительный)
- 3 Пишем личную историю о себе. Запускаем вирусный эффект
- 4 Заполняем портфолио проектами (даже если нет реальных клиентов)
- 5 Запускаем свою группу ВК. Как на ней зарабатывать
- 6 Как одним постом на стене зарабатывать от 10 000 руб.
- 7 Рекламируем свои кейсы рекламой ВК и получаем клиентов
- 8 Как общаться с клиентами ВК, чтобы они обращались еще и еще?
- 9 Как запустить сарафанное радио
- 10 Как работать с возражениями “дорого”
- 11 Почему нужно работать с вами, а не с другим фрилансером
- 12 Пишем цепочку писем и греем своих будущих клиентов
- 13 Каким нужно сделать свой сайт для привлечения клиентов
- 14 Как работать с верстальщиком / программистом
- 15 Где бесплатно найти первые заказы от реальных клиентов
Теги курса
Другие материалы автора 10
АС Алексей Савченко Все материалыОтзывов пока нет. Будьте первым!
Этот курс сейчас в процессе организации складчины. Нажмите кнопку «Записаться» и ожидайте старта — вам придёт уведомление. Когда складчина стартует, в карточке курса будет указан актуальный взнос. Текущая цена пока в процессе формирования и может отличаться от финальной.
Да, мы стремимся, чтобы финальный взнос был не больше ≈10% от оригинальной цены курса. Чем больше участников записывается в складчину, тем ниже выходит взнос для каждого.
Нажмите кнопку «Записаться» и авторизуйтесь на сайте через email (через ту же почту, которую будете использовать для входа). В личном кабинете вас будут ждать инструкции, как пригласить других участников — чем больше людей записалось, тем быстрее стартует складчина и тем ниже взнос. Как только складчина готова к приобретению, вам придёт уведомление.